@jpkme/diff-review 0.1.3 → 0.1.4

package/lib/validate.mjs

@@ -0,0 +1,221 @@
+export const GROUP_KINDS = ["feat", "fix", "refactor", "perf", "test", "chore", "docs", "infra"];
+export const BLOCK_OPS = ["add", "mod", "del", "rename"];
+export const WHY_SOURCES = ["code", "commit", "pr", "issue", "inferred"];
+export const FINDING_CLASSES = ["risk", "quality"];
+export const FINDING_SEVERITIES = ["high", "med", "low", "nit"];
+export const FINDING_KINDS = [
+  "bug", "race", "auth", "security", "api-break",
+  "missing-test", "perf", "maintainability", "docs", "other",
+];
+export const SKIP_REASONS = ["generated", "lockfile", "format", "vendored", "binary", "trivial", "ignored"];
+
+/** Lo que tiene que devolver el modelo en un turno. El resto lo agrega el pipeline. */
+export const REVIEW_SCHEMA = {
+  $id: "diff-review",
+  type: "object",
+  required: ["intent", "groups", "blocks"],
+  additionalProperties: true,
+  properties: {
+    intent: { type: "string", minLength: 40 },
+    groups: {
+      type: "array",
+      minItems: 1,
+      items: {
+        type: "object",
+        required: ["id", "kind", "title", "intent"],
+        additionalProperties: true,
+        properties: {
+          id: { type: "string", minLength: 1 },
+          kind: { type: "string", enum: GROUP_KINDS },
+          title: { type: "string", minLength: 1 },
+          intent: { type: "string" },
+        },
+      },
+    },
+    blocks: {
+      type: "array",
+      minItems: 1,
+      items: {
+        type: "object",
+        required: ["id", "group", "file", "lines", "op", "what"],
+        additionalProperties: true,
+        properties: {
+          id: { type: "string", minLength: 1 },
+          group: { type: "string", minLength: 1 },
+          file: { type: "string", minLength: 1 },
+          lines: { type: "string", minLength: 1 },
+          op: { type: "string", enum: BLOCK_OPS },
+          what: { type: "string", minLength: 1, maxLength: 120 },
+          why: { type: "string", maxLength: 120 },
+          source: { type: "string", enum: WHY_SOURCES },
+        },
+      },
+    },
+    findings: {
+      type: "array",
+      items: {
+        type: "object",
+        required: ["class", "severity", "kind", "file", "what"],
+        additionalProperties: true,
+        properties: {
+          id: { type: "string" },
+          class: { type: "string", enum: FINDING_CLASSES },
+          severity: { type: "string", enum: FINDING_SEVERITIES },
+          blocking: { type: "boolean" },
+          kind: { type: "string", enum: FINDING_KINDS },
+          file: { type: "string", minLength: 1 },
+          line: { type: ["integer", "null"] },
+          block: { type: "string" },
+          what: { type: "string", minLength: 1, maxLength: 120 },
+          fix: { type: "string", maxLength: 120 },
+        },
+      },
+    },
+    skipped: {
+      type: "array",
+      items: {
+        type: "object",
+        required: ["file", "reason"],
+        additionalProperties: true,
+        properties: {
+          file: { type: "string", minLength: 1 },
+          reason: { type: "string", enum: SKIP_REASONS },
+        },
+      },
+    },
+  },
+};
+
+function typeOf(value) {
+  if (value === null) return "null";
+  if (Array.isArray(value)) return "array";
+  if (typeof value === "number" && Number.isInteger(value)) return "integer";
+  return typeof value;
+}
+
+function typeMatches(expected, actual) {
+  const options = Array.isArray(expected) ? expected : [expected];
+  if (options.includes(actual)) return true;
+  // TOON has no integer/number split; an integer is a valid number.
+  return options.includes("number") && actual === "integer";
+}
+
+/** Minimal JSON Schema checker (type, required, properties, items, enum, minLength, minItems). */
+export function validateAgainst(schema, data, path = "$") {
+  const errors = [];
+  if (!schema || typeof schema !== "object") return errors;
+  const actual = typeOf(data);
+  if (schema.type && !typeMatches(schema.type, actual)) {
+    errors.push(`${path}: se esperaba ${[].concat(schema.type).join("|")}, llegó ${actual}`);
+    return errors;
+  }
+  if (actual === "string" && schema.minLength && data.length < schema.minLength) {
+    errors.push(`${path}: texto demasiado corto (mínimo ${schema.minLength})`);
+  }
+  if (actual === "string" && schema.maxLength && data.length > schema.maxLength) {
+    errors.push(`${path}: texto demasiado largo (máximo ${schema.maxLength})`);
+  }
+  if (schema.enum && (actual === "string" || actual === "number") && !schema.enum.includes(data)) {
+    errors.push(`${path}: valor no permitido (${data}); usá uno de: ${schema.enum.join(", ")}`);
+  }
+  if (actual === "array") {
+    if (schema.minItems && data.length < schema.minItems) {
+      errors.push(`${path}: se esperaban al menos ${schema.minItems} ítems`);
+    }
+    if (schema.items) {
+      data.forEach((item, i) => errors.push(...validateAgainst(schema.items, item, `${path}[${i}]`)));
+    }
+  }
+  if (actual === "object") {
+    for (const key of schema.required || []) {
+      if (data[key] === undefined) errors.push(`${path}: falta ${key}`);
+    }
+    for (const [key, child] of Object.entries(schema.properties || {})) {
+      if (data[key] === undefined) continue;
+      errors.push(...validateAgainst(child, data[key], `${path}.${key}`));
+    }
+  }
+  return errors;
+}
+
+/**
+ * Integridad referencial y cobertura. El schema solo mira formas; esto mira que
+ * los ids cierren y que no haya quedado un archivo sin explicar, que es el
+ * error que de verdad arruina la review.
+ */
+export function reviewIssues(payload, knownPaths = []) {
+  const errors = [];
+  const groups = Array.isArray(payload?.groups) ? payload.groups : [];
+  const blocks = Array.isArray(payload?.blocks) ? payload.blocks : [];
+  const findings = Array.isArray(payload?.findings) ? payload.findings : [];
+  const skipped = Array.isArray(payload?.skipped) ? payload.skipped : [];
+
+  const groupIds = new Set(groups.map((g) => g.id));
+  const blockIds = new Set(blocks.map((b) => b.id));
+  const known = new Set(knownPaths);
+
+  const dupGroups = groups.length - groupIds.size;
+  if (dupGroups > 0) errors.push(`hay ${dupGroups} id de tema repetido`);
+  const dupBlocks = blocks.length - blockIds.size;
+  if (dupBlocks > 0) errors.push(`hay ${dupBlocks} id de bloque repetido`);
+
+  for (const block of blocks) {
+    if (!groupIds.has(block.group)) {
+      errors.push(`el bloque ${block.id} apunta al tema inexistente ${block.group}`);
+    }
+    if (known.size && !known.has(block.file)) {
+      errors.push(`el bloque ${block.id} apunta a un archivo que no está en el diff: ${block.file}`);
+    }
+  }
+
+  const usedGroups = new Set(blocks.map((b) => b.group));
+  for (const group of groups) {
+    if (!usedGroups.has(group.id)) errors.push(`el tema ${group.id} no tiene ningún bloque`);
+  }
+
+  for (const finding of findings) {
+    if (finding.block && !blockIds.has(finding.block)) {
+      errors.push(`el hallazgo ${finding.id || finding.what} apunta al bloque inexistente ${finding.block}`);
+    }
+    if (known.size && !known.has(finding.file)) {
+      errors.push(`el hallazgo ${finding.id || finding.what} apunta a un archivo fuera del diff: ${finding.file}`);
+    }
+  }
+
+  if (known.size) {
+    const covered = new Set([...blocks.map((b) => b.file), ...skipped.map((s) => s.file)]);
+    const missing = [...known].filter((path) => !covered.has(path));
+    if (missing.length) {
+      errors.push(
+        `quedaron ${missing.length} archivo(s) sin bloque ni skipped: ${missing.slice(0, 8).join(", ")}`,
+      );
+    }
+  }
+
+  return errors;
+}
+
+/** JSON output contract (English instructions; Spanish text fields). */
+export function jsonContract() {
+  return `OUTPUT: a single JSON object only. No markdown, no fences, no prose before or after.
+TEXT LANGUAGE: Spanish (rioplatense, technical) for intent, groups.intent, blocks.what/why, findings.what/fix. Keep code identifiers untranslated.
+
+{
+  "intent": "2-4 sentences on what the branch solves",
+  "groups": [{ "id": "g1", "kind": "feat", "title": "scope: summary ≤72 chars (do not repeat kind)", "intent": "why this theme exists" }],
+  "blocks": [{ "id": "b1", "group": "g1", "file": "exact/path.ts", "lines": "L40-58", "op": "mod", "what": "≤120 chars", "why": "≤120 chars", "source": "code" }],
+  "findings": [{ "id": "f1", "class": "risk", "severity": "high", "blocking": true, "kind": "bug", "file": "path.ts", "line": 42, "block": "b1", "what": "≤120 chars", "fix": "≤120 chars" }],
+  "skipped": [{ "file": "bun.lock", "reason": "lockfile" }]
+}
+
+Enums:
+- groups.kind: ${GROUP_KINDS.join(" | ")}
+- blocks.op: ${BLOCK_OPS.join(" | ")}
+- blocks.source: ${WHY_SOURCES.join(" | ")}
+- findings.class: ${FINDING_CLASSES.join(" | ")}
+- findings.severity: ${FINDING_SEVERITIES.join(" | ")}
+- findings.kind: ${FINDING_KINDS.join(" | ")}
+- findings.blocking: boolean
+- findings.line: integer or null
+- skipped.reason: ${SKIP_REASONS.join(" | ")}`;
+}

