@piwitests/server 0.18.2 → 0.19.0

package/.output/server/chunks/build/import-CZo3djDi.mjs

@@ -0,0 +1,1021 @@
+import { _ as _sfc_main$1$1, a as _sfc_main$3 } from './DashboardNavbar-BHmMSPX7.mjs';
+import { _ as _sfc_main$1$2 } from './Breadcrumb-Ak2Lg3oM.mjs';
+import { _ as __nuxt_component_3 } from './BreadcrumbNav-DO7I_z-n.mjs';
+import { _ as __nuxt_component_11 } from './SectionCard-CN-v0FZ_.mjs';
+import { _ as __nuxt_component_5 } from './CodeBlock-BgE-NSmE.mjs';
+import { _ as _sfc_main$2 } from './Alert-C4xq8lao.mjs';
+import { u as useRoute, l as useHead, r as useRuntimeConfig, o as _sfc_main$p, m as _sfc_main$k, n as _sfc_main$7, p as _sfc_main$j, q as _sfc_main$l } from './server.mjs';
+import { _ as __nuxt_component_9 } from './EmptyState-Dtlab7S9.mjs';
+import { cB as formatBytes, dB as sha256Blob, dC as Sha256 } from '../nitro/nitro.mjs';
+import { defineComponent, withAsyncContext, computed, ref, mergeProps, withCtx, unref, createVNode, createTextVNode, openBlock, createBlock, createCommentVNode, withModifiers, toDisplayString, Fragment, renderList, useSSRContext } from 'vue';
+import { ssrRenderComponent, ssrRenderClass, ssrInterpolate, ssrRenderList, ssrRenderAttrs } from 'vue/server-renderer';
+import { u as useFetch } from './fetch-B4FwBOzu.mjs';
+import './DashboardSidebarToggle-DCTnHiIv.mjs';
+import './Card-BQP_oZkQ.mjs';
+import './HelpHint-DrcIv-Oj.mjs';
+import './help-content-C876a9WD.mjs';
+import './useCopy-CeKWgHyT.mjs';
+import './index-CU2nZhAa.mjs';
+import 'date-fns';
+import 'vue-router';
+import '@iconify/vue';
+import 'tailwindcss/colors';
+import 'tailwind-variants';
+import '@iconify/utils/lib/css/icon';
+import 'perfect-debounce';
+import '@floating-ui/vue';
+import 'aria-hidden';
+import '../routes/renderer.mjs';
+import 'vue-bundle-renderer/runtime';
+import 'unhead/server';
+import 'devalue';
+import 'unhead/plugins';
+import 'unhead/utils';
+import 'node:crypto';
+import 'drizzle-orm';
+import 'path';
+import 'fs/promises';
+import 'zlib';
+import 'util';
+import 'marked';
+import 'highlight.js/lib/core';
+import 'highlight.js/lib/languages/bash';
+import 'highlight.js/lib/languages/css';
+import 'highlight.js/lib/languages/diff';
+import 'highlight.js/lib/languages/javascript';
+import 'highlight.js/lib/languages/json';
+import 'highlight.js/lib/languages/python';
+import 'highlight.js/lib/languages/typescript';
+import 'highlight.js/lib/languages/xml';
+import 'highlight.js/lib/languages/yaml';
+import 'fflate';
+import 'pixelmatch';
+import 'sharp';
+import '@anthropic-ai/sdk';
+import 'nodemailer';
+import 'node:util';
+import 'rou3';
+import 'fs';
+import '@aws-sdk/client-s3';
+import 'node:http';
+import 'node:https';
+import 'node:events';
+import 'node:buffer';
+import 'node:fs';
+import 'node:path';
+import 'drizzle-orm/libsql/sqlite3';
+import 'drizzle-orm/sqlite-core';
+import 'drizzle-orm/pg-core';
+import 'url';
+import 'node:async_hooks';
+import 'node:zlib';
+import 'consola';
+import 'node:url';
+import '@iconify/utils';
+import '@vue/shared';
+
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "ImportFileRow",
+  __ssrInlineRender: true,
+  props: {
+    entry: {},
+    removable: { type: Boolean }
+  },
+  emits: ["remove"],
+  setup(__props) {
+    const props = __props;
+    const PRESENTATION = {
+      hashing: { label: "Reading", color: "neutral", icon: "i-lucide-loader-circle" },
+      checking: { label: "Checking", color: "neutral", icon: "i-lucide-loader-circle" },
+      ready: { label: "Ready", color: "primary", icon: "i-lucide-circle-check" },
+      uploading: { label: "Importing", color: "primary", icon: "i-lucide-loader-circle" },
+      imported: { label: "Imported", color: "success", icon: "i-lucide-check" },
+      duplicate: { label: "Already imported", color: "neutral", icon: "i-lucide-copy-check" },
+      "too-large": { label: "Too large", color: "warning", icon: "i-lucide-weight" },
+      invalid: { label: "Not importable", color: "warning", icon: "i-lucide-file-x" },
+      failed: { label: "Failed", color: "error", icon: "i-lucide-circle-alert" }
+    };
+    const presentation = computed(() => PRESENTATION[props.entry.state]);
+    const spinning = computed(() => ["hashing", "checking", "uploading"].includes(props.entry.state));
+    const result = computed(() => props.entry.result);
+    const summary = computed(() => props.entry.state === "imported" ? result.value : null);
+    const isTrace = computed(() => summary.value?.kind === "trace");
+    function plural(count, noun) {
+      return `${count} ${noun}${count === 1 ? "" : "s"}`;
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UBadge = _sfc_main$7;
+      const _component_UIcon = _sfc_main$p;
+      const _component_UButton = _sfc_main$k;
+      const _component_UProgress = _sfc_main$j;
+      const _component_ULink = _sfc_main$l;
+      const _component_UAlert = _sfc_main$2;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "p-3 sm:p-4 space-y-2" }, _attrs))}><div class="flex items-start justify-between gap-3"><div class="min-w-0 space-y-1"><p class="font-medium text-sm break-all">${ssrInterpolate(__props.entry.name)}</p><p class="text-xs text-gray-500">${ssrInterpolate(("formatBytes" in _ctx ? _ctx.formatBytes : unref(formatBytes))(__props.entry.size))}</p></div><div class="flex items-center gap-2 shrink-0">`);
+      _push(ssrRenderComponent(_component_UBadge, {
+        color: unref(presentation).color,
+        variant: "subtle",
+        size: "sm"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(_component_UIcon, {
+              name: unref(presentation).icon,
+              class: ["size-3.5 mr-1", unref(spinning) && "animate-spin"]
+            }, null, _parent2, _scopeId));
+            _push2(` ${ssrInterpolate(unref(presentation).label)}`);
+          } else {
+            return [
+              createVNode(_component_UIcon, {
+                name: unref(presentation).icon,
+                class: ["size-3.5 mr-1", unref(spinning) && "animate-spin"]
+              }, null, 8, ["name", "class"]),
+              createTextVNode(" " + toDisplayString(unref(presentation).label), 1)
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      if (__props.removable) {
+        _push(ssrRenderComponent(_component_UButton, {
+          icon: "i-lucide-x",
+          color: "neutral",
+          variant: "ghost",
+          size: "xs",
+          title: "Remove from the list",
+          onClick: ($event) => _ctx.$emit("remove", __props.entry.id)
+        }, null, _parent));
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`</div></div>`);
+      if (__props.entry.state === "uploading" || __props.entry.state === "hashing") {
+        _push(ssrRenderComponent(_component_UProgress, {
+          "model-value": Math.round(__props.entry.progress * 100),
+          size: "sm"
+        }, null, _parent));
+      } else {
+        _push(`<!---->`);
+      }
+      if (__props.entry.message) {
+        _push(`<p class="${ssrRenderClass([__props.entry.state === "failed" ? "text-error" : "text-gray-500", "text-xs"])}">${ssrInterpolate(__props.entry.message)}</p>`);
+      } else {
+        _push(`<!---->`);
+      }
+      if (unref(result)?.testRunId) {
+        _push(`<div class="text-xs">`);
+        _push(ssrRenderComponent(_component_ULink, {
+          to: `/test-runs/${unref(result).testRunId}`,
+          class: "text-primary hover:underline"
+        }, {
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(` View run #${ssrInterpolate(unref(result).testRunId)}`);
+            } else {
+              return [
+                createTextVNode(" View run #" + toDisplayString(unref(result).testRunId), 1)
+              ];
+            }
+          }),
+          _: 1
+        }, _parent));
+        _push(`</div>`);
+      } else {
+        _push(`<!---->`);
+      }
+      if (unref(summary)) {
+        _push(`<!--[-->`);
+        if (unref(isTrace)) {
+          _push(`<p class="text-xs text-gray-500"> Added <span class="text-default">${ssrInterpolate(unref(summary).caseTitle)}</span> to this run. </p>`);
+        } else {
+          _push(`<div class="flex flex-wrap gap-x-4 gap-y-1 text-xs text-gray-500"><span>${ssrInterpolate(plural(unref(summary).totalTests, "execution"))}</span><span>${ssrInterpolate(unref(summary).passedTests)} passed</span><span>${ssrInterpolate(unref(summary).failedTests)} failed</span>`);
+          if (unref(summary).skippedTests) {
+            _push(`<span>${ssrInterpolate(unref(summary).skippedTests)} skipped</span>`);
+          } else {
+            _push(`<!---->`);
+          }
+          if (unref(summary).flakyTests) {
+            _push(`<span>${ssrInterpolate(unref(summary).flakyTests)} flaky</span>`);
+          } else {
+            _push(`<!---->`);
+          }
+          if (unref(summary).traceCount) {
+            _push(`<span>${ssrInterpolate(plural(unref(summary).traceCount, "trace"))}</span>`);
+          } else {
+            _push(`<!---->`);
+          }
+          if (unref(summary).attachmentCount) {
+            _push(`<span>${ssrInterpolate(plural(unref(summary).attachmentCount, "attachment"))}</span>`);
+          } else {
+            _push(`<!---->`);
+          }
+          _push(`</div>`);
+        }
+        if (unref(summary).shard) {
+          _push(ssrRenderComponent(_component_UAlert, {
+            color: "warning",
+            variant: "subtle",
+            icon: "i-lucide-split",
+            description: `This archive is shard ${unref(summary).shard.current} of ${unref(summary).shard.total}. Each shard imports as its own run — they are not merged.`,
+            ui: { description: "text-xs" }
+          }, null, _parent));
+        } else {
+          _push(`<!---->`);
+        }
+        if (unref(summary).filePaths.length && !unref(isTrace)) {
+          _push(`<div class="text-xs text-gray-500"><p class="mb-1"> Spec files recorded as <span class="text-gray-400">(these must match the paths your live runs report for history to line up)</span>: </p><ul class="space-y-0.5"><!--[-->`);
+          ssrRenderList(unref(summary).filePaths, (path) => {
+            _push(`<li><code class="text-[11px]">${ssrInterpolate(path)}</code></li>`);
+          });
+          _push(`<!--]--></ul></div>`);
+        } else {
+          _push(`<!---->`);
+        }
+        _push(`<!--]-->`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`</div>`);
+    };
+  }
+});
+const _sfc_setup$1 = _sfc_main$1.setup;
+_sfc_main$1.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/project/ImportFileRow.vue");
+  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+const __nuxt_component_10 = Object.assign(_sfc_main$1, { __name: "ImportFileRow" });
+const UPLOADABLE = ["ready", "failed"];
+const STATE_BY_VERDICT = {
+  ok: "ready",
+  duplicate: "duplicate",
+  "too-large": "too-large",
+  invalid: "invalid"
+};
+function useBlobReportImport(projectName) {
+  const importUrl = withAppBase("/api/test-runs/import");
+  const entries = ref([]);
+  const maxBytes = ref(null);
+  const limitError = ref(null);
+  const importing = ref(false);
+  let nextId = 1;
+  const readyCount = computed(() => entries.value.filter((e) => UPLOADABLE.includes(e.state)).length);
+  const importedCount = computed(() => entries.value.filter((e) => e.state === "imported").length);
+  const busy = computed(() => entries.value.some((e) => e.state === "hashing" || e.state === "checking"));
+  const batch = ref({ done: 0, total: 0 });
+  async function loadLimit() {
+    if (!projectName.value) return;
+    try {
+      const response = await $fetch("/api/test-runs/import/check", {
+        method: "POST",
+        body: { projectName: projectName.value, files: [] }
+      });
+      maxBytes.value = response.maxBytes;
+      limitError.value = null;
+    } catch (error) {
+      limitError.value = errorMessage(error, "Could not reach the server to read its upload limit.");
+    }
+  }
+  async function addFiles(selected) {
+    const staged = selected.map((file) => ({
+      id: nextId++,
+      file,
+      name: file.name,
+      size: file.size,
+      state: "hashing",
+      progress: 0
+    }));
+    entries.value = [...entries.value, ...staged];
+    const added = entries.value.slice(-staged.length);
+    const withinLimit = [];
+    for (const entry of added) {
+      if (maxBytes.value != null && entry.size > maxBytes.value) {
+        entry.state = "too-large";
+        entry.message = `${formatBytes(entry.size)} exceeds the ${formatBytes(maxBytes.value)} limit.`;
+      } else if (entry.size === 0) {
+        entry.state = "invalid";
+        entry.message = "The file is empty.";
+      } else if (!entry.name.toLowerCase().endsWith(".zip")) {
+        entry.state = "invalid";
+        entry.message = "Expected a .zip blob report (blob-report/report-*.zip).";
+      } else {
+        withinLimit.push(entry);
+      }
+    }
+    if (withinLimit.length === 0) return;
+    for (const entry of withinLimit) {
+      try {
+        entry.progress = 0;
+        entry.hash = await sha256Blob(entry.file, (p) => {
+          entry.progress = p;
+        });
+        entry.state = "checking";
+      } catch (error) {
+        entry.state = "failed";
+        entry.message = errorMessage(error, "Could not read the file.");
+      } finally {
+        entry.progress = 0;
+      }
+    }
+    const group = await groupKeyFor(withinLimit);
+    for (const entry of withinLimit) entry.group = group ?? void 0;
+    await runPreflight(withinLimit.filter((e) => e.state === "checking"));
+  }
+  async function runPreflight(pending) {
+    if (pending.length === 0 || !projectName.value) return;
+    try {
+      const response = await $fetch("/api/test-runs/import/check", {
+        method: "POST",
+        body: {
+          projectName: projectName.value,
+          files: pending.map((e) => ({ name: e.name, size: e.size, hash: e.hash }))
+        }
+      });
+      maxBytes.value = response.maxBytes;
+      response.results.forEach((result, index) => {
+        const entry = pending[index];
+        if (!entry) return;
+        entry.state = STATE_BY_VERDICT[result.status] ?? "ready";
+        entry.message = result.message;
+        if (result.testRunId) entry.result = { testRunId: result.testRunId };
+      });
+    } catch (error) {
+      const message = errorMessage(error, "Pre-flight check failed.");
+      for (const entry of pending) {
+        entry.state = "ready";
+        entry.message = `${message} Importing will still verify it.`;
+      }
+    }
+  }
+  async function startImport() {
+    if (importing.value || !projectName.value) return;
+    importing.value = true;
+    const queued = entries.value.filter((e) => UPLOADABLE.includes(e.state));
+    batch.value = { done: 0, total: queued.length };
+    try {
+      for (const entry of queued) {
+        entry.state = "uploading";
+        entry.message = void 0;
+        entry.progress = 0;
+        try {
+          const result = await uploadArchive(importUrl, projectName.value, entry, entry.group ?? null, (p) => {
+            entry.progress = p;
+          });
+          entry.result = result;
+          entry.state = result.status === "duplicate" ? "duplicate" : "imported";
+          entry.message = result.status === "duplicate" ? "Already imported into this project." : void 0;
+        } catch (error) {
+          entry.state = "failed";
+          entry.message = errorMessage(error, "The import failed.");
+        } finally {
+          entry.progress = 0;
+          batch.value = { ...batch.value, done: batch.value.done + 1 };
+        }
+      }
+    } finally {
+      importing.value = false;
+    }
+  }
+  function remove(id) {
+    entries.value = entries.value.filter((e) => e.id !== id);
+  }
+  function clearFinished() {
+    entries.value = entries.value.filter((e) => !["imported", "duplicate"].includes(e.state));
+  }
+  return {
+    entries,
+    maxBytes,
+    limitError,
+    importing,
+    readyCount,
+    importedCount,
+    busy,
+    batch,
+    loadLimit,
+    addFiles,
+    startImport,
+    remove,
+    clearFinished
+  };
+}
+function withAppBase(path) {
+  const base = useRuntimeConfig().app.baseURL || "/";
+  return `${base.replace(/\/$/, "")}${path}`;
+}
+async function groupKeyFor(entries) {
+  const hashes = entries.map((entry) => entry.hash).filter((hash) => Boolean(hash));
+  if (hashes.length === 0) return null;
+  return new Sha256().update(new TextEncoder().encode([...hashes].sort().join(""))).hex();
+}
+function uploadArchive(url, projectName, entry, group, onProgress) {
+  return new Promise((resolve, reject) => {
+    const body = new FormData();
+    body.append("projectName", projectName);
+    if (group) body.append("importGroup", group);
+    body.append("archive", entry.file, entry.name);
+    const request = new (void 0)();
+    request.open("POST", url);
+    request.responseType = "json";
+    request.upload.addEventListener("progress", (event) => {
+      if (event.lengthComputable) onProgress(event.loaded / event.total);
+    });
+    request.addEventListener("load", () => {
+      const payload = request.response;
+      if (request.status >= 200 && request.status < 300) {
+        resolve(payload);
+        return;
+      }
+      const detail = typeof payload?.message === "string" ? payload.message : null;
+      reject(new Error(detail ?? httpFallbackMessage(request.status)));
+    });
+    request.addEventListener("error", () => reject(new Error("The connection dropped during the upload.")));
+    request.addEventListener("abort", () => reject(new Error("The upload was cancelled.")));
+    request.addEventListener("timeout", () => reject(new Error("The upload timed out.")));
+    request.send(body);
+  });
+}
+function httpFallbackMessage(status) {
+  if (status === 413) return "The server (or a proxy in front of it) rejected the archive as too large.";
+  if (status === 401 || status === 403) return "You do not have permission to import into this project.";
+  if (status === 0) return "The connection dropped during the upload.";
+  if (status >= 500) return `The server failed while importing (HTTP ${status}).`;
+  return `The import was rejected (HTTP ${status}).`;
+}
+function errorMessage(error, fallback) {
+  const data = error?.data;
+  if (typeof data?.message === "string" && data.message) return data.message;
+  const message = error?.message;
+  return message || fallback;
+}
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "import",
+  __ssrInlineRender: true,
+  async setup(__props) {
+    let __temp, __restore;
+    const route = useRoute();
+    const projectId = route.params.id;
+    const { data: project } = ([__temp, __restore] = withAsyncContext(() => useFetch(
+      `/api/projects/${projectId}`,
+      "$w9ISz8uFNz"
+      /* nuxt-injected */
+    )), __temp = await __temp, __restore(), __temp);
+    useHead(
+      computed(() => ({
+        title: `Import runs — ${project.value?.label || project.value?.name || "Project"} — Piwi Dashboard`
+      }))
+    );
+    const isDemoMode = useRuntimeConfig().public.demoMode;
+    const projectName = computed(() => project.value?.name);
+    const {
+      entries,
+      maxBytes,
+      limitError,
+      importing,
+      readyCount,
+      importedCount,
+      busy,
+      batch,
+      addFiles,
+      startImport,
+      remove,
+      clearFinished
+    } = useBlobReportImport(projectName);
+    const fileInput = ref(null);
+    const dragging = ref(false);
+    function onPicked(event) {
+      const input = event.target;
+      if (input.files?.length) addFiles([...input.files]);
+      input.value = "";
+    }
+    function onDrop(event) {
+      dragging.value = false;
+      const dropped = [...event.dataTransfer?.files ?? []];
+      if (dropped.length) addFiles(dropped);
+    }
+    const finishedCount = computed(() => entries.value.filter((e) => ["imported", "duplicate"].includes(e.state)).length);
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UDashboardPanel = _sfc_main$1$1;
+      const _component_UDashboardNavbar = _sfc_main$3;
+      const _component_UDashboardSidebarCollapse = _sfc_main$1$2;
+      const _component_BreadcrumbNav = __nuxt_component_3;
+      const _component_SectionCard = __nuxt_component_11;
+      const _component_CodeBlock = __nuxt_component_5;
+      const _component_UAlert = _sfc_main$2;
+      const _component_UButton = _sfc_main$k;
+      const _component_UIcon = _sfc_main$p;
+      const _component_EmptyState = __nuxt_component_9;
+      const _component_ImportFileRow = __nuxt_component_10;
+      _push(ssrRenderComponent(_component_UDashboardPanel, mergeProps({ id: "project-import" }, _attrs), {
+        header: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(_component_UDashboardNavbar, null, {
+              leading: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(ssrRenderComponent(_component_UDashboardSidebarCollapse, null, null, _parent3, _scopeId2));
+                  _push3(ssrRenderComponent(_component_BreadcrumbNav, {
+                    items: [
+                      { label: "Home", icon: "i-lucide-house", to: "/" },
+                      { label: "Projects", to: "/projects" },
+                      { label: unref(project)?.label || unref(project)?.name || "Project", to: `/projects/${unref(projectId)}` },
+                      { label: "Import runs" }
+                    ]
+                  }, null, _parent3, _scopeId2));
+                } else {
+                  return [
+                    createVNode(_component_UDashboardSidebarCollapse),
+                    createVNode(_component_BreadcrumbNav, {
+                      items: [
+                        { label: "Home", icon: "i-lucide-house", to: "/" },
+                        { label: "Projects", to: "/projects" },
+                        { label: unref(project)?.label || unref(project)?.name || "Project", to: `/projects/${unref(projectId)}` },
+                        { label: "Import runs" }
+                      ]
+                    }, null, 8, ["items"])
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(_component_UDashboardNavbar, null, {
+                leading: withCtx(() => [
+                  createVNode(_component_UDashboardSidebarCollapse),
+                  createVNode(_component_BreadcrumbNav, {
+                    items: [
+                      { label: "Home", icon: "i-lucide-house", to: "/" },
+                      { label: "Projects", to: "/projects" },
+                      { label: unref(project)?.label || unref(project)?.name || "Project", to: `/projects/${unref(projectId)}` },
+                      { label: "Import runs" }
+                    ]
+                  }, null, 8, ["items"])
+                ]),
+                _: 1
+              })
+            ];
+          }
+        }),
+        body: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="p-4 space-y-4"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_SectionCard, {
+              title: "Import past runs",
+              icon: "i-lucide-import",
+              help: "project.import",
+              subtitle: "Backfill runs recorded before you started using Piwi, from Playwright's own blob reports."
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`<div class="space-y-4"${_scopeId2}><div class="text-sm text-gray-600 dark:text-gray-400 space-y-2"${_scopeId2}><p${_scopeId2}> Run your suite with the blob reporter and upload the archives it writes to <code${_scopeId2}>blob-report/</code>: </p>`);
+                  _push3(ssrRenderComponent(_component_CodeBlock, {
+                    code: "npx playwright test --reporter=blob",
+                    language: "bash"
+                  }, null, _parent3, _scopeId2));
+                  _push3(`<p${_scopeId2}> Each archive imports as one completed run, with its traces, screenshots and videos. Importing the same archive twice does nothing, so an interrupted batch is safe to repeat. </p></div>`);
+                  if (unref(isDemoMode)) {
+                    _push3(ssrRenderComponent(_component_UAlert, {
+                      color: "primary",
+                      variant: "subtle",
+                      icon: "i-lucide-monitor-smartphone",
+                      title: "Nothing leaves your browser",
+                      description: "This is the demo: the archive is read by a service worker and stored in your browser, not uploaded. It is cleared when the demo's sample data is refreshed, or when you reset the demo.",
+                      ui: { description: "text-xs" }
+                    }, null, _parent3, _scopeId2));
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  _push3(ssrRenderComponent(_component_UAlert, {
+                    color: "neutral",
+                    variant: "subtle",
+                    icon: "i-lucide-info",
+                    title: "What imported runs carry",
+                    description: "Failures still cluster, and traces, screenshots and videos open exactly as they do for reported runs. Web vitals, page state and locator healing come from Piwi's own capture fixtures, so historical runs have none — they start once the reporter is in place.",
+                    ui: { description: "text-xs" }
+                  }, null, _parent3, _scopeId2));
+                  if (unref(limitError)) {
+                    _push3(ssrRenderComponent(_component_UAlert, {
+                      color: "error",
+                      variant: "subtle",
+                      icon: "i-lucide-circle-alert",
+                      description: unref(limitError)
+                    }, null, _parent3, _scopeId2));
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  _push3(`</div>`);
+                } else {
+                  return [
+                    createVNode("div", { class: "space-y-4" }, [
+                      createVNode("div", { class: "text-sm text-gray-600 dark:text-gray-400 space-y-2" }, [
+                        createVNode("p", null, [
+                          createTextVNode(" Run your suite with the blob reporter and upload the archives it writes to "),
+                          createVNode("code", null, "blob-report/"),
+                          createTextVNode(": ")
+                        ]),
+                        createVNode(_component_CodeBlock, {
+                          code: "npx playwright test --reporter=blob",
+                          language: "bash"
+                        }),
+                        createVNode("p", null, " Each archive imports as one completed run, with its traces, screenshots and videos. Importing the same archive twice does nothing, so an interrupted batch is safe to repeat. ")
+                      ]),
+                      unref(isDemoMode) ? (openBlock(), createBlock(_component_UAlert, {
+                        key: 0,
+                        color: "primary",
+                        variant: "subtle",
+                        icon: "i-lucide-monitor-smartphone",
+                        title: "Nothing leaves your browser",
+                        description: "This is the demo: the archive is read by a service worker and stored in your browser, not uploaded. It is cleared when the demo's sample data is refreshed, or when you reset the demo.",
+                        ui: { description: "text-xs" }
+                      })) : createCommentVNode("", true),
+                      createVNode(_component_UAlert, {
+                        color: "neutral",
+                        variant: "subtle",
+                        icon: "i-lucide-info",
+                        title: "What imported runs carry",
+                        description: "Failures still cluster, and traces, screenshots and videos open exactly as they do for reported runs. Web vitals, page state and locator healing come from Piwi's own capture fixtures, so historical runs have none — they start once the reporter is in place.",
+                        ui: { description: "text-xs" }
+                      }),
+                      unref(limitError) ? (openBlock(), createBlock(_component_UAlert, {
+                        key: 1,
+                        color: "error",
+                        variant: "subtle",
+                        icon: "i-lucide-circle-alert",
+                        description: unref(limitError)
+                      }, null, 8, ["description"])) : createCommentVNode("", true)
+                    ])
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(ssrRenderComponent(_component_SectionCard, {
+              title: "Archives",
+              icon: "i-lucide-files",
+              count: unref(entries).length || null
+            }, {
+              actions: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`<div class="flex items-center gap-2"${_scopeId2}>`);
+                  if (unref(importing)) {
+                    _push3(`<span class="text-xs text-gray-500 tabular-nums"${_scopeId2}>${ssrInterpolate(unref(batch).done)} of ${ssrInterpolate(unref(batch).total)} done </span>`);
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  if (unref(finishedCount) > 0 && !unref(importing)) {
+                    _push3(ssrRenderComponent(_component_UButton, {
+                      label: "Clear finished",
+                      icon: "i-lucide-eraser",
+                      color: "neutral",
+                      variant: "ghost",
+                      size: "sm",
+                      disabled: unref(importing),
+                      onClick: ($event) => unref(clearFinished)()
+                    }, null, _parent3, _scopeId2));
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  _push3(ssrRenderComponent(_component_UButton, {
+                    label: unref(readyCount) > 0 ? `Import ${unref(readyCount)} archive${unref(readyCount) === 1 ? "" : "s"}` : "Import",
+                    icon: "i-lucide-upload",
+                    size: "sm",
+                    loading: unref(importing),
+                    disabled: unref(readyCount) === 0 || unref(busy),
+                    onClick: ($event) => unref(startImport)()
+                  }, null, _parent3, _scopeId2));
+                  _push3(`</div>`);
+                } else {
+                  return [
+                    createVNode("div", { class: "flex items-center gap-2" }, [
+                      unref(importing) ? (openBlock(), createBlock("span", {
+                        key: 0,
+                        class: "text-xs text-gray-500 tabular-nums"
+                      }, toDisplayString(unref(batch).done) + " of " + toDisplayString(unref(batch).total) + " done ", 1)) : createCommentVNode("", true),
+                      unref(finishedCount) > 0 && !unref(importing) ? (openBlock(), createBlock(_component_UButton, {
+                        key: 1,
+                        label: "Clear finished",
+                        icon: "i-lucide-eraser",
+                        color: "neutral",
+                        variant: "ghost",
+                        size: "sm",
+                        disabled: unref(importing),
+                        onClick: ($event) => unref(clearFinished)()
+                      }, null, 8, ["disabled", "onClick"])) : createCommentVNode("", true),
+                      createVNode(_component_UButton, {
+                        label: unref(readyCount) > 0 ? `Import ${unref(readyCount)} archive${unref(readyCount) === 1 ? "" : "s"}` : "Import",
+                        icon: "i-lucide-upload",
+                        size: "sm",
+                        loading: unref(importing),
+                        disabled: unref(readyCount) === 0 || unref(busy),
+                        onClick: ($event) => unref(startImport)()
+                      }, null, 8, ["label", "loading", "disabled", "onClick"])
+                    ])
+                  ];
+                }
+              }),
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`<div class="space-y-4"${_scopeId2}><div class="${ssrRenderClass([unref(dragging) ? "border-primary bg-primary/5" : "border-gray-200 dark:border-gray-700", "rounded-lg border-2 border-dashed p-6 text-center transition-colors"])}"${_scopeId2}>`);
+                  _push3(ssrRenderComponent(_component_UIcon, {
+                    name: "i-lucide-file-archive",
+                    class: "size-7 text-gray-400 mb-2"
+                  }, null, _parent3, _scopeId2));
+                  _push3(`<p class="text-sm text-gray-600 dark:text-gray-400"${_scopeId2}>Drop <code${_scopeId2}>report-*.zip</code> files here, or</p>`);
+                  _push3(ssrRenderComponent(_component_UButton, {
+                    label: "Choose files",
+                    icon: "i-lucide-folder-open",
+                    variant: "outline",
+                    size: "sm",
+                    class: "mt-2",
+                    disabled: unref(importing),
+                    onClick: ($event) => unref(fileInput)?.click()
+                  }, null, _parent3, _scopeId2));
+                  if (unref(maxBytes)) {
+                    _push3(`<p class="text-xs text-gray-500 mt-3"${_scopeId2}> Up to ${ssrInterpolate(("formatBytes" in _ctx ? _ctx.formatBytes : unref(formatBytes))(unref(maxBytes)))} per archive. Larger ones are rejected here, before uploading. </p>`);
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  _push3(`<input type="file" accept=".zip" multiple class="hidden"${_scopeId2}></div>`);
+                  if (unref(entries).length === 0) {
+                    _push3(ssrRenderComponent(_component_EmptyState, {
+                      icon: "i-lucide-inbox",
+                      text: "No archives selected yet."
+                    }, null, _parent3, _scopeId2));
+                  } else {
+                    _push3(`<div class="divide-y divide-gray-100 dark:divide-gray-800 border rounded-lg border-gray-200 dark:border-gray-800"${_scopeId2}><!--[-->`);
+                    ssrRenderList(unref(entries), (entry) => {
+                      _push3(ssrRenderComponent(_component_ImportFileRow, {
+                        key: entry.id,
+                        entry,
+                        removable: !unref(importing) && entry.state !== "uploading",
+                        onRemove: unref(remove)
+                      }, null, _parent3, _scopeId2));
+                    });
+                    _push3(`<!--]--></div>`);
+                  }
+                  if (unref(importedCount) > 0) {
+                    _push3(`<div class="flex justify-end"${_scopeId2}>`);
+                    _push3(ssrRenderComponent(_component_UButton, {
+                      label: `Open ${unref(project)?.label || unref(project)?.name || "project"}`,
+                      icon: "i-lucide-arrow-right",
+                      trailing: "",
+                      variant: "ghost",
+                      size: "sm",
+                      to: `/projects/${unref(projectId)}`
+                    }, null, _parent3, _scopeId2));
+                    _push3(`</div>`);
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  _push3(`</div>`);
+                } else {
+                  return [
+                    createVNode("div", { class: "space-y-4" }, [
+                      createVNode("div", {
+                        class: ["rounded-lg border-2 border-dashed p-6 text-center transition-colors", unref(dragging) ? "border-primary bg-primary/5" : "border-gray-200 dark:border-gray-700"],
+                        onDragover: withModifiers(($event) => dragging.value = true, ["prevent"]),
+                        onDragleave: withModifiers(($event) => dragging.value = false, ["prevent"]),
+                        onDrop: withModifiers(onDrop, ["prevent"])
+                      }, [
+                        createVNode(_component_UIcon, {
+                          name: "i-lucide-file-archive",
+                          class: "size-7 text-gray-400 mb-2"
+                        }),
+                        createVNode("p", { class: "text-sm text-gray-600 dark:text-gray-400" }, [
+                          createTextVNode("Drop "),
+                          createVNode("code", null, "report-*.zip"),
+                          createTextVNode(" files here, or")
+                        ]),
+                        createVNode(_component_UButton, {
+                          label: "Choose files",
+                          icon: "i-lucide-folder-open",
+                          variant: "outline",
+                          size: "sm",
+                          class: "mt-2",
+                          disabled: unref(importing),
+                          onClick: ($event) => unref(fileInput)?.click()
+                        }, null, 8, ["disabled", "onClick"]),
+                        unref(maxBytes) ? (openBlock(), createBlock("p", {
+                          key: 0,
+                          class: "text-xs text-gray-500 mt-3"
+                        }, " Up to " + toDisplayString(("formatBytes" in _ctx ? _ctx.formatBytes : unref(formatBytes))(unref(maxBytes))) + " per archive. Larger ones are rejected here, before uploading. ", 1)) : createCommentVNode("", true),
+                        createVNode("input", {
+                          ref_key: "fileInput",
+                          ref: fileInput,
+                          type: "file",
+                          accept: ".zip",
+                          multiple: "",
+                          class: "hidden",
+                          onChange: onPicked
+                        }, null, 544)
+                      ], 42, ["onDragover", "onDragleave"]),
+                      unref(entries).length === 0 ? (openBlock(), createBlock(_component_EmptyState, {
+                        key: 0,
+                        icon: "i-lucide-inbox",
+                        text: "No archives selected yet."
+                      })) : (openBlock(), createBlock("div", {
+                        key: 1,
+                        class: "divide-y divide-gray-100 dark:divide-gray-800 border rounded-lg border-gray-200 dark:border-gray-800"
+                      }, [
+                        (openBlock(true), createBlock(Fragment, null, renderList(unref(entries), (entry) => {
+                          return openBlock(), createBlock(_component_ImportFileRow, {
+                            key: entry.id,
+                            entry,
+                            removable: !unref(importing) && entry.state !== "uploading",
+                            onRemove: unref(remove)
+                          }, null, 8, ["entry", "removable", "onRemove"]);
+                        }), 128))
+                      ])),
+                      unref(importedCount) > 0 ? (openBlock(), createBlock("div", {
+                        key: 2,
+                        class: "flex justify-end"
+                      }, [
+                        createVNode(_component_UButton, {
+                          label: `Open ${unref(project)?.label || unref(project)?.name || "project"}`,
+                          icon: "i-lucide-arrow-right",
+                          trailing: "",
+                          variant: "ghost",
+                          size: "sm",
+                          to: `/projects/${unref(projectId)}`
+                        }, null, 8, ["label", "to"])
+                      ])) : createCommentVNode("", true)
+                    ])
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", { class: "p-4 space-y-4" }, [
+                createVNode(_component_SectionCard, {
+                  title: "Import past runs",
+                  icon: "i-lucide-import",
+                  help: "project.import",
+                  subtitle: "Backfill runs recorded before you started using Piwi, from Playwright's own blob reports."
+                }, {
+                  default: withCtx(() => [
+                    createVNode("div", { class: "space-y-4" }, [
+                      createVNode("div", { class: "text-sm text-gray-600 dark:text-gray-400 space-y-2" }, [
+                        createVNode("p", null, [
+                          createTextVNode(" Run your suite with the blob reporter and upload the archives it writes to "),
+                          createVNode("code", null, "blob-report/"),
+                          createTextVNode(": ")
+                        ]),
+                        createVNode(_component_CodeBlock, {
+                          code: "npx playwright test --reporter=blob",
+                          language: "bash"
+                        }),
+                        createVNode("p", null, " Each archive imports as one completed run, with its traces, screenshots and videos. Importing the same archive twice does nothing, so an interrupted batch is safe to repeat. ")
+                      ]),
+                      unref(isDemoMode) ? (openBlock(), createBlock(_component_UAlert, {
+                        key: 0,
+                        color: "primary",
+                        variant: "subtle",
+                        icon: "i-lucide-monitor-smartphone",
+                        title: "Nothing leaves your browser",
+                        description: "This is the demo: the archive is read by a service worker and stored in your browser, not uploaded. It is cleared when the demo's sample data is refreshed, or when you reset the demo.",
+                        ui: { description: "text-xs" }
+                      })) : createCommentVNode("", true),
+                      createVNode(_component_UAlert, {
+                        color: "neutral",
+                        variant: "subtle",
+                        icon: "i-lucide-info",
+                        title: "What imported runs carry",
+                        description: "Failures still cluster, and traces, screenshots and videos open exactly as they do for reported runs. Web vitals, page state and locator healing come from Piwi's own capture fixtures, so historical runs have none — they start once the reporter is in place.",
+                        ui: { description: "text-xs" }
+                      }),
+                      unref(limitError) ? (openBlock(), createBlock(_component_UAlert, {
+                        key: 1,
+                        color: "error",
+                        variant: "subtle",
+                        icon: "i-lucide-circle-alert",
+                        description: unref(limitError)
+                      }, null, 8, ["description"])) : createCommentVNode("", true)
+                    ])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_SectionCard, {
+                  title: "Archives",
+                  icon: "i-lucide-files",
+                  count: unref(entries).length || null
+                }, {
+                  actions: withCtx(() => [
+                    createVNode("div", { class: "flex items-center gap-2" }, [
+                      unref(importing) ? (openBlock(), createBlock("span", {
+                        key: 0,
+                        class: "text-xs text-gray-500 tabular-nums"
+                      }, toDisplayString(unref(batch).done) + " of " + toDisplayString(unref(batch).total) + " done ", 1)) : createCommentVNode("", true),
+                      unref(finishedCount) > 0 && !unref(importing) ? (openBlock(), createBlock(_component_UButton, {
+                        key: 1,
+                        label: "Clear finished",
+                        icon: "i-lucide-eraser",
+                        color: "neutral",
+                        variant: "ghost",
+                        size: "sm",
+                        disabled: unref(importing),
+                        onClick: ($event) => unref(clearFinished)()
+                      }, null, 8, ["disabled", "onClick"])) : createCommentVNode("", true),
+                      createVNode(_component_UButton, {
+                        label: unref(readyCount) > 0 ? `Import ${unref(readyCount)} archive${unref(readyCount) === 1 ? "" : "s"}` : "Import",
+                        icon: "i-lucide-upload",
+                        size: "sm",
+                        loading: unref(importing),
+                        disabled: unref(readyCount) === 0 || unref(busy),
+                        onClick: ($event) => unref(startImport)()
+                      }, null, 8, ["label", "loading", "disabled", "onClick"])
+                    ])
+                  ]),
+                  default: withCtx(() => [
+                    createVNode("div", { class: "space-y-4" }, [
+                      createVNode("div", {
+                        class: ["rounded-lg border-2 border-dashed p-6 text-center transition-colors", unref(dragging) ? "border-primary bg-primary/5" : "border-gray-200 dark:border-gray-700"],
+                        onDragover: withModifiers(($event) => dragging.value = true, ["prevent"]),
+                        onDragleave: withModifiers(($event) => dragging.value = false, ["prevent"]),
+                        onDrop: withModifiers(onDrop, ["prevent"])
+                      }, [
+                        createVNode(_component_UIcon, {
+                          name: "i-lucide-file-archive",
+                          class: "size-7 text-gray-400 mb-2"
+                        }),
+                        createVNode("p", { class: "text-sm text-gray-600 dark:text-gray-400" }, [
+                          createTextVNode("Drop "),
+                          createVNode("code", null, "report-*.zip"),
+                          createTextVNode(" files here, or")
+                        ]),
+                        createVNode(_component_UButton, {
+                          label: "Choose files",
+                          icon: "i-lucide-folder-open",
+                          variant: "outline",
+                          size: "sm",
+                          class: "mt-2",
+                          disabled: unref(importing),
+                          onClick: ($event) => unref(fileInput)?.click()
+                        }, null, 8, ["disabled", "onClick"]),
+                        unref(maxBytes) ? (openBlock(), createBlock("p", {
+                          key: 0,
+                          class: "text-xs text-gray-500 mt-3"
+                        }, " Up to " + toDisplayString(("formatBytes" in _ctx ? _ctx.formatBytes : unref(formatBytes))(unref(maxBytes))) + " per archive. Larger ones are rejected here, before uploading. ", 1)) : createCommentVNode("", true),
+                        createVNode("input", {
+                          ref_key: "fileInput",
+                          ref: fileInput,
+                          type: "file",
+                          accept: ".zip",
+                          multiple: "",
+                          class: "hidden",
+                          onChange: onPicked
+                        }, null, 544)
+                      ], 42, ["onDragover", "onDragleave"]),
+                      unref(entries).length === 0 ? (openBlock(), createBlock(_component_EmptyState, {
+                        key: 0,
+                        icon: "i-lucide-inbox",
+                        text: "No archives selected yet."
+                      })) : (openBlock(), createBlock("div", {
+                        key: 1,
+                        class: "divide-y divide-gray-100 dark:divide-gray-800 border rounded-lg border-gray-200 dark:border-gray-800"
+                      }, [
+                        (openBlock(true), createBlock(Fragment, null, renderList(unref(entries), (entry) => {
+                          return openBlock(), createBlock(_component_ImportFileRow, {
+                            key: entry.id,
+                            entry,
+                            removable: !unref(importing) && entry.state !== "uploading",
+                            onRemove: unref(remove)
+                          }, null, 8, ["entry", "removable", "onRemove"]);
+                        }), 128))
+                      ])),
+                      unref(importedCount) > 0 ? (openBlock(), createBlock("div", {
+                        key: 2,
+                        class: "flex justify-end"
+                      }, [
+                        createVNode(_component_UButton, {
+                          label: `Open ${unref(project)?.label || unref(project)?.name || "project"}`,
+                          icon: "i-lucide-arrow-right",
+                          trailing: "",
+                          variant: "ghost",
+                          size: "sm",
+                          to: `/projects/${unref(projectId)}`
+                        }, null, 8, ["label", "to"])
+                      ])) : createCommentVNode("", true)
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["count"])
+              ])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/projects/[id]/import.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+
+export { _sfc_main as default };
+//# sourceMappingURL=import-CZo3djDi.mjs.map