@crvy/rprtr 0.0.5 → 0.0.8

package/dist/index.js

@@ -5554,280 +5554,6 @@ if (dev_fallback_default) {
   throw_rune_error("$bindable");
 }
 
-// node_modules/svelte/src/version.js
-var PUBLIC_VERSION = "5";
-
-// node_modules/svelte/src/internal/disclose-version.js
-if (typeof window !== "undefined") {
-  ((window.__svelte ??= {}).v ??= /* @__PURE__ */ new Set()).add(PUBLIC_VERSION);
-}
-
-// src/types.ts
-function isDefined(value) {
-  return value !== null && value !== void 0;
-}
-function isTest(x) {
-  if (x === null || typeof x !== "object") return false;
-  const hasId = "id" in x;
-  const hasTitlePath = "titlePath" in x;
-  return hasId && hasTitlePath && typeof x.id === "string" && Array.isArray(x.titlePath);
-}
-function getChildrenArray(children) {
-  if (children === void 0) return [];
-  return Object.values(children).filter(isDefined);
-}
-function getChildrenEntries(children) {
-  if (children === void 0) return [];
-  return Object.entries(children).filter((entry) => isDefined(entry[1]));
-}
-function getChildrenKeys(children) {
-  if (children === void 0) return [];
-  return Object.keys(children);
-}
-
-// src/client/helpers/status.ts
-var testStatuses = ["unknown", "pending", "running", "failed", "approved", "success", "retrying"];
-function isTestStatus(value) {
-  return testStatuses.some((s) => s === value);
-}
-var statusUpdatesMap = /* @__PURE__ */ new Map([
-  [void 0, /(unknown|success|approved|failed|pending|running)/],
-  ["unknown", /(success|approved|failed|pending|running)/],
-  ["success", /(approved|failed|pending|running)/],
-  ["approved", /(failed|pending|running)/],
-  ["failed", /(pending|running)/],
-  ["pending", /running/]
-]);
-function calcStatus(oldStatus, newStatus) {
-  return newStatus !== void 0 && statusUpdatesMap.get(oldStatus)?.test(newStatus) === true ? newStatus : oldStatus;
-}
-function countTestsStatus(suite) {
-  let successCount = 0;
-  let failedCount = 0;
-  let approvedCount = 0;
-  let pendingCount = 0;
-  const cases = getChildrenArray(suite.children);
-  let suiteOrTest;
-  while (suiteOrTest = cases.pop()) {
-    if (isTest(suiteOrTest)) {
-      if (!hasScreenshots(suiteOrTest)) continue;
-      if (suiteOrTest.status === "approved") approvedCount++;
-      if (suiteOrTest.status === "success") successCount++;
-      if (suiteOrTest.status === "failed") failedCount++;
-      if (suiteOrTest.status === "pending") pendingCount++;
-    } else {
-      cases.push(...getChildrenArray(suiteOrTest.children));
-    }
-  }
-  return { approvedCount, successCount, failedCount, pendingCount };
-}
-function getFailedTests(suite) {
-  return getChildrenArray(suite.children).flatMap((suiteOrTest) => {
-    if (isTest(suiteOrTest)) return suiteOrTest.status === "failed" ? suiteOrTest : [];
-    return getFailedTests(suiteOrTest);
-  });
-}
-function hasScreenshots(item) {
-  if (isTest(item)) {
-    return item.results?.some((r2) => r2.images !== void 0 && Object.keys(r2.images).length > 0) ?? false;
-  }
-  return getChildrenArray(item.children).some((child2) => hasScreenshots(child2));
-}
-
-// src/client/helpers/path.ts
-function getTestPath(test) {
-  return [...test.titlePath, test.title, test.browser].filter(isDefined);
-}
-function getSuiteByPath(suite, path) {
-  return path.reduce(
-    (suiteOrTest, pathToken) => isTest(suiteOrTest) ? suiteOrTest : suiteOrTest?.children?.[pathToken],
-    suite
-  );
-}
-function getTestByPath(suite, path) {
-  const test = getSuiteByPath(suite, path) ?? suite;
-  return isTest(test) ? test : null;
-}
-function setSearchParams(testPath) {
-  const params = new URLSearchParams();
-  testPath.forEach((p, i) => {
-    params.set(`testPath[${i}]`, p);
-  });
-  window.history.pushState({ testPath }, "", `?${params.toString()}`);
-}
-function getTestPathFromSearch() {
-  const params = new URLSearchParams(window.location.search);
-  const path = [];
-  let i = 0;
-  while (params.has(`testPath[${i}]`)) {
-    path.push(params.get(`testPath[${i}]`));
-    i++;
-  }
-  return path;
-}
-function parseFilterString(value) {
-  let status = null;
-  const subStrings = [];
-  value.split(" ").filter((s) => s !== "").map((word) => word.toLowerCase()).forEach((word) => {
-    const match = /^status:(failed|success|pending|approved)$/i.exec(word);
-    if (match !== null) {
-      const matchedStatus = match[1];
-      if (matchedStatus !== void 0 && isTestStatus(matchedStatus)) {
-        status = matchedStatus;
-        return;
-      }
-    }
-    subStrings.push(word);
-  });
-  return { status, subStrings };
-}
-function treeifyTests(testsById) {
-  const rootSuite = {
-    path: [],
-    skip: false,
-    opened: true,
-    checked: true,
-    indeterminate: false,
-    children: {}
-  };
-  Object.values(testsById).forEach((test) => {
-    if (test === void 0) return;
-    const titlePath = test.titlePath ?? [];
-    const browser = test.browser ?? "";
-    const title = test.title;
-    const pathParts = [...titlePath, title, browser].filter((p) => p !== void 0 && p !== "");
-    const [browserName, ...testPathParts] = pathParts.reverse();
-    if (browserName === void 0) return;
-    const lastSuite = testPathParts.reverse().reduce((suite, token) => {
-      suite.children = suite.children ?? {};
-      suite.children[token] ??= {
-        path: [...suite.path, token],
-        skip: false,
-        opened: false,
-        checked: true,
-        indeterminate: false,
-        children: {}
-      };
-      const subSuite = suite.children[token];
-      if (subSuite === void 0 || isTest(subSuite)) return suite;
-      subSuite.status = calcStatus(subSuite.status, test.status);
-      suite.status = calcStatus(suite.status, subSuite.status);
-      if (test.skip === false) subSuite.skip = false;
-      return subSuite;
-    }, rootSuite);
-    lastSuite.children = lastSuite.children ?? {};
-    lastSuite.children[browserName] = {
-      ...test,
-      checked: true
-    };
-  });
-  return rootSuite;
-}
-function mergeTreeState(target, source2) {
-  target.opened = source2.opened;
-  target.checked = source2.checked;
-  target.indeterminate = source2.indeterminate;
-  for (const [key2, targetChild] of getChildrenEntries(target.children)) {
-    const sourceChild = source2.children?.[key2];
-    if (targetChild === void 0 || sourceChild === void 0) continue;
-    if (!isTest(targetChild) && !isTest(sourceChild)) {
-      mergeTreeState(targetChild, sourceChild);
-    } else if (isTest(targetChild) && isTest(sourceChild)) {
-      targetChild.checked = sourceChild.checked;
-    }
-  }
-}
-
-// src/client/helpers/suite.ts
-function checkTests(suiteOrTest, checked) {
-  suiteOrTest.checked = checked;
-  if (!isTest(suiteOrTest)) {
-    suiteOrTest.indeterminate = false;
-    getChildrenArray(suiteOrTest.children).forEach((child2) => {
-      checkTests(child2, checked);
-    });
-  }
-}
-function updateChecked(suite) {
-  const children = getChildrenArray(suite.children).filter((child2) => child2.skip === false);
-  const checkedEvery = children.every((test) => test.checked);
-  const checkedSome = children.some((test) => test.checked);
-  const indeterminate = children.some((test) => isTest(test) ? false : test.indeterminate) || !checkedEvery && checkedSome;
-  const checked = indeterminate || suite.checked === checkedEvery ? suite.checked : checkedEvery;
-  suite.checked = checked;
-  suite.indeterminate = indeterminate;
-}
-function checkSuite(suite, path, checked) {
-  const subSuite = getSuiteByPath(suite, path);
-  if (subSuite) checkTests(subSuite, checked);
-  path.slice(0, -1).map((_, index2, tokens) => tokens.slice(0, tokens.length - index2)).forEach((parentPath) => {
-    const parentSuite = getSuiteByPath(suite, parentPath);
-    if (isTest(parentSuite)) return;
-    if (parentSuite) updateChecked(parentSuite);
-  });
-  updateChecked(suite);
-}
-function openSuite(suite, path, opened) {
-  const subSuite = path.reduce(
-    (suiteOrTest, pathToken) => {
-      if (suiteOrTest && !isTest(suiteOrTest)) {
-        if (opened) suiteOrTest.opened = opened;
-        return suiteOrTest.children?.[pathToken];
-      }
-    },
-    suite
-  );
-  if (subSuite && !isTest(subSuite)) subSuite.opened = opened;
-}
-function filterTests(suite, filter) {
-  const { status, subStrings } = filter;
-  if (!status && !subStrings.length) return suite;
-  const filteredSuite = { ...suite, children: {} };
-  getChildrenEntries(suite.children).forEach(([title, suiteOrTest]) => {
-    if (suiteOrTest.skip === true) return;
-    if (!status && subStrings.some((sub) => title.toLowerCase().includes(sub))) {
-      filteredSuite.children = filteredSuite.children ?? {};
-      filteredSuite.children[title] = suiteOrTest;
-    } else if (isTest(suiteOrTest)) {
-      if (status && suiteOrTest.status && ["pending", "running", status].includes(suiteOrTest.status)) {
-        filteredSuite.children = filteredSuite.children ?? {};
-        filteredSuite.children[title] = suiteOrTest;
-      }
-    } else {
-      const filteredSubSuite = filterTests(suiteOrTest, filter);
-      if (getChildrenKeys(filteredSubSuite.children).length === 0) return;
-      filteredSuite.children = filteredSuite.children ?? {};
-      filteredSuite.children[title] = filteredSubSuite;
-    }
-  });
-  return filteredSuite;
-}
-function flattenSuite(suite) {
-  if (!suite.opened) return [];
-  return getChildrenEntries(suite.children).flatMap(([title, subSuite]) => [
-    { title, suite: subSuite },
-    ...isTest(subSuite) ? [] : flattenSuite(subSuite)
-  ]);
-}
-function recalcSuiteStatuses(root10, testPath) {
-  const ancestorPaths = testPath.slice(0, -1).map((_, index2, tokens) => tokens.slice(0, tokens.length - index2));
-  for (const parentPath of ancestorPaths) {
-    const parentSuite = getSuiteByPath(root10, parentPath);
-    if (parentSuite && !isTest(parentSuite)) {
-      parentSuite.status = getChildrenArray(parentSuite.children).map(({ status }) => status).reduce(calcStatus);
-    }
-  }
-  root10.status = getChildrenArray(root10.children).map(({ status }) => status).reduce(calcStatus);
-}
-function recalcAllSuiteStatuses(suite) {
-  for (const child2 of getChildrenArray(suite.children)) {
-    if (!isTest(child2)) {
-      recalcAllSuiteStatuses(child2);
-    }
-  }
-  suite.status = getChildrenArray(suite.children).map(({ status }) => status).reduce(calcStatus);
-}
-
 // node_modules/zod/v4/classic/external.js
 var external_exports = {};
 __export(external_exports, {
@@ -19505,217 +19231,556 @@ function convertSchema(schema, ctx) {
     const anyOfUnion = z.union(options);
     baseSchema = hasExplicitType ? z.intersection(baseSchema, anyOfUnion) : anyOfUnion;
   }
-  if (schema.oneOf && Array.isArray(schema.oneOf)) {
-    const options = schema.oneOf.map((s) => convertSchema(s, ctx));
-    const oneOfUnion = z.xor(options);
-    baseSchema = hasExplicitType ? z.intersection(baseSchema, oneOfUnion) : oneOfUnion;
+  if (schema.oneOf && Array.isArray(schema.oneOf)) {
+    const options = schema.oneOf.map((s) => convertSchema(s, ctx));
+    const oneOfUnion = z.xor(options);
+    baseSchema = hasExplicitType ? z.intersection(baseSchema, oneOfUnion) : oneOfUnion;
+  }
+  if (schema.allOf && Array.isArray(schema.allOf)) {
+    if (schema.allOf.length === 0) {
+      baseSchema = hasExplicitType ? baseSchema : z.any();
+    } else {
+      let result = hasExplicitType ? baseSchema : convertSchema(schema.allOf[0], ctx);
+      const startIdx = hasExplicitType ? 0 : 1;
+      for (let i = startIdx; i < schema.allOf.length; i++) {
+        result = z.intersection(result, convertSchema(schema.allOf[i], ctx));
+      }
+      baseSchema = result;
+    }
+  }
+  if (schema.nullable === true && ctx.version === "openapi-3.0") {
+    baseSchema = z.nullable(baseSchema);
+  }
+  if (schema.readOnly === true) {
+    baseSchema = z.readonly(baseSchema);
+  }
+  const extraMeta = {};
+  const coreMetadataKeys = ["$id", "id", "$comment", "$anchor", "$vocabulary", "$dynamicRef", "$dynamicAnchor"];
+  for (const key2 of coreMetadataKeys) {
+    if (key2 in schema) {
+      extraMeta[key2] = schema[key2];
+    }
+  }
+  const contentMetadataKeys = ["contentEncoding", "contentMediaType", "contentSchema"];
+  for (const key2 of contentMetadataKeys) {
+    if (key2 in schema) {
+      extraMeta[key2] = schema[key2];
+    }
+  }
+  for (const key2 of Object.keys(schema)) {
+    if (!RECOGNIZED_KEYS.has(key2)) {
+      extraMeta[key2] = schema[key2];
+    }
+  }
+  if (Object.keys(extraMeta).length > 0) {
+    ctx.registry.add(baseSchema, extraMeta);
+  }
+  return baseSchema;
+}
+function fromJSONSchema(schema, params) {
+  if (typeof schema === "boolean") {
+    return schema ? z.any() : z.never();
+  }
+  const version2 = detectVersion(schema, params?.defaultTarget);
+  const defs = schema.$defs || schema.definitions || {};
+  const ctx = {
+    version: version2,
+    defs,
+    refs: /* @__PURE__ */ new Map(),
+    processing: /* @__PURE__ */ new Set(),
+    rootSchema: schema,
+    registry: params?.registry ?? globalRegistry
+  };
+  return convertSchema(schema, ctx);
+}
+
+// node_modules/zod/v4/classic/coerce.js
+var coerce_exports = {};
+__export(coerce_exports, {
+  bigint: () => bigint3,
+  boolean: () => boolean3,
+  date: () => date4,
+  number: () => number3,
+  string: () => string3
+});
+function string3(params) {
+  return _coercedString(ZodString, params);
+}
+function number3(params) {
+  return _coercedNumber(ZodNumber, params);
+}
+function boolean3(params) {
+  return _coercedBoolean(ZodBoolean, params);
+}
+function bigint3(params) {
+  return _coercedBigint(ZodBigInt, params);
+}
+function date4(params) {
+  return _coercedDate(ZodDate, params);
+}
+
+// node_modules/zod/v4/classic/external.js
+config(en_default());
+
+// src/schemas.ts
+var LocationSchema = external_exports.object({
+  file: external_exports.string(),
+  line: external_exports.number()
+});
+var VisualSourceSchema = external_exports.enum(["comparison", "baseline-only", "declared-only"]);
+var ImagesSchema = external_exports.object({
+  actual: external_exports.string().optional(),
+  expect: external_exports.string().optional(),
+  diff: external_exports.string().optional(),
+  error: external_exports.string().optional(),
+  source: VisualSourceSchema.optional()
+});
+var ScreenshotDeclarationSchema = external_exports.discriminatedUnion("kind", [
+  external_exports.object({
+    visualName: external_exports.string(),
+    kind: external_exports.literal("named"),
+    declaredName: external_exports.string(),
+    snapshotBaseName: external_exports.string(),
+    occurrenceIndex: external_exports.number()
+  }),
+  external_exports.object({
+    visualName: external_exports.string(),
+    kind: external_exports.literal("unnamed"),
+    occurrenceIndex: external_exports.number()
+  })
+]);
+var AttachmentSchema = external_exports.object({
+  name: external_exports.string(),
+  path: external_exports.string(),
+  contentType: external_exports.string()
+});
+var TestStatusSchema = external_exports.enum(["unknown", "pending", "running", "failed", "approved", "success", "retrying"]);
+var TestResultStatusSchema = external_exports.enum(["failed", "success", "pending"]);
+var TestResultSchema = external_exports.object({
+  status: TestResultStatusSchema,
+  retries: external_exports.number(),
+  images: external_exports.record(external_exports.string(), ImagesSchema).optional(),
+  visualDeclarations: external_exports.array(ScreenshotDeclarationSchema).optional(),
+  error: external_exports.string().optional(),
+  duration: external_exports.number().optional()
+});
+var TestDataSchema = external_exports.object({
+  id: external_exports.string(),
+  titlePath: external_exports.array(external_exports.string()),
+  browser: external_exports.string(),
+  title: external_exports.string(),
+  skip: external_exports.union([external_exports.boolean(), external_exports.string()]).optional(),
+  retries: external_exports.number().optional(),
+  status: TestStatusSchema.optional(),
+  results: external_exports.array(TestResultSchema).optional(),
+  approved: external_exports.record(external_exports.string(), external_exports.number()).nullable().optional(),
+  attachments: external_exports.array(AttachmentSchema).optional(),
+  location: LocationSchema.optional()
+});
+var CrvyRprtrTestSchema = TestDataSchema.extend({
+  checked: external_exports.boolean()
+});
+var CrvyRprtrSuiteSchema = external_exports.lazy(
+  () => external_exports.object({
+    path: external_exports.array(external_exports.string()),
+    skip: external_exports.boolean(),
+    status: TestStatusSchema.optional(),
+    opened: external_exports.boolean(),
+    checked: external_exports.boolean(),
+    indeterminate: external_exports.boolean(),
+    children: external_exports.record(external_exports.string(), external_exports.union([CrvyRprtrSuiteSchema, CrvyRprtrTestSchema])).optional()
+  })
+);
+var WebSocketMessageSchema = external_exports.object({
+  type: external_exports.enum(["test-begin", "test-end", "run-end", "approve", "sync"]),
+  data: external_exports.unknown()
+});
+var TestBeginDataSchema = external_exports.object({
+  id: external_exports.string(),
+  title: external_exports.string(),
+  titlePath: external_exports.array(external_exports.string()),
+  browser: external_exports.string(),
+  location: LocationSchema
+});
+var TestEndDataSchema = external_exports.object({
+  id: external_exports.string(),
+  status: external_exports.enum(["passed", "failed", "skipped"]),
+  attachments: external_exports.array(AttachmentSchema),
+  visualNames: external_exports.array(external_exports.string()).default([]),
+  visualDeclarations: external_exports.preprocess(
+    (value) => value === null ? void 0 : value,
+    external_exports.array(ScreenshotDeclarationSchema).optional()
+  ),
+  error: external_exports.string().optional(),
+  duration: external_exports.number().optional()
+});
+var ReportDataSchema = external_exports.object({
+  isRunning: external_exports.boolean(),
+  tests: external_exports.record(external_exports.string(), TestDataSchema),
+  browsers: external_exports.array(external_exports.string()),
+  isUpdateMode: external_exports.boolean(),
+  screenshotDir: external_exports.string()
+});
+var LoadedReportDataSchema = external_exports.object({
+  tests: external_exports.record(external_exports.string(), TestDataSchema).optional(),
+  isUpdateMode: external_exports.boolean().optional()
+});
+var OfflineEventSchema = external_exports.object({
+  type: external_exports.enum(["test-begin", "test-end", "run-end"]),
+  data: external_exports.unknown(),
+  timestamp: external_exports.number(),
+  workerIndex: external_exports.number()
+});
+var OfflineReportSchema = external_exports.object({
+  version: external_exports.number(),
+  generatedAt: external_exports.string(),
+  workers: external_exports.number(),
+  events: external_exports.array(OfflineEventSchema)
+});
+var ApproveRequestBodySchema = external_exports.object({
+  id: external_exports.string(),
+  retry: external_exports.number(),
+  image: external_exports.string()
+});
+var ReportApiResponseSchema = external_exports.object({
+  tests: external_exports.record(external_exports.string(), TestDataSchema),
+  isUpdateMode: external_exports.boolean().optional()
+});
+var ClientBootstrapDataSchema = external_exports.object({
+  report: ReportApiResponseSchema.extend({
+    isUpdateMode: external_exports.boolean()
+  }),
+  liveUpdates: external_exports.boolean(),
+  approvalEnabled: external_exports.boolean(),
+  approvalMessage: external_exports.string().optional()
+});
+var ImagesViewModeSchema = external_exports.enum(["side-by-side", "swap", "slide", "blend"]);
+function safeParse3(schema, data) {
+  const result = schema.safeParse(data);
+  if (result.success) {
+    return result.data;
+  }
+  return null;
+}
+
+// src/approval-api.ts
+var ApprovalResponseBodySchema = external_exports.object({
+  success: external_exports.boolean(),
+  error: external_exports.string().optional()
+});
+var BulkApprovalResponseBodySchema = external_exports.object({
+  success: external_exports.boolean(),
+  approved: external_exports.number(),
+  unresolved: external_exports.number(),
+  failed: external_exports.number()
+});
+var failedApprovalResult = { success: false };
+var failedBulkApprovalResult = {
+  success: false,
+  approved: 0,
+  unresolved: 0,
+  failed: 0
+};
+async function readJsonBody(response) {
+  try {
+    return await response.json();
+  } catch {
+    return null;
+  }
+}
+async function readApproveResult(response) {
+  const body = safeParse3(ApprovalResponseBodySchema, await readJsonBody(response));
+  return body !== null && response.ok && body.success ? body : failedApprovalResult;
+}
+async function readApproveAllResult(response) {
+  const body = safeParse3(BulkApprovalResponseBodySchema, await readJsonBody(response));
+  if (body === null) {
+    return failedBulkApprovalResult;
   }
-  if (schema.allOf && Array.isArray(schema.allOf)) {
-    if (schema.allOf.length === 0) {
-      baseSchema = hasExplicitType ? baseSchema : z.any();
+  return {
+    success: response.ok && body.success,
+    approved: body.approved,
+    unresolved: body.unresolved,
+    failed: body.failed
+  };
+}
+function isBulkApprovalOptimisticSafe(result) {
+  return result.success && result.unresolved === 0 && result.failed === 0;
+}
+
+// node_modules/svelte/src/version.js
+var PUBLIC_VERSION = "5";
+
+// node_modules/svelte/src/internal/disclose-version.js
+if (typeof window !== "undefined") {
+  ((window.__svelte ??= {}).v ??= /* @__PURE__ */ new Set()).add(PUBLIC_VERSION);
+}
+
+// src/types.ts
+function isDefined(value) {
+  return value !== null && value !== void 0;
+}
+function isTest(x) {
+  if (x === null || typeof x !== "object") return false;
+  const hasId = "id" in x;
+  const hasTitlePath = "titlePath" in x;
+  return hasId && hasTitlePath && typeof x.id === "string" && Array.isArray(x.titlePath);
+}
+function getChildrenArray(children) {
+  if (children === void 0) return [];
+  return Object.values(children).filter(isDefined);
+}
+function getChildrenEntries(children) {
+  if (children === void 0) return [];
+  return Object.entries(children).filter((entry) => isDefined(entry[1]));
+}
+function getChildrenKeys(children) {
+  if (children === void 0) return [];
+  return Object.keys(children);
+}
+
+// src/client/helpers/status.ts
+var testStatuses = ["unknown", "pending", "running", "failed", "approved", "success", "retrying"];
+function isTestStatus(value) {
+  return testStatuses.some((s) => s === value);
+}
+var statusUpdatesMap = /* @__PURE__ */ new Map([
+  [void 0, /(unknown|success|approved|failed|pending|running)/],
+  ["unknown", /(success|approved|failed|pending|running)/],
+  ["success", /(approved|failed|pending|running)/],
+  ["approved", /(failed|pending|running)/],
+  ["failed", /(pending|running)/],
+  ["pending", /running/],
+  ["running", /(success|approved|failed|pending)/]
+]);
+function calcStatus(oldStatus, newStatus) {
+  return newStatus !== void 0 && statusUpdatesMap.get(oldStatus)?.test(newStatus) === true ? newStatus : oldStatus;
+}
+function countTestsStatus(suite) {
+  let successCount = 0;
+  let failedCount = 0;
+  let approvedCount = 0;
+  let pendingCount = 0;
+  const cases = getChildrenArray(suite.children);
+  let suiteOrTest;
+  while (suiteOrTest = cases.pop()) {
+    if (isTest(suiteOrTest)) {
+      if (!hasScreenshots(suiteOrTest)) continue;
+      if (suiteOrTest.status === "approved") approvedCount++;
+      if (suiteOrTest.status === "success") successCount++;
+      if (suiteOrTest.status === "failed") failedCount++;
+      if (suiteOrTest.status === "pending") pendingCount++;
     } else {
-      let result = hasExplicitType ? baseSchema : convertSchema(schema.allOf[0], ctx);
-      const startIdx = hasExplicitType ? 0 : 1;
-      for (let i = startIdx; i < schema.allOf.length; i++) {
-        result = z.intersection(result, convertSchema(schema.allOf[i], ctx));
-      }
-      baseSchema = result;
+      cases.push(...getChildrenArray(suiteOrTest.children));
     }
   }
-  if (schema.nullable === true && ctx.version === "openapi-3.0") {
-    baseSchema = z.nullable(baseSchema);
-  }
-  if (schema.readOnly === true) {
-    baseSchema = z.readonly(baseSchema);
+  return { approvedCount, successCount, failedCount, pendingCount };
+}
+function getFailedTests(suite) {
+  return getChildrenArray(suite.children).flatMap((suiteOrTest) => {
+    if (isTest(suiteOrTest)) return suiteOrTest.status === "failed" ? suiteOrTest : [];
+    return getFailedTests(suiteOrTest);
+  });
+}
+function hasScreenshots(item) {
+  if (isTest(item)) {
+    return item.results?.some((r2) => r2.images !== void 0 && Object.keys(r2.images).length > 0) ?? false;
   }
-  const extraMeta = {};
-  const coreMetadataKeys = ["$id", "id", "$comment", "$anchor", "$vocabulary", "$dynamicRef", "$dynamicAnchor"];
-  for (const key2 of coreMetadataKeys) {
-    if (key2 in schema) {
-      extraMeta[key2] = schema[key2];
-    }
+  return getChildrenArray(item.children).some((child2) => hasScreenshots(child2));
+}
+
+// src/client/helpers/path.ts
+function getTestPath(test) {
+  return [...test.titlePath, test.title, test.browser].filter(isDefined);
+}
+function getSuiteByPath(suite, path) {
+  return path.reduce(
+    (suiteOrTest, pathToken) => isTest(suiteOrTest) ? suiteOrTest : suiteOrTest?.children?.[pathToken],
+    suite
+  );
+}
+function getTestByPath(suite, path) {
+  const test = getSuiteByPath(suite, path) ?? suite;
+  return isTest(test) ? test : null;
+}
+function setSearchParams(testPath) {
+  const params = new URLSearchParams();
+  testPath.forEach((p, i) => {
+    params.set(`testPath[${i}]`, p);
+  });
+  window.history.pushState({ testPath }, "", `?${params.toString()}`);
+}
+function getTestPathFromSearch() {
+  const params = new URLSearchParams(window.location.search);
+  const path = [];
+  let i = 0;
+  while (params.has(`testPath[${i}]`)) {
+    path.push(params.get(`testPath[${i}]`));
+    i++;
   }
-  const contentMetadataKeys = ["contentEncoding", "contentMediaType", "contentSchema"];
-  for (const key2 of contentMetadataKeys) {
-    if (key2 in schema) {
-      extraMeta[key2] = schema[key2];
+  return path;
+}
+function parseFilterString(value) {
+  let status = null;
+  const subStrings = [];
+  value.split(" ").filter((s) => s !== "").map((word) => word.toLowerCase()).forEach((word) => {
+    const match = /^status:(failed|success|pending|approved)$/i.exec(word);
+    if (match !== null) {
+      const matchedStatus = match[1];
+      if (matchedStatus !== void 0 && isTestStatus(matchedStatus)) {
+        status = matchedStatus;
+        return;
+      }
     }
-  }
-  for (const key2 of Object.keys(schema)) {
-    if (!RECOGNIZED_KEYS.has(key2)) {
-      extraMeta[key2] = schema[key2];
+    subStrings.push(word);
+  });
+  return { status, subStrings };
+}
+function treeifyTests(testsById) {
+  const rootSuite = {
+    path: [],
+    skip: false,
+    opened: true,
+    checked: true,
+    indeterminate: false,
+    children: {}
+  };
+  Object.values(testsById).forEach((test) => {
+    if (test === void 0) return;
+    const titlePath = test.titlePath ?? [];
+    const browser = test.browser ?? "";
+    const title = test.title;
+    const pathParts = [...titlePath, title, browser].filter((p) => p !== void 0 && p !== "");
+    const [browserName, ...testPathParts] = pathParts.reverse();
+    if (browserName === void 0) return;
+    const lastSuite = testPathParts.reverse().reduce((suite, token) => {
+      suite.children = suite.children ?? {};
+      suite.children[token] ??= {
+        path: [...suite.path, token],
+        skip: false,
+        opened: false,
+        checked: true,
+        indeterminate: false,
+        children: {}
+      };
+      const subSuite = suite.children[token];
+      if (subSuite === void 0 || isTest(subSuite)) return suite;
+      subSuite.status = calcStatus(subSuite.status, test.status);
+      suite.status = calcStatus(suite.status, subSuite.status);
+      if (test.skip === false) subSuite.skip = false;
+      return subSuite;
+    }, rootSuite);
+    lastSuite.children = lastSuite.children ?? {};
+    lastSuite.children[browserName] = {
+      ...test,
+      checked: true
+    };
+  });
+  return rootSuite;
+}
+function mergeTreeState(target, source2) {
+  target.opened = source2.opened;
+  target.checked = source2.checked;
+  target.indeterminate = source2.indeterminate;
+  for (const [key2, targetChild] of getChildrenEntries(target.children)) {
+    const sourceChild = source2.children?.[key2];
+    if (targetChild === void 0 || sourceChild === void 0) continue;
+    if (!isTest(targetChild) && !isTest(sourceChild)) {
+      mergeTreeState(targetChild, sourceChild);
+    } else if (isTest(targetChild) && isTest(sourceChild)) {
+      targetChild.checked = sourceChild.checked;
     }
   }
-  if (Object.keys(extraMeta).length > 0) {
-    ctx.registry.add(baseSchema, extraMeta);
-  }
-  return baseSchema;
 }
-function fromJSONSchema(schema, params) {
-  if (typeof schema === "boolean") {
-    return schema ? z.any() : z.never();
+
+// src/client/helpers/suite.ts
+function checkTests(suiteOrTest, checked) {
+  suiteOrTest.checked = checked;
+  if (!isTest(suiteOrTest)) {
+    suiteOrTest.indeterminate = false;
+    getChildrenArray(suiteOrTest.children).forEach((child2) => {
+      checkTests(child2, checked);
+    });
   }
-  const version2 = detectVersion(schema, params?.defaultTarget);
-  const defs = schema.$defs || schema.definitions || {};
-  const ctx = {
-    version: version2,
-    defs,
-    refs: /* @__PURE__ */ new Map(),
-    processing: /* @__PURE__ */ new Set(),
-    rootSchema: schema,
-    registry: params?.registry ?? globalRegistry
-  };
-  return convertSchema(schema, ctx);
 }
-
-// node_modules/zod/v4/classic/coerce.js
-var coerce_exports = {};
-__export(coerce_exports, {
-  bigint: () => bigint3,
-  boolean: () => boolean3,
-  date: () => date4,
-  number: () => number3,
-  string: () => string3
-});
-function string3(params) {
-  return _coercedString(ZodString, params);
+function updateChecked(suite) {
+  const children = getChildrenArray(suite.children).filter((child2) => child2.skip === false);
+  const checkedEvery = children.every((test) => test.checked);
+  const checkedSome = children.some((test) => test.checked);
+  const indeterminate = children.some((test) => isTest(test) ? false : test.indeterminate) || !checkedEvery && checkedSome;
+  const checked = indeterminate || suite.checked === checkedEvery ? suite.checked : checkedEvery;
+  suite.checked = checked;
+  suite.indeterminate = indeterminate;
 }
-function number3(params) {
-  return _coercedNumber(ZodNumber, params);
+function checkSuite(suite, path, checked) {
+  const subSuite = getSuiteByPath(suite, path);
+  if (subSuite) checkTests(subSuite, checked);
+  path.slice(0, -1).map((_, index2, tokens) => tokens.slice(0, tokens.length - index2)).forEach((parentPath) => {
+    const parentSuite = getSuiteByPath(suite, parentPath);
+    if (isTest(parentSuite)) return;
+    if (parentSuite) updateChecked(parentSuite);
+  });
+  updateChecked(suite);
 }
-function boolean3(params) {
-  return _coercedBoolean(ZodBoolean, params);
+function openSuite(suite, path, opened) {
+  const subSuite = path.reduce(
+    (suiteOrTest, pathToken) => {
+      if (suiteOrTest && !isTest(suiteOrTest)) {
+        if (opened) suiteOrTest.opened = opened;
+        return suiteOrTest.children?.[pathToken];
+      }
+    },
+    suite
+  );
+  if (subSuite && !isTest(subSuite)) subSuite.opened = opened;
 }
-function bigint3(params) {
-  return _coercedBigint(ZodBigInt, params);
+function filterTests(suite, filter) {
+  const { status, subStrings } = filter;
+  if (!status && !subStrings.length) return suite;
+  const filteredSuite = { ...suite, children: {} };
+  getChildrenEntries(suite.children).forEach(([title, suiteOrTest]) => {
+    if (suiteOrTest.skip === true) return;
+    if (!status && subStrings.some((sub) => title.toLowerCase().includes(sub))) {
+      filteredSuite.children = filteredSuite.children ?? {};
+      filteredSuite.children[title] = suiteOrTest;
+    } else if (isTest(suiteOrTest)) {
+      if (status && suiteOrTest.status && ["pending", "running", status].includes(suiteOrTest.status)) {
+        filteredSuite.children = filteredSuite.children ?? {};
+        filteredSuite.children[title] = suiteOrTest;
+      }
+    } else {
+      const filteredSubSuite = filterTests(suiteOrTest, filter);
+      if (getChildrenKeys(filteredSubSuite.children).length === 0) return;
+      filteredSuite.children = filteredSuite.children ?? {};
+      filteredSuite.children[title] = filteredSubSuite;
+    }
+  });
+  return filteredSuite;
 }
-function date4(params) {
-  return _coercedDate(ZodDate, params);
+function flattenSuite(suite) {
+  if (!suite.opened) return [];
+  return getChildrenEntries(suite.children).flatMap(([title, subSuite]) => [
+    { title, suite: subSuite },
+    ...isTest(subSuite) ? [] : flattenSuite(subSuite)
+  ]);
 }
-
-// node_modules/zod/v4/classic/external.js
-config(en_default());
-
-// src/schemas.ts
-var LocationSchema = external_exports.object({
-  file: external_exports.string(),
-  line: external_exports.number()
-});
-var VisualSourceSchema = external_exports.enum(["comparison", "baseline-only", "declared-only"]);
-var ImagesSchema = external_exports.object({
-  actual: external_exports.string().optional(),
-  expect: external_exports.string().optional(),
-  diff: external_exports.string().optional(),
-  error: external_exports.string().optional(),
-  source: VisualSourceSchema.optional()
-});
-var AttachmentSchema = external_exports.object({
-  name: external_exports.string(),
-  path: external_exports.string(),
-  contentType: external_exports.string()
-});
-var TestStatusSchema = external_exports.enum(["unknown", "pending", "running", "failed", "approved", "success", "retrying"]);
-var TestResultStatusSchema = external_exports.enum(["failed", "success", "pending"]);
-var TestResultSchema = external_exports.object({
-  status: TestResultStatusSchema,
-  retries: external_exports.number(),
-  images: external_exports.record(external_exports.string(), ImagesSchema).optional(),
-  error: external_exports.string().optional(),
-  duration: external_exports.number().optional()
-});
-var TestDataSchema = external_exports.object({
-  id: external_exports.string(),
-  titlePath: external_exports.array(external_exports.string()),
-  browser: external_exports.string(),
-  title: external_exports.string(),
-  skip: external_exports.union([external_exports.boolean(), external_exports.string()]).optional(),
-  retries: external_exports.number().optional(),
-  status: TestStatusSchema.optional(),
-  results: external_exports.array(TestResultSchema).optional(),
-  approved: external_exports.record(external_exports.string(), external_exports.number()).nullable().optional(),
-  attachments: external_exports.array(AttachmentSchema).optional(),
-  location: LocationSchema.optional()
-});
-var CrvyRprtrTestSchema = TestDataSchema.extend({
-  checked: external_exports.boolean()
-});
-var CrvyRprtrSuiteSchema = external_exports.lazy(
-  () => external_exports.object({
-    path: external_exports.array(external_exports.string()),
-    skip: external_exports.boolean(),
-    status: TestStatusSchema.optional(),
-    opened: external_exports.boolean(),
-    checked: external_exports.boolean(),
-    indeterminate: external_exports.boolean(),
-    children: external_exports.record(external_exports.string(), external_exports.union([CrvyRprtrSuiteSchema, CrvyRprtrTestSchema])).optional()
-  })
-);
-var WebSocketMessageSchema = external_exports.object({
-  type: external_exports.enum(["test-begin", "test-end", "run-end", "approve", "sync"]),
-  data: external_exports.unknown()
-});
-var TestBeginDataSchema = external_exports.object({
-  id: external_exports.string(),
-  title: external_exports.string(),
-  titlePath: external_exports.array(external_exports.string()),
-  browser: external_exports.string(),
-  location: LocationSchema
-});
-var TestEndDataSchema = external_exports.object({
-  id: external_exports.string(),
-  status: external_exports.enum(["passed", "failed", "skipped"]),
-  attachments: external_exports.array(AttachmentSchema),
-  visualNames: external_exports.array(external_exports.string()).default([]),
-  error: external_exports.string().optional(),
-  duration: external_exports.number().optional()
-});
-var ReportDataSchema = external_exports.object({
-  isRunning: external_exports.boolean(),
-  tests: external_exports.record(external_exports.string(), TestDataSchema),
-  browsers: external_exports.array(external_exports.string()),
-  isUpdateMode: external_exports.boolean(),
-  screenshotDir: external_exports.string()
-});
-var LoadedReportDataSchema = external_exports.object({
-  tests: external_exports.record(external_exports.string(), TestDataSchema).optional(),
-  isUpdateMode: external_exports.boolean().optional()
-});
-var OfflineEventSchema = external_exports.object({
-  type: external_exports.enum(["test-begin", "test-end", "run-end"]),
-  data: external_exports.unknown(),
-  timestamp: external_exports.number(),
-  workerIndex: external_exports.number()
-});
-var OfflineReportSchema = external_exports.object({
-  version: external_exports.number(),
-  generatedAt: external_exports.string(),
-  workers: external_exports.number(),
-  events: external_exports.array(OfflineEventSchema)
-});
-var ApproveRequestBodySchema = external_exports.object({
-  id: external_exports.string(),
-  retry: external_exports.number(),
-  image: external_exports.string()
-});
-var ReportApiResponseSchema = external_exports.object({
-  tests: external_exports.record(external_exports.string(), TestDataSchema),
-  isUpdateMode: external_exports.boolean().optional()
-});
-var ClientBootstrapDataSchema = external_exports.object({
-  report: ReportApiResponseSchema.extend({
-    isUpdateMode: external_exports.boolean()
-  }),
-  liveUpdates: external_exports.boolean(),
-  approvalEnabled: external_exports.boolean(),
-  approvalMessage: external_exports.string().optional()
-});
-var ImagesViewModeSchema = external_exports.enum(["side-by-side", "swap", "slide", "blend"]);
-function safeParse3(schema, data) {
-  const result = schema.safeParse(data);
-  if (result.success) {
-    return result.data;
+function recalcSuiteStatuses(root10, testPath) {
+  const ancestorPaths = testPath.slice(0, -1).map((_, index2, tokens) => tokens.slice(0, tokens.length - index2));
+  for (const parentPath of ancestorPaths) {
+    const parentSuite = getSuiteByPath(root10, parentPath);
+    if (parentSuite && !isTest(parentSuite)) {
+      parentSuite.status = getChildrenArray(parentSuite.children).map(({ status }) => status).reduce(calcStatus);
+    }
   }
-  return null;
+  root10.status = getChildrenArray(root10.children).map(({ status }) => status).reduce(calcStatus);
+}
+function recalcAllSuiteStatuses(suite) {
+  for (const child2 of getChildrenArray(suite.children)) {
+    if (!isTest(child2)) {
+      recalcAllSuiteStatuses(child2);
+    }
+  }
+  suite.status = getChildrenArray(suite.children).map(({ status }) => status).reduce(calcStatus);
 }
 
 // src/client/viewMode.ts
@@ -20218,10 +20283,9 @@ function SlideView($$anchor, $$props) {
 delegate(["input"]);
 
 // src/client/components/SideBySideView.svelte
-var root_24 = from_html(`<div class="px-3 py-2 text-xs text-fg-muted border-t border-edge/70">Copied from the snapshot on disk.</div>`);
-var root_14 = from_html(`<div class="flex-1 flex flex-col bg-surface-panel rounded-md overflow-hidden min-w-0 border-2 border-green-500/60"><h3 class="m-0 px-3 py-2 text-xs font-bold bg-green-500/25 text-green-800 dark:text-green-200 uppercase tracking-wider"> </h3> <div class="flex items-center justify-center p-2"><img alt="Expected" class="w-auto max-w-full object-contain mx-auto" loading="lazy"/></div> <!></div>`);
-var root_32 = from_html(`<div class="flex-1 flex flex-col bg-surface-panel rounded-md overflow-hidden min-w-0 border-2 border-yellow-500/60"><h3 class="m-0 px-3 py-2 text-xs font-bold bg-yellow-500/25 text-yellow-800 dark:text-yellow-200 uppercase tracking-wider">Diff</h3> <div class="flex items-center justify-center p-2"><img alt="Diff" class="w-auto max-w-full object-contain mx-auto" loading="lazy"/></div></div>`);
-var root_42 = from_html(`<div class="flex-1 flex flex-col bg-surface-panel rounded-md overflow-hidden min-w-0 border-2 border-red-500/60"><h3 class="m-0 px-3 py-2 text-xs font-bold bg-red-500/25 text-red-800 dark:text-red-200 uppercase tracking-wider">Actual</h3> <div class="flex items-center justify-center p-2"><img alt="Actual" class="w-auto max-w-full object-contain mx-auto" loading="lazy"/></div></div>`);
+var root_14 = from_html(`<div class="flex-1 flex flex-col bg-surface-panel rounded-md overflow-hidden min-w-0 border-2 border-green-500/60"><h3 class="m-0 px-3 py-2 text-xs font-bold bg-green-500/25 text-green-800 dark:text-green-200 uppercase tracking-wider"> </h3> <div class="flex items-center justify-center p-2"><img alt="Expected" class="w-auto max-w-full object-contain mx-auto" loading="lazy"/></div></div>`);
+var root_24 = from_html(`<div class="flex-1 flex flex-col bg-surface-panel rounded-md overflow-hidden min-w-0 border-2 border-yellow-500/60"><h3 class="m-0 px-3 py-2 text-xs font-bold bg-yellow-500/25 text-yellow-800 dark:text-yellow-200 uppercase tracking-wider">Diff</h3> <div class="flex items-center justify-center p-2"><img alt="Diff" class="w-auto max-w-full object-contain mx-auto" loading="lazy"/></div></div>`);
+var root_32 = from_html(`<div class="flex-1 flex flex-col bg-surface-panel rounded-md overflow-hidden min-w-0 border-2 border-red-500/60"><h3 class="m-0 px-3 py-2 text-xs font-bold bg-red-500/25 text-red-800 dark:text-red-200 uppercase tracking-wider">Actual</h3> <div class="flex items-center justify-center p-2"><img alt="Actual" class="w-auto max-w-full object-contain mx-auto" loading="lazy"/></div></div>`);
 var root3 = from_html(`<div><!> <!> <!></div>`);
 function SideBySideView($$anchor, $$props) {
   push($$props, true);
@@ -20242,7 +20306,7 @@ function SideBySideView($$anchor, $$props) {
   let classes;
   var node = child(div);
   {
-    var consequent_1 = ($$anchor2) => {
+    var consequent = ($$anchor2) => {
       var div_1 = root_14();
       var h3 = child(div_1);
       var text2 = child(h3, true);
@@ -20250,16 +20314,6 @@ function SideBySideView($$anchor, $$props) {
       var div_2 = sibling(h3, 2);
       var img_1 = child(div_2);
       reset(div_2);
-      var node_1 = sibling(div_2, 2);
-      {
-        var consequent = ($$anchor3) => {
-          var div_3 = root_24();
-          append($$anchor3, div_3);
-        };
-        if_block(node_1, ($$render) => {
-          if ($$props.image.source === "baseline-only" && !$$props.image.actual && !$$props.image.diff) $$render(consequent);
-        });
-      }
       reset(div_1);
       template_effect(() => {
         set_text(text2, get2(expectedLabel));
@@ -20268,37 +20322,37 @@ function SideBySideView($$anchor, $$props) {
       append($$anchor2, div_1);
     };
     if_block(node, ($$render) => {
-      if ($$props.image.expect) $$render(consequent_1);
+      if ($$props.image.expect) $$render(consequent);
     });
   }
-  var node_2 = sibling(node, 2);
+  var node_1 = sibling(node, 2);
   {
-    var consequent_2 = ($$anchor2) => {
-      var div_4 = root_32();
-      var div_5 = sibling(child(div_4), 2);
-      var img_2 = child(div_5);
-      reset(div_5);
+    var consequent_1 = ($$anchor2) => {
+      var div_3 = root_24();
+      var div_4 = sibling(child(div_3), 2);
+      var img_2 = child(div_4);
       reset(div_4);
+      reset(div_3);
       template_effect(() => set_attribute2(img_2, "src", $$props.image.diff));
-      append($$anchor2, div_4);
+      append($$anchor2, div_3);
     };
-    if_block(node_2, ($$render) => {
-      if ($$props.image.diff) $$render(consequent_2);
+    if_block(node_1, ($$render) => {
+      if ($$props.image.diff) $$render(consequent_1);
     });
   }
-  var node_3 = sibling(node_2, 2);
+  var node_2 = sibling(node_1, 2);
   {
-    var consequent_3 = ($$anchor2) => {
-      var div_6 = root_42();
-      var div_7 = sibling(child(div_6), 2);
-      var img_3 = child(div_7);
-      reset(div_7);
+    var consequent_2 = ($$anchor2) => {
+      var div_5 = root_32();
+      var div_6 = sibling(child(div_5), 2);
+      var img_3 = child(div_6);
       reset(div_6);
+      reset(div_5);
       template_effect(() => set_attribute2(img_3, "src", $$props.image.actual));
-      append($$anchor2, div_6);
+      append($$anchor2, div_5);
     };
-    if_block(node_3, ($$render) => {
-      if ($$props.image.actual) $$render(consequent_3);
+    if_block(node_2, ($$render) => {
+      if ($$props.image.actual) $$render(consequent_2);
     });
   }
   reset(div);
@@ -20445,20 +20499,17 @@ function BlendView($$anchor, $$props) {
 
 // src/client/components/ResultsPage.svelte
 var root_27 = from_html(`<button> </button>`);
-var root_43 = from_html(`<button> </button>`);
+var root_42 = from_html(`<button> </button>`);
 var root_34 = from_html(`<div class="flex gap-1 flex-wrap justify-center mt-1"></div>`);
 var root_52 = from_html(`<div class="flex-1 flex items-center justify-center text-fg-muted text-base">No image to display</div>`);
 var root_62 = from_html(`<div class="max-w-xl w-full rounded-md border border-edge bg-surface-panel px-5 py-6 text-center"><h3 class="m-0 text-sm font-semibold text-fg-bright uppercase tracking-wide">Passed Visual Assertion</h3> <p class="mt-3 text-sm leading-6 text-fg-muted">Playwright reported this screenshot assertion, but did not emit an actual, expected, or diff artifact for the passing comparison.</p></div>`);
-var root_82 = from_html(`<div class="mx-auto max-w-2xl w-full rounded-md border border-info/40 bg-info/10 px-4 py-3 text-sm text-fg">Baseline copied from the stored snapshot. Playwright did not emit a passed actual image for this comparison.</div>`);
-var root_7 = from_html(`<div class="w-full flex flex-col gap-3"><!> <!></div>`);
-var root_112 = from_html(`<div class="mx-auto max-w-2xl w-full rounded-md border border-info/40 bg-info/10 px-4 py-3 text-sm text-fg">Baseline copied from the stored snapshot. Playwright did not emit a passed actual image for this comparison.</div>`);
-var root_132 = from_html(`<div class="flex flex-col bg-surface-panel rounded-md overflow-hidden min-w-0 border-2 border-red-500/60"><h3 class="m-0 px-3 py-2 text-xs font-bold bg-red-500/25 text-red-800 dark:text-red-200 uppercase tracking-wider">Actual</h3> <div class="flex items-center justify-center p-2"><img alt="Actual" class="w-auto max-w-full object-contain mx-auto" loading="lazy"/></div></div>`);
-var root_102 = from_html(`<div class="flex flex-col gap-3"><!> <!></div>`);
-var root_152 = from_html(`<div class="mx-auto max-w-2xl w-full rounded-md border border-info/40 bg-info/10 px-4 py-3 text-sm text-fg">Baseline copied from the stored snapshot. Playwright did not emit a passed actual image for this comparison.</div>`);
-var root_142 = from_html(`<div class="w-full flex flex-col gap-3"><!> <!></div>`);
-var root_18 = from_html(`<button> </button>`);
-var root_19 = from_html(`<span class="px-1 text-fg-muted text-xs"></span>`);
-var root_162 = from_html(`<div class="py-2 px-5 bg-surface-alt border-t border-edge flex items-center justify-center gap-1 shrink-0"><button aria-label="Previous retry">&#8249;</button> <div class="flex gap-0.5 items-center"></div> <button aria-label="Next retry">&#8250;</button></div>`);
+var root_7 = from_html(`<div class="w-full flex flex-col gap-3"><!></div>`);
+var root_112 = from_html(`<div class="flex flex-col bg-surface-panel rounded-md overflow-hidden min-w-0 border-2 border-red-500/60"><h3 class="m-0 px-3 py-2 text-xs font-bold bg-red-500/25 text-red-800 dark:text-red-200 uppercase tracking-wider">Actual</h3> <div class="flex items-center justify-center p-2"><img alt="Actual" class="w-auto max-w-full object-contain mx-auto" loading="lazy"/></div></div>`);
+var root_92 = from_html(`<div class="flex flex-col gap-3"><!></div>`);
+var root_122 = from_html(`<div class="w-full flex flex-col gap-3"><!></div>`);
+var root_152 = from_html(`<button> </button>`);
+var root_162 = from_html(`<span class="px-1 text-fg-muted text-xs"></span>`);
+var root_132 = from_html(`<div class="py-2 px-5 bg-surface-alt border-t border-edge flex items-center justify-center gap-1 shrink-0"><button aria-label="Previous retry">&#8249;</button> <div class="flex gap-0.5 items-center"></div> <button aria-label="Next retry">&#8250;</button></div>`);
 var root6 = from_html(`<div class="flex flex-col h-full"><div class="py-3 px-5 max-md:px-3 bg-surface-alt border-b border-edge flex items-center gap-2 shrink-0"><div class="flex shrink-0 mr-3"><!></div> <div class="flex-1 flex flex-col items-center min-w-0 pr-10"><h2 class="text-base text-fg-bright m-0 font-medium whitespace-nowrap overflow-hidden text-ellipsis text-pretty max-w-full"> </h2> <!></div></div> <div class="flex-1 overflow-auto min-h-0"><div class="min-h-full p-4 max-md:p-2 flex justify-center items-center"><!></div></div> <!></div>`);
 function ResultsPage($$anchor, $$props) {
   push($$props, true);
@@ -20467,7 +20518,6 @@ function ResultsPage($$anchor, $$props) {
   let imageNames = user_derived(() => get2(result)?.images ? Object.keys(get2(result).images) : []);
   let totalRetries = user_derived(() => $$props.test.results?.length ?? 0);
   let hasDiffAndExpect = user_derived(() => Boolean(get2(image)?.diff && get2(image)?.expect));
-  let isBaselineOnly = user_derived(() => get2(image)?.source === "baseline-only");
   let isDeclaredOnly = user_derived(() => get2(image)?.source === "declared-only");
   let imagesWithError = user_derived(() => get2(result)?.images ? Object.keys(get2(result).images).filter((name) => get2(result).status !== "success" && $$props.test.approved?.[name] !== $$props.retry - 1 && get2(result).images?.[name]?.diff !== null) : []);
   let imagesApproved = user_derived(() => get2(result)?.images ? Object.keys(get2(result).images).filter((name) => $$props.test.approved?.[name] === $$props.retry - 1) : []);
@@ -20529,7 +20579,7 @@ function ResultsPage($$anchor, $$props) {
     var consequent_1 = ($$anchor2) => {
       var div_4 = root_34();
       each(div_4, 21, () => get2(imageNames), index, ($$anchor3, name) => {
-        var button_1 = root_43();
+        var button_1 = root_42();
         var text_2 = child(button_1, true);
         reset(button_1);
         template_effect(
@@ -20565,20 +20615,10 @@ function ResultsPage($$anchor, $$props) {
       var div_8 = root_62();
       append($$anchor2, div_8);
     };
-    var consequent_5 = ($$anchor2) => {
+    var consequent_4 = ($$anchor2) => {
       var div_9 = root_7();
       var node_4 = child(div_9);
-      {
-        var consequent_4 = ($$anchor3) => {
-          var div_10 = root_82();
-          append($$anchor3, div_10);
-        };
-        if_block(node_4, ($$render) => {
-          if (get2(isBaselineOnly)) $$render(consequent_4);
-        });
-      }
-      var node_5 = sibling(node_4, 2);
-      SideBySideView(node_5, {
+      SideBySideView(node_4, {
         get image() {
           return get2(image);
         }
@@ -20586,28 +20626,18 @@ function ResultsPage($$anchor, $$props) {
       reset(div_9);
       append($$anchor2, div_9);
     };
-    var consequent_6 = ($$anchor2) => {
+    var consequent_5 = ($$anchor2) => {
       SwapView($$anchor2, {
         get image() {
           return get2(image);
         }
       });
     };
-    var consequent_10 = ($$anchor2) => {
-      var div_11 = root_102();
-      var node_6 = child(div_11);
-      {
-        var consequent_7 = ($$anchor3) => {
-          var div_12 = root_112();
-          append($$anchor3, div_12);
-        };
-        if_block(node_6, ($$render) => {
-          if (get2(isBaselineOnly)) $$render(consequent_7);
-        });
-      }
-      var node_7 = sibling(node_6, 2);
+    var consequent_8 = ($$anchor2) => {
+      var div_10 = root_92();
+      var node_5 = child(div_10);
       {
-        var consequent_8 = ($$anchor3) => {
+        var consequent_6 = ($$anchor3) => {
           SlideView($$anchor3, {
             get actual() {
               return get2(image).actual;
@@ -20620,67 +20650,57 @@ function ResultsPage($$anchor, $$props) {
             }
           });
         };
-        var consequent_9 = ($$anchor3) => {
-          var div_13 = root_132();
-          var div_14 = sibling(child(div_13), 2);
-          var img = child(div_14);
-          reset(div_14);
-          reset(div_13);
+        var consequent_7 = ($$anchor3) => {
+          var div_11 = root_112();
+          var div_12 = sibling(child(div_11), 2);
+          var img = child(div_12);
+          reset(div_12);
+          reset(div_11);
           template_effect(() => set_attribute2(img, "src", get2(image).actual));
-          append($$anchor3, div_13);
+          append($$anchor3, div_11);
         };
-        if_block(node_7, ($$render) => {
-          if (get2(image).actual && get2(image).expect && get2(image).diff) $$render(consequent_8);
-          else if (get2(image).actual) $$render(consequent_9, 1);
+        if_block(node_5, ($$render) => {
+          if (get2(image).actual && get2(image).expect && get2(image).diff) $$render(consequent_6);
+          else if (get2(image).actual) $$render(consequent_7, 1);
         });
       }
-      reset(div_11);
-      append($$anchor2, div_11);
+      reset(div_10);
+      append($$anchor2, div_10);
     };
-    var consequent_12 = ($$anchor2) => {
-      var div_15 = root_142();
-      var node_8 = child(div_15);
-      {
-        var consequent_11 = ($$anchor3) => {
-          var div_16 = root_152();
-          append($$anchor3, div_16);
-        };
-        if_block(node_8, ($$render) => {
-          if (get2(isBaselineOnly)) $$render(consequent_11);
-        });
-      }
-      var node_9 = sibling(node_8, 2);
-      BlendView(node_9, {
+    var consequent_9 = ($$anchor2) => {
+      var div_13 = root_122();
+      var node_6 = child(div_13);
+      BlendView(node_6, {
         get image() {
           return get2(image);
         }
       });
-      reset(div_15);
-      append($$anchor2, div_15);
+      reset(div_13);
+      append($$anchor2, div_13);
     };
     if_block(node_3, ($$render) => {
       if (!get2(image)) $$render(consequent_2);
       else if (get2(isDeclaredOnly)) $$render(consequent_3, 1);
-      else if ($$props.viewMode === "side-by-side" || !get2(hasDiffAndExpect)) $$render(consequent_5, 2);
-      else if ($$props.viewMode === "swap") $$render(consequent_6, 3);
-      else if ($$props.viewMode === "slide") $$render(consequent_10, 4);
-      else if ($$props.viewMode === "blend") $$render(consequent_12, 5);
+      else if ($$props.viewMode === "side-by-side" || !get2(hasDiffAndExpect)) $$render(consequent_4, 2);
+      else if ($$props.viewMode === "swap") $$render(consequent_5, 3);
+      else if ($$props.viewMode === "slide") $$render(consequent_8, 4);
+      else if ($$props.viewMode === "blend") $$render(consequent_9, 5);
     });
   }
   reset(div_6);
   reset(div_5);
-  var node_10 = sibling(div_5, 2);
+  var node_7 = sibling(div_5, 2);
   {
-    var consequent_15 = ($$anchor2) => {
-      var div_17 = root_162();
-      var button_2 = child(div_17);
-      var div_18 = sibling(button_2, 2);
-      each(div_18, 21, () => Array.from({ length: get2(totalRetries) }, (_, i) => i + 1), index, ($$anchor3, page) => {
+    var consequent_12 = ($$anchor2) => {
+      var div_14 = root_132();
+      var button_2 = child(div_14);
+      var div_15 = sibling(button_2, 2);
+      each(div_15, 21, () => Array.from({ length: get2(totalRetries) }, (_, i) => i + 1), index, ($$anchor3, page) => {
         var fragment_3 = comment();
-        var node_11 = first_child(fragment_3);
+        var node_8 = first_child(fragment_3);
         {
-          var consequent_13 = ($$anchor4) => {
-            var button_3 = root_18();
+          var consequent_10 = ($$anchor4) => {
+            var button_3 = root_152();
             var text_3 = child(button_3, true);
             reset(button_3);
             template_effect(
@@ -20696,21 +20716,21 @@ function ResultsPage($$anchor, $$props) {
             append($$anchor4, button_3);
           };
           var d = user_derived(() => get2(totalRetries) <= 7 || get2(page) === 1 || get2(page) === get2(totalRetries) || Math.abs(get2(page) - $$props.retry) <= 1);
-          var consequent_14 = ($$anchor4) => {
-            var span = root_19();
+          var consequent_11 = ($$anchor4) => {
+            var span = root_162();
             span.textContent = "\u2026";
             append($$anchor4, span);
           };
-          if_block(node_11, ($$render) => {
-            if (get2(d)) $$render(consequent_13);
-            else if (get2(page) === 2 || get2(page) === get2(totalRetries) - 1) $$render(consequent_14, 1);
+          if_block(node_8, ($$render) => {
+            if (get2(d)) $$render(consequent_10);
+            else if (get2(page) === 2 || get2(page) === get2(totalRetries) - 1) $$render(consequent_11, 1);
           });
         }
         append($$anchor3, fragment_3);
       });
-      reset(div_18);
-      var button_4 = sibling(div_18, 2);
-      reset(div_17);
+      reset(div_15);
+      var button_4 = sibling(div_15, 2);
+      reset(div_14);
       template_effect(
         ($0, $1) => {
           set_class(button_2, 1, $0);
@@ -20725,10 +20745,10 @@ function ResultsPage($$anchor, $$props) {
       );
       delegated("click", button_2, () => $$props.onRetryChange($$props.retry - 1));
       delegated("click", button_4, () => $$props.onRetryChange($$props.retry + 1));
-      append($$anchor2, div_17);
+      append($$anchor2, div_14);
     };
-    if_block(node_10, ($$render) => {
-      if (get2(totalRetries) > 1) $$render(consequent_15);
+    if_block(node_7, ($$render) => {
+      if (get2(totalRetries) > 1) $$render(consequent_12);
     });
   }
   reset(div);
@@ -20935,8 +20955,9 @@ function App($$anchor, $$props) {
     }
   }
   async function handleImageApprove() {
-    if (!get2(openedTest)?.id || !get2(canApprove)) return;
-    await $$props.onApprove(get2(openedTest).id, get2(retry) - 1, get2(imageName));
+    if (!get2(openedTest)?.id || !get2(canApprove)) return false;
+    const approvalResult = await $$props.onApprove(get2(openedTest).id, get2(retry) - 1, get2(imageName));
+    if (!approvalResult.success) return false;
     if (!get2(openedTest).approved) get2(openedTest).approved = {};
     get2(openedTest).approved[get2(imageName)] = get2(retry) - 1;
     const result = get2(openedTest).results?.[get2(retry) - 1];
@@ -20947,16 +20968,19 @@ function App($$anchor, $$props) {
         recalcSuiteStatuses(get2(tests), getTestPath(get2(openedTest)));
       }
     }
+    return true;
   }
   async function handleApproveAndGoNext() {
-    await handleImageApprove();
-    handleGoToNextFailed();
+    if (await handleImageApprove()) {
+      handleGoToNextFailed();
+    }
   }
   function getAllTests(suite) {
     return Object.values(suite.children).filter(isDefined).flatMap((child2) => isTest(child2) ? [child2] : getAllTests(child2));
   }
   async function handleApproveAllTests() {
-    await $$props.onApproveAll();
+    const approvalResult = await $$props.onApproveAll();
+    if (!isBulkApprovalOptimisticSafe(approvalResult)) return;
     getAllTests(get2(tests)).forEach((test) => {
       if (!test.results?.length) return;
       const lastIdx = test.results.length - 1;
@@ -21149,14 +21173,16 @@ async function loadReportData() {
   };
 }
 var handleApprove = async (id, retry, image) => {
-  await fetch("/api/approve", {
+  const response = await fetch("/api/approve", {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({ id, retry, image })
   });
+  return readApproveResult(response);
 };
 var handleApproveAll = async () => {
-  await fetch("/api/approve-all", { method: "POST" });
+  const response = await fetch("/api/approve-all", { method: "POST" });
+  return readApproveAllResult(response);
 };
 var root9 = document.getElementById("root");
 root9.innerHTML = `<div style="display:flex;align-items:center;justify-content:center;height:100vh;color:#808080;font-size:14px">Loading\u2026</div>`;