package/lib/validate.test.mjs

@@ -0,0 +1,85 @@
+import { test } from "node:test";
+import assert from "node:assert/strict";
+import { REVIEW_SCHEMA, reviewIssues, jsonContract, validateAgainst } from "./validate.mjs";
+
+const valid = () => ({
+  intent: "Agrega el ABM de depósitos locales end-to-end para dejar de administrarlos por SQL.",
+  groups: [{ id: "g1", kind: "feat", title: "feat(product): CRUD de depósitos", intent: "base de todo" }],
+  blocks: [
+    { id: "b1", group: "g1", file: "src/a.ts", lines: "L1-20", op: "add", what: "controller nuevo", why: "", source: "code" },
+  ],
+  findings: [],
+  skipped: [],
+});
+
+test("validateAgainst acepta una review bien formada", () => {
+  assert.deepEqual(validateAgainst(REVIEW_SCHEMA, valid()), []);
+});
+
+test("validateAgainst exige una intención de verdad", () => {
+  const errors = validateAgainst(REVIEW_SCHEMA, { ...valid(), intent: "corto" });
+  assert.ok(errors.some((e) => e.includes("intent")));
+});
+
+test("validateAgainst rechaza un kind de grupo inventado", () => {
+  const doc = valid();
+  doc.groups[0].kind = "feature";
+  const errors = validateAgainst(REVIEW_SCHEMA, doc);
+  assert.ok(errors.some((e) => e.includes("kind")));
+});
+
+test("validateAgainst rechaza un bloque sin rango de líneas", () => {
+  const doc = valid();
+  delete doc.blocks[0].lines;
+  assert.ok(validateAgainst(REVIEW_SCHEMA, doc).some((e) => e.includes("lines")));
+});
+
+test("validateAgainst acepta los dos ejes de hallazgo", () => {
+  const doc = valid();
+  doc.findings = [
+    { id: "f1", class: "risk", severity: "high", blocking: true, kind: "bug", file: "src/a.ts", line: 4, what: "rompe" },
+    { id: "f2", class: "quality", severity: "low", blocking: false, kind: "maintainability", file: "src/a.ts", line: null, what: "duplicado" },
+  ];
+  assert.deepEqual(validateAgainst(REVIEW_SCHEMA, doc), []);
+});
+
+test("reviewIssues detecta un bloque que apunta a un grupo inexistente", () => {
+  const doc = valid();
+  doc.blocks[0].group = "g9";
+  const errors = reviewIssues(doc, ["src/a.ts"]);
+  assert.ok(errors.some((e) => e.includes("g9")));
+});
+
+test("reviewIssues detecta un archivo del diff sin bloque ni skipped", () => {
+  const errors = reviewIssues(valid(), ["src/a.ts", "src/olvidado.ts"]);
+  assert.ok(errors.some((e) => e.includes("olvidado")));
+});
+
+test("reviewIssues acepta un archivo cubierto por skipped", () => {
+  const doc = valid();
+  doc.skipped = [{ file: "bun.lock", reason: "lockfile" }];
+  assert.deepEqual(reviewIssues(doc, ["src/a.ts", "bun.lock"]), []);
+});
+
+test("reviewIssues detecta grupos huérfanos y hallazgos colgados", () => {
+  const doc = valid();
+  doc.groups.push({ id: "g2", kind: "test", title: "t", intent: "x" });
+  doc.findings = [{ id: "f1", class: "risk", severity: "high", blocking: true, kind: "bug", file: "src/a.ts", block: "b9", what: "x" }];
+  const errors = reviewIssues(doc, ["src/a.ts"]);
+  assert.ok(errors.some((e) => e.includes("g2")));
+  assert.ok(errors.some((e) => e.includes("b9")));
+});
+
+test("reviewIssues detecta ids repetidos", () => {
+  const doc = valid();
+  doc.blocks.push({ ...doc.blocks[0] });
+  assert.ok(reviewIssues(doc, ["src/a.ts"]).some((e) => e.includes("repetido")));
+});
+
+test("jsonContract nombra la estructura y los enums", () => {
+  const text = jsonContract();
+  assert.match(text, /JSON object/);
+  assert.match(text, /groups\.kind/);
+  assert.match(text, /findings/);
+  assert.match(text, /maintainability/);
+});

package/lib/wait-output.mjs

@@ -0,0 +1,104 @@
+/**
+ * Espera a que aparezca un JSON de review válido en el repo.
+ */
+import { existsSync, readFileSync, watch } from "node:fs";
+import { basename, join } from "node:path";
+import { decodePayload } from "./json-payload.mjs";
+import { REVIEW_SCHEMA, validateAgainst } from "./validate.mjs";
+
+/**
+ * @param {string} repoRoot
+ * @param {string} filename
+ * @param {{ onInvalid?: (errors: string[]) => void, pollMs?: number }} [opts]
+ * @returns {Promise<{ path: string, payload: unknown }>}
+ */
+export function waitForReviewOutput(repoRoot, filename, opts = {}) {
+  const target = join(repoRoot, filename);
+  const name = basename(filename);
+  const pollMs = opts.pollMs ?? 800;
+  let lastInvalidKey = "";
+
+  const tryRead = () => {
+    if (!existsSync(target)) return null;
+    let text;
+    try {
+      text = readFileSync(target, "utf8");
+    } catch {
+      return null;
+    }
+    if (!text.trim()) return null;
+    let payload;
+    try {
+      payload = decodePayload(text);
+    } catch {
+      return null;
+    }
+    const errors = validateAgainst(REVIEW_SCHEMA, payload);
+    if (errors.length) {
+      const key = errors.join("\n");
+      if (key !== lastInvalidKey) {
+        lastInvalidKey = key;
+        opts.onInvalid?.(errors);
+      }
+      return null;
+    }
+    return { path: target, payload };
+  };
+
+  return new Promise((resolve, reject) => {
+    let settled = false;
+    /** @type {import('node:fs').FSWatcher | null} */
+    let watcher = null;
+    /** @type {ReturnType<typeof setInterval> | null} */
+    let timer = null;
+
+    const finish = (result) => {
+      if (settled) return;
+      settled = true;
+      if (timer) clearInterval(timer);
+      try {
+        watcher?.close();
+      } catch {
+        /* ignore */
+      }
+      resolve(result);
+    };
+
+    const fail = (err) => {
+      if (settled) return;
+      settled = true;
+      if (timer) clearInterval(timer);
+      try {
+        watcher?.close();
+      } catch {
+        /* ignore */
+      }
+      reject(err);
+    };
+
+    const tick = () => {
+      try {
+        const hit = tryRead();
+        if (hit) finish(hit);
+      } catch (err) {
+        fail(err);
+      }
+    };
+
+    tick();
+    if (settled) return;
+
+    try {
+      watcher = watch(repoRoot, { persistent: true }, (_event, changed) => {
+        if (!changed || String(changed) === name || String(changed).endsWith(name)) tick();
+      });
+      watcher.on("error", () => {
+        /* poll sigue */
+      });
+    } catch {
+      /* solo poll */
+    }
+
+    timer = setInterval(tick, pollMs);
+  });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jpkme/diff-review",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "Local UI to prompt a coding agent for a branch review and browse the result.",
   "type": "module",
   "bin": {
@@ -8,6 +8,7 @@
   },
   "files": [
     "bin",
+    "lib",
     "web/build",
     "schema.json",
     "README.md",

package/web/build/client/_app/immutable/assets/2.Xnfq26gJ.css

@@ -0,0 +1 @@
+.page.svelte-1uha8ag{flex-direction:column;min-height:100vh;display:flex}.toast.svelte-1uha8ag{z-index:40;border:1px solid var(--border);background:var(--bg-card);color:var(--text);padding:10px 16px;font-size:13px;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000029}.topbar.svelte-1uha8ag{border-bottom:1px solid var(--border);background:var(--header-bg);z-index:5;justify-content:space-between;align-items:center;gap:12px;padding:16px 28px;display:flex;position:sticky;top:0}.brand.svelte-1uha8ag{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.brand-dot.svelte-1uha8ag{background:linear-gradient(135deg,#6ea8fe,#c9a5ff);border-radius:50%;flex-shrink:0;width:9px;height:9px;box-shadow:0 0 12px #6ea8fe88}.title-block.svelte-1uha8ag{text-align:left;flex-direction:column;line-height:1.25;display:flex}.title-block.svelte-1uha8ag span:where(.svelte-1uha8ag):first-child{font-size:15px;font-weight:700}.title-block.svelte-1uha8ag small:where(.svelte-1uha8ag){color:var(--text-faint);font-size:11.5px;font-weight:400}.workspace.svelte-1uha8ag{flex:1;grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:start;gap:28px;width:100%;max-width:1280px;margin:0 auto;padding:22px 28px 40px;display:grid;overflow:auto}.setup.svelte-1uha8ag{min-width:0}h2.svelte-1uha8ag{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin:0 0 4px;font-size:13px;font-weight:600}.result-head.svelte-1uha8ag{margin-top:24px}.section-head.svelte-1uha8ag{justify-content:space-between;align-items:baseline;margin-top:22px;display:flex}.hint-text.svelte-1uha8ag{color:var(--text-dim);margin:0 0 12px;font-size:12.5px;line-height:1.5}.hint-text.svelte-1uha8ag code:where(.svelte-1uha8ag){font-family:var(--mono);color:var(--text);font-size:12px}.detect-banner.svelte-1uha8ag,.detect-wait.svelte-1uha8ag{color:var(--text-dim);margin:0 0 10px;font-size:13px}button.file-link.svelte-1uha8ag{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.error-line.svelte-1uha8ag{color:var(--danger);margin:0 0 10px;font-size:12px}.ok-line.svelte-1uha8ag{color:var(--ok);margin:0 0 10px;font-size:12px}.row.svelte-1uha8ag{flex-wrap:wrap;gap:8px;display:flex}.repo-setup.svelte-1uha8ag{flex-direction:column;gap:10px;display:flex}.field.svelte-1uha8ag{flex-direction:column;flex:1;gap:4px;min-width:180px;display:flex}.repo-field.svelte-1uha8ag{flex:none;width:100%;min-width:0}.branches-row.svelte-1uha8ag .field:where(.svelte-1uha8ag){flex:1;min-width:160px}.field.svelte-1uha8ag span:where(.svelte-1uha8ag){color:var(--text-faint);font-size:11px}.repo-row.svelte-1uha8ag{gap:6px;min-width:0;display:flex}.repo-row.svelte-1uha8ag input[type=text]:where(.svelte-1uha8ag){flex:1;min-width:0}.repo-row.svelte-1uha8ag button:where(.svelte-1uha8ag){flex-shrink:0}.source-toggle.svelte-1uha8ag{margin-bottom:10px}input[type=text].svelte-1uha8ag,select.svelte-1uha8ag{background:var(--bg-card);border:1px solid var(--border);flex:1;min-width:0;padding:9px 12px}button.svelte-1uha8ag{background:var(--bg-card);border:1px solid var(--border);color:var(--text);padding:9px 12px;font-size:12.5px}button.svelte-1uha8ag:hover:not(:disabled){border-color:var(--accent)}button.svelte-1uha8ag:disabled{opacity:.5;cursor:not-allowed}.mode-toggle.svelte-1uha8ag{border:1px solid var(--border);width:fit-content;margin-bottom:10px;display:flex;overflow:hidden}.mode-toggle.svelte-1uha8ag button:where(.svelte-1uha8ag){background:0 0;border:0;padding:6px 12px;font-size:12px}.mode-toggle.svelte-1uha8ag button:where(.svelte-1uha8ag)+button:where(.svelte-1uha8ag){border-left:1px solid var(--border)}.mode-toggle.svelte-1uha8ag button.on:where(.svelte-1uha8ag){background:var(--accent-soft)}textarea.svelte-1uha8ag{resize:vertical;background:var(--bg);border:1px solid var(--border);width:100%;height:220px;font-family:var(--mono);color:var(--text);padding:12px;font-size:12px;line-height:1.5}.command-box.svelte-1uha8ag{background:var(--bg);border:1px solid var(--border);padding:10px 12px;overflow:auto}.command-box.svelte-1uha8ag code:where(.svelte-1uha8ag){font-family:var(--mono);color:var(--text);white-space:nowrap;font-size:12.5px}.actions.svelte-1uha8ag{gap:8px;margin-top:10px;display:flex}button.primary.svelte-1uha8ag{background:var(--btn-primary-bg);border-color:var(--btn-primary-border);color:var(--btn-primary-text);font-weight:600}button.ghost.svelte-1uha8ag{color:var(--text-dim);background:0 0}.skill-block.svelte-1uha8ag{border-top:1px solid var(--border);margin-top:16px;padding-top:14px}.skill-block.svelte-1uha8ag h3:where(.svelte-1uha8ag){letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin:0 0 4px;font-size:11.5px;font-weight:650}.skill-buttons.svelte-1uha8ag{flex-wrap:wrap;gap:8px;display:flex}.coverage-box.svelte-1uha8ag{border:1px solid var(--border);border-left:3px solid var(--sev-med);background:var(--bg-card);flex-direction:column;gap:10px;margin-top:12px;padding:12px 14px;display:flex}.coverage-head.svelte-1uha8ag{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.coverage-head.svelte-1uha8ag strong:where(.svelte-1uha8ag){color:var(--sev-med);font-size:13px}.coverage-head.svelte-1uha8ag span:where(.svelte-1uha8ag){color:var(--text-faint);font-size:11.5px}.coverage-box.svelte-1uha8ag summary:where(.svelte-1uha8ag){color:var(--text-dim);cursor:pointer;font-size:12px}.coverage-list.svelte-1uha8ag{max-height:180px;font-family:var(--mono);color:var(--text-faint);margin:8px 0 0;padding-left:18px;font-size:11px;overflow:auto}.coverage-box.svelte-1uha8ag textarea:where(.svelte-1uha8ag){resize:vertical;background:var(--bg);border:1px solid var(--border);width:100%;font-family:var(--mono);color:var(--text);padding:10px;font-size:11.5px;line-height:1.5}.coverage-actions.svelte-1uha8ag{flex-wrap:wrap;gap:8px;display:flex}.dropzone.svelte-1uha8ag{border:1.5px dashed var(--border);text-align:center;background:var(--bg-elev);padding:26px;transition:background .15s,border-color .15s}.dropzone.drag.svelte-1uha8ag{border-color:var(--accent);background:var(--accent-soft)}.dropzone.busy.svelte-1uha8ag{opacity:.7}.dropzone.svelte-1uha8ag p:where(.svelte-1uha8ag){color:var(--text-dim);margin:0 0 6px;font-size:14px}.visually-hidden.svelte-1uha8ag{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.drop-errors.svelte-1uha8ag{background:var(--danger-bg);color:var(--danger);margin-top:10px;padding:10px 12px;font-size:12.5px}.drop-errors.svelte-1uha8ag strong:where(.svelte-1uha8ag){margin-bottom:4px;display:block}.drop-errors.svelte-1uha8ag ul:where(.svelte-1uha8ag){margin:0;padding-left:18px;line-height:1.6}.reports-col.svelte-1uha8ag{min-width:0;max-height:calc(100vh - 110px);position:sticky;top:88px;overflow:auto}.report-list.svelte-1uha8ag{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.report-item.svelte-1uha8ag{border:1px solid var(--border);background:var(--bg-card);align-items:stretch;display:flex;position:relative;overflow:visible}.report-item.svelte-1uha8ag:hover{background:var(--bg-card-hover);border-color:#33507a}.report-card.svelte-1uha8ag{min-width:0;color:var(--text);flex:1;padding:12px 8px 12px 14px;text-decoration:none;display:block}.report-actions.svelte-1uha8ag{flex-shrink:0;padding:8px 8px 0 0;position:relative}.kebab.svelte-1uha8ag{width:26px;height:26px;color:var(--text-faint);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.kebab.svelte-1uha8ag:hover{border-color:var(--border);color:var(--text);background:var(--bg)}.report-menu.svelte-1uha8ag{z-index:30;border:1px solid var(--border);background:var(--bg-card);min-width:140px;padding:4px;position:absolute;top:auto;bottom:calc(100% - 2px);right:8px;box-shadow:0 8px 24px #0000002e}.report-menu.svelte-1uha8ag .menu-item:where(.svelte-1uha8ag){width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;padding:8px 10px;font-size:12.5px;display:block}.report-menu.svelte-1uha8ag .menu-item:where(.svelte-1uha8ag):hover{background:var(--accent-soft)}.report-menu.svelte-1uha8ag .menu-item.danger:where(.svelte-1uha8ag){color:var(--danger)}.report-top.svelte-1uha8ag{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.report-top.svelte-1uha8ag strong:where(.svelte-1uha8ag){font-size:14px}.when.svelte-1uha8ag{color:var(--text-dim);font-size:12px}.report-meta.svelte-1uha8ag{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:12px;display:flex}.pill.svelte-1uha8ag{font-family:var(--mono);font-size:11px}.pill.bad.svelte-1uha8ag{color:var(--danger)}.report-intent.svelte-1uha8ag{color:var(--text-dim);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 0;font-size:12.5px;line-height:1.45;display:-webkit-box;overflow:hidden}@media (width<=960px){.workspace.svelte-1uha8ag{grid-template-columns:1fr}.reports-col.svelte-1uha8ag{max-height:none;position:static}}