@nivaro/react 0.3.40 → 0.3.42

package/dist/shared/components/imports/CollectionImportPanel.js

@@ -1,21 +1,22 @@
-import { jsx as e, jsxs as a, Fragment as Ke } from "react/jsx-runtime";
-import { useQueryClient as Be, useQuery as U, useMutation as Q } from "@tanstack/react-query";
-import { Upload as Ve, Plus as qe, ArrowLeft as Me, FileUp as je, Link2 as Je, Loader2 as me, Sparkles as We, ArrowRight as Fe, MoreHorizontal as He, Trash2 as Ge, ChevronsUpDown as Ze, Check as Xe } from "lucide-react";
+import { jsx as e, jsxs as a, Fragment as Be } from "react/jsx-runtime";
+import { useQueryClient as Ve, useQuery as U, useMutation as Q } from "@tanstack/react-query";
+import { Upload as je, Plus as qe, ArrowLeft as Me, FileUp as Je, Link2 as We, Loader2 as me, Sparkles as He, ArrowRight as Re, MoreHorizontal as Ge, Trash2 as Ze, ChevronsUpDown as Xe, Check as Ye } from "lucide-react";
 import { useState as b, useMemo as j, useEffect as Ae, useRef as De } from "react";
-import { useNivaroClient as re, useNavigation as Ye } from "../../context.js";
-import { get as W, del as et, post as I } from "../../lib/commands.js";
-import { formatNumber as _, cn as N, formatRelative as tt, formatDateTime as te } from "../../lib/utils.js";
-import { DataTable as at } from "../DataTable.js";
-import { Button as R } from "../ui/button.js";
-import { Command as rt, CommandInput as st, CommandList as lt, CommandEmpty as nt, CommandItem as ot } from "../ui/command.js";
-import { DropdownMenu as dt, DropdownMenuTrigger as it, DropdownMenuContent as ct, DropdownMenuItem as pe } from "../ui/dropdown-menu.js";
-import { Input as Te } from "../ui/input.js";
+import { useNivaroClient as re, useNavigation as et } from "../../context.js";
+import { get as W, del as tt, post as I } from "../../lib/commands.js";
+import { errorSentence as at, rowErrorSentence as Te } from "../../lib/error-message.js";
+import { formatNumber as _, cn as w, formatRelative as rt, formatDateTime as te } from "../../lib/utils.js";
+import { DataTable as st } from "../DataTable.js";
+import { Button as A } from "../ui/button.js";
+import { Command as lt, CommandInput as nt, CommandList as ot, CommandEmpty as dt, CommandItem as it } from "../ui/command.js";
+import { DropdownMenu as ct, DropdownMenuTrigger as mt, DropdownMenuContent as pt, DropdownMenuItem as pe } from "../ui/dropdown-menu.js";
+import { Input as $e } from "../ui/input.js";
 import { Label as V } from "../ui/label.js";
-import { Popover as mt, PopoverTrigger as pt, PopoverContent as ut } from "../ui/popover.js";
-import { SimpleSelect as ht } from "../ui/SimpleSelect.js";
-import { Sheet as xt, SheetContent as bt } from "../ui/sheet.js";
-import { Switch as ft } from "../ui/switch.js";
-import { Textarea as gt } from "../ui/textarea.js";
+import { Popover as ut, PopoverTrigger as ht, PopoverContent as xt } from "../ui/popover.js";
+import { SimpleSelect as bt } from "../ui/SimpleSelect.js";
+import { Sheet as ft, SheetContent as gt } from "../ui/sheet.js";
+import { Switch as vt } from "../ui/switch.js";
+import { Textarea as wt } from "../ui/textarea.js";
 const ue = 25, he = ["Source", "Map columns", "Options", "Confirm"], J = {
   pending: { dot: "bg-slate-400", text: "text-slate-600 dark:text-slate-300", label: "Pending" },
   processing: {
@@ -30,25 +31,25 @@ const ue = 25, he = ["Source", "Map columns", "Options", "Confirm"], J = {
   },
   failed: { dot: "bg-red-500", text: "text-red-700 dark:text-red-400", label: "Failed" }
 };
-function Re({ status: o }) {
+function Ee({ status: o }) {
   const n = J[o] ?? J.pending;
-  return /* @__PURE__ */ a("span", { className: N("flex items-center gap-1.5 text-[12px] font-medium", n.text), children: [
+  return /* @__PURE__ */ a("span", { className: w("flex items-center gap-1.5 text-[12px] font-medium", n.text), children: [
     /* @__PURE__ */ a("span", { className: "relative flex h-1.5 w-1.5 shrink-0", children: [
       o === "processing" && /* @__PURE__ */ e(
         "span",
         {
-          className: N(
+          className: w(
             "absolute inline-flex h-full w-full rounded-full opacity-75 motion-safe:animate-ping",
             n.dot
           )
         }
       ),
-      /* @__PURE__ */ e("span", { className: N("relative inline-flex h-1.5 w-1.5 rounded-full", n.dot) })
+      /* @__PURE__ */ e("span", { className: w("relative inline-flex h-1.5 w-1.5 rounded-full", n.dot) })
     ] }),
     n.label
   ] });
 }
-function vt({
+function Nt({
   processed: o,
   total: n,
   failed: l
@@ -59,7 +60,7 @@ function vt({
     /* @__PURE__ */ e("div", { className: "h-1.5 flex-1 overflow-hidden rounded-full bg-slate-100 dark:bg-muted", children: /* @__PURE__ */ e(
       "div",
       {
-        className: N(
+        className: w(
           "h-full rounded-full transition-[width] duration-500",
           l ? "bg-red-500" : "bg-nvr-cyan"
         ),
@@ -81,7 +82,7 @@ function ae(o) {
   }
   return n.push(l), n.map((c) => c.trim());
 }
-function Nt(o) {
+function kt(o) {
   const n = o.split(/\r?\n/).filter((c) => c.trim());
   if (n.length === 0) return { headers: [], rows: [], rowCount: 0 };
   const l = ae(n[0]), u = n.slice(1, 6).map(ae);
@@ -95,12 +96,12 @@ function X({
   className: c
 }) {
   const [s, g] = b(!1), C = l.find((h) => h.value === o);
-  return /* @__PURE__ */ a(mt, { open: s, onOpenChange: g, children: [
-    /* @__PURE__ */ e(pt, { asChild: !0, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ a(ut, { open: s, onOpenChange: g, children: [
+    /* @__PURE__ */ e(ht, { asChild: !0, children: /* @__PURE__ */ a(
       "button",
       {
         type: "button",
-        className: N(
+        className: w(
           "flex h-8 w-full items-center justify-between gap-2 rounded-md border border-slate-200 bg-white px-2.5 text-left text-[12px] transition-colors hover:border-slate-300 dark:border-border dark:bg-card",
           c
         ),
@@ -108,23 +109,23 @@ function X({
           /* @__PURE__ */ e(
             "span",
             {
-              className: N(
+              className: w(
                 "truncate font-mono",
                 C ? "text-slate-800 dark:text-foreground" : "text-slate-400"
               ),
               children: (C == null ? void 0 : C.label) ?? u
             }
           ),
-          /* @__PURE__ */ e(Ze, { className: "h-3.5 w-3.5 shrink-0 text-slate-400" })
+          /* @__PURE__ */ e(Xe, { className: "h-3.5 w-3.5 shrink-0 text-slate-400" })
         ]
       }
     ) }),
-    /* @__PURE__ */ e(ut, { className: "w-[240px] p-0", align: "start", children: /* @__PURE__ */ a(rt, { children: [
-      /* @__PURE__ */ e(st, { placeholder: "Search…", className: "h-8 text-[12px]" }),
-      /* @__PURE__ */ a(lt, { children: [
-        /* @__PURE__ */ e(nt, { children: "Nothing matches." }),
+    /* @__PURE__ */ e(xt, { className: "w-[240px] p-0", align: "start", children: /* @__PURE__ */ a(lt, { children: [
+      /* @__PURE__ */ e(nt, { placeholder: "Search…", className: "h-8 text-[12px]" }),
+      /* @__PURE__ */ a(ot, { children: [
+        /* @__PURE__ */ e(dt, { children: "Nothing matches." }),
         l.map((h) => /* @__PURE__ */ a(
-          ot,
+          it,
           {
             value: h.label,
             onSelect: () => {
@@ -133,9 +134,9 @@ function X({
             className: "text-[12px]",
             children: [
               /* @__PURE__ */ e(
-                Xe,
+                Ye,
                 {
-                  className: N(
+                  className: w(
                     "h-3.5 w-3.5",
                     h.value === o ? "text-nvr-cyan opacity-100" : "opacity-0"
                   )
@@ -150,12 +151,12 @@ function X({
     ] }) })
   ] });
 }
-function wt({ confidence: o }) {
+function yt({ confidence: o }) {
   const n = Math.round(o * 100), l = n >= 80 ? "text-emerald-700 dark:text-emerald-400" : n >= 50 ? "text-amber-700 dark:text-amber-400" : "text-slate-500";
   return /* @__PURE__ */ a(
     "span",
     {
-      className: N("shrink-0 text-[10.5px] font-medium tabular-nums", l),
+      className: w("shrink-0 text-[10.5px] font-medium tabular-nums", l),
       title: "AI mapping confidence",
       children: [
         "AI ",
@@ -165,19 +166,19 @@ function wt({ confidence: o }) {
     }
   );
 }
-function jt({
+function Ht({
   initialJobId: o,
   onJobOpen: n
 }) {
   var K;
-  const l = re(), u = Be(), [c, s] = b("list"), [g, C] = b(o ?? null), [h, T] = b("all"), [m, i] = b(1), [v, w] = b(null), p = U({
+  const l = re(), u = Ve(), [c, s] = b("list"), [g, C] = b(o ?? null), [h, T] = b("all"), [m, i] = b(1), [v, N] = b(null), p = U({
     queryKey: ["collection-import-jobs"],
     // The endpoint returns every job the caller may see, so the counters below
     // are exact rather than page-scoped.
     queryFn: () => l.request(W("/imports")),
     refetchInterval: (r) => {
       var k;
-      return (((k = r.state.data) == null ? void 0 : k.data) ?? []).some((A) => A.status === "pending" || A.status === "processing") ? 3e3 : !1;
+      return (((k = r.state.data) == null ? void 0 : k.data) ?? []).some((R) => R.status === "pending" || R.status === "processing") ? 3e3 : !1;
     },
     placeholderData: (r) => r
   }), P = j(() => {
@@ -201,17 +202,17 @@ function jt({
   ), O = h === "all" ? P : P.filter((r) => r.status === h), H = O.slice((m - 1) * ue, m * ue);
   Ae(() => i(1), [h]);
   const E = Q({
-    mutationFn: (r) => l.request(et(`/imports/${r}`)),
+    mutationFn: (r) => l.request(tt(`/imports/${r}`)),
     onSuccess: () => {
-      w(null), u.invalidateQueries({ queryKey: ["collection-import-jobs"] });
+      N(null), u.invalidateQueries({ queryKey: ["collection-import-jobs"] });
     },
-    onError: (r) => w(r.message)
+    onError: (r) => N(r.message)
   }), G = Q({
     mutationFn: (r) => l.request(I(`/imports/${r}/rollback`, {})),
     onSuccess: () => {
-      w(null), u.invalidateQueries({ queryKey: ["collection-import-jobs"] });
+      N(null), u.invalidateQueries({ queryKey: ["collection-import-jobs"] });
     },
-    onError: (r) => w(r.message)
+    onError: (r) => N(r.message)
   });
   function M(r) {
     C(r), n == null || n(r);
@@ -221,7 +222,7 @@ function jt({
       key: "status",
       header: "Status",
       className: "w-[110px]",
-      render: (r) => /* @__PURE__ */ e(Re, { status: r.status })
+      render: (r) => /* @__PURE__ */ e(Ee, { status: r.status })
     },
     {
       key: "file_name",
@@ -247,7 +248,7 @@ function jt({
       header: "Progress",
       className: "w-[130px]",
       render: (r) => /* @__PURE__ */ e(
-        vt,
+        Nt,
         {
           processed: r.processed_rows,
           total: r.total_rows,
@@ -292,7 +293,7 @@ function jt({
         {
           className: "text-[12px] text-slate-500 dark:text-muted-foreground",
           title: te(r.created_at),
-          children: tt(r.created_at)
+          children: rt(r.created_at)
         }
       )
     },
@@ -300,17 +301,17 @@ function jt({
       key: "__actions__",
       header: "",
       className: "w-[44px]",
-      render: (r) => /* @__PURE__ */ e("div", { onClick: (k) => k.stopPropagation(), onKeyDown: (k) => k.stopPropagation(), children: /* @__PURE__ */ a(dt, { children: [
-        /* @__PURE__ */ e(it, { asChild: !0, children: /* @__PURE__ */ e(
+      render: (r) => /* @__PURE__ */ e("div", { onClick: (k) => k.stopPropagation(), onKeyDown: (k) => k.stopPropagation(), children: /* @__PURE__ */ a(ct, { children: [
+        /* @__PURE__ */ e(mt, { asChild: !0, children: /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             className: "rounded p-1 text-slate-400 transition-colors hover:bg-slate-100 hover:text-slate-700 dark:hover:bg-muted",
             "aria-label": `Actions for ${r.file_name}`,
-            children: /* @__PURE__ */ e(He, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ e(Ge, { className: "h-4 w-4" })
           }
         ) }),
-        /* @__PURE__ */ a(ct, { align: "end", className: "text-[12.5px]", children: [
+        /* @__PURE__ */ a(pt, { align: "end", className: "text-[12.5px]", children: [
           /* @__PURE__ */ e(pe, { onSelect: () => M(r.id), children: "View details" }),
           /* @__PURE__ */ e(
             pe,
@@ -330,7 +331,7 @@ function jt({
               disabled: r.status !== "complete" && r.status !== "failed",
               onSelect: () => E.mutate(r.id),
               children: [
-                /* @__PURE__ */ e(Ge, { className: "h-3.5 w-3.5" }),
+                /* @__PURE__ */ e(Ze, { className: "h-3.5 w-3.5" }),
                 " Delete job"
               ]
             }
@@ -340,7 +341,7 @@ function jt({
     }
   ];
   return c === "wizard" ? /* @__PURE__ */ e(
-    kt,
+    Ct,
     {
       onCancel: () => s("list"),
       onCreated: (r) => {
@@ -351,7 +352,7 @@ function jt({
     v && /* @__PURE__ */ e("p", { className: "rounded-md border border-red-200 bg-red-50 px-3 py-2 text-[12px] text-red-700 dark:border-red-900 dark:bg-red-950/40 dark:text-red-400", children: v }),
     /* @__PURE__ */ a("div", { className: "flex flex-wrap items-stretch divide-x divide-slate-200 overflow-hidden rounded-lg border border-slate-200 bg-white dark:divide-border dark:border-border dark:bg-card", children: [
       /* @__PURE__ */ e(
-        $e,
+        Fe,
         {
           label: "All",
           count: P.length,
@@ -360,7 +361,7 @@ function jt({
         }
       ),
       Object.keys(J).map((r) => /* @__PURE__ */ e(
-        $e,
+        Fe,
         {
           label: J[r].label,
           dot: J[r].dot,
@@ -385,15 +386,15 @@ function jt({
       ] })
     ] }),
     P.length === 0 && !p.isLoading ? /* @__PURE__ */ e("div", { className: "rounded-lg border border-dashed border-slate-300 bg-white px-6 py-12 dark:border-border dark:bg-card", children: /* @__PURE__ */ a("div", { className: "max-w-[58ch]", children: [
-      /* @__PURE__ */ e(Ve, { className: "h-5 w-5 text-slate-300" }),
+      /* @__PURE__ */ e(je, { className: "h-5 w-5 text-slate-300" }),
       /* @__PURE__ */ e("h3", { className: "mt-3 text-[15px] font-semibold text-slate-900 dark:text-foreground", children: "No collection imports yet" }),
       /* @__PURE__ */ e("p", { className: "mt-1.5 text-[12.5px] leading-relaxed text-slate-500 dark:text-muted-foreground", children: "This is the row-by-row importer: a CSV's columns are mapped onto a collection's fields, and each row is created or updated through the normal item API — so validation, hooks and permissions all apply. Use it when you want records, not a staging table." }),
-      /* @__PURE__ */ a(R, { size: "sm", className: "mt-4", onClick: () => s("wizard"), children: [
+      /* @__PURE__ */ a(A, { size: "sm", className: "mt-4", onClick: () => s("wizard"), children: [
         /* @__PURE__ */ e(qe, { className: "h-3.5 w-3.5" }),
         " Start an import"
       ] })
     ] }) }) : /* @__PURE__ */ e("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ e(
-      at,
+      st,
       {
         columns: Z,
         rows: H,
@@ -408,13 +409,13 @@ function jt({
         minBodyHeight: 280,
         emptyMessage: "No import jobs match this filter.",
         rowClassName: (r) => r.status === "processing" ? "bg-nvr-cyan/5 dark:bg-nvr-cyan/10" : void 0,
-        toolbarRight: /* @__PURE__ */ a(R, { size: "sm", className: "h-7", onClick: () => s("wizard"), children: [
+        toolbarRight: /* @__PURE__ */ a(A, { size: "sm", className: "h-7", onClick: () => s("wizard"), children: [
           /* @__PURE__ */ e(qe, { className: "h-3.5 w-3.5" }),
           " New collection import"
         ] })
       }
     ) }),
-    /* @__PURE__ */ e(Ct, { jobId: g, onClose: () => M(null) })
+    /* @__PURE__ */ e(St, { jobId: g, onClose: () => M(null) })
   ] });
 }
 function Y({ n: o }) {
@@ -426,7 +427,7 @@ function ee({ label: o, value: n, tone: l }) {
     /* @__PURE__ */ e(
       "p",
       {
-        className: N(
+        className: w(
           "mt-0.5 text-[15px] font-semibold leading-none tabular-nums",
           l === "red" ? "text-red-600 dark:text-red-400" : "text-slate-900 dark:text-foreground"
         ),
@@ -435,7 +436,7 @@ function ee({ label: o, value: n, tone: l }) {
     )
   ] });
 }
-function $e({
+function Fe({
   label: o,
   count: n,
   dot: l,
@@ -448,25 +449,25 @@ function $e({
       type: "button",
       onClick: c,
       "aria-pressed": u,
-      className: N(
+      className: w(
         "flex items-center gap-1.5 px-3 py-2 transition-colors hover:bg-slate-50 dark:hover:bg-muted/40",
         u && "bg-nvr-cyan/10 ring-1 ring-inset ring-nvr-cyan dark:bg-nvr-cyan/15",
         !u && n === 0 && "opacity-45"
       ),
       children: [
-        l && /* @__PURE__ */ e("span", { className: N("h-1.5 w-1.5 shrink-0 rounded-full", l) }),
+        l && /* @__PURE__ */ e("span", { className: w("h-1.5 w-1.5 shrink-0 rounded-full", l) }),
         /* @__PURE__ */ e("span", { className: "text-[14px] font-semibold leading-none tabular-nums text-slate-900 dark:text-foreground", children: _(n) }),
         /* @__PURE__ */ e("span", { className: "text-[11px] font-medium leading-none text-slate-400 dark:text-muted-foreground", children: o })
       ]
     }
   );
 }
-function kt({
+function Ct({
   onCancel: o,
   onCreated: n
 }) {
-  var we, ke, ye, Ce;
-  const l = re(), u = De(null), [c, s] = b(0), [g, C] = b(""), [h, T] = b({}), [m, i] = b(""), [v, w] = b(""), [p, P] = b(""), [S, F] = b({}), [O, H] = b({}), [E, G] = b("skip"), [M, Z] = b(""), [K, r] = b(!1), [k, A] = b(null), [Ee, se] = b(!1), [Ie, Oe] = b(null), xe = De(null), { headers: y, rows: be, rowCount: le } = j(() => Nt(g), [g]);
+  var Ne, ke, ye, Ce;
+  const l = re(), u = De(null), [c, s] = b(0), [g, C] = b(""), [h, T] = b({}), [m, i] = b(""), [v, N] = b(""), [p, P] = b(""), [S, F] = b({}), [O, H] = b({}), [E, G] = b("skip"), [M, Z] = b(""), [K, r] = b(!1), [k, R] = b(null), [Ie, se] = b(!1), [Oe, Le] = b(null), xe = De(null), { headers: y, rows: be, rowCount: le } = j(() => kt(g), [g]);
   Ae(() => {
     if (!p || y.length === 0) return;
     const t = `${p}|${y.join("
")}`;
@@ -476,7 +477,7 @@ function kt({
         if (Object.values(q).some((x) => x == null ? void 0 : x.trim())) return q;
         const $ = {};
         for (const x of y) f.column_map[x] && ($[x] = f.column_map[x]);
-        return Object.keys($).length === 0 ? q : (Oe(
+        return Object.keys($).length === 0 ? q : (Le(
           f.updated_at ? `Applied your saved mapping from ${new Date(f.updated_at).toLocaleDateString()}` : "Applied your saved mapping"
         ), f.id_field && Z((x) => x || f.id_field || ""), f.duplicate_strategy && G((x) => x === "skip" && f.duplicate_strategy || x), $);
       });
@@ -504,7 +505,7 @@ function kt({
     enabled: c === 3 && !!p && !!g,
     staleTime: 3e4,
     retry: !1
-  }), D = (we = fe.data) == null ? void 0 : we.data, Le = (((ke = U({
+  }), D = (Ne = fe.data) == null ? void 0 : Ne.data, ze = (((ke = U({
     queryKey: ["import-collections"],
     queryFn: () => l.request(W("/collections")),
     staleTime: 6e4
@@ -525,9 +526,9 @@ function kt({
       })
     ),
     onSuccess: (t) => {
-      A(null), C(t.data.csv_data), i(t.data.file_name);
+      R(null), C(t.data.csv_data), i(t.data.file_name);
     },
-    onError: (t) => A(t.message)
+    onError: (t) => R(t.message)
   }), de = Q({
     mutationFn: () => l.request(
       I("/ai/map-columns", {
@@ -541,9 +542,9 @@ function kt({
       const d = (($ = t.data) == null ? void 0 : $.mappings) ?? t.mappings ?? [], f = { ...S }, q = {};
       for (const x of d)
         y.includes(x.column) && (f[x.column] = x.field ?? "", x.field && (q[x.column] = x.confidence ?? 0));
-      F(f), H(q), A(null);
+      F(f), H(q), R(null);
     },
-    onError: (t) => A(
+    onError: (t) => R(
       t.status === 503 ? "AI mapping needs an Anthropic API key — add one in Settings, or map the columns by hand." : t.message
     )
   }), ie = Q({
@@ -560,7 +561,7 @@ function kt({
       })
     ),
     onSuccess: (t) => n(t.data.id),
-    onError: (t) => A(t.message)
+    onError: (t) => R(t.message)
   });
   function ge(t, d) {
     F((f) => ({ ...f, [t]: d })), O[t] !== void 0 && H((f) => {
@@ -569,7 +570,7 @@ function kt({
     });
   }
   async function ve(t) {
-    t && (A(null), C(await t.text()), i(t.name));
+    t && (R(null), C(await t.text()), i(t.name));
   }
   const L = j(() => {
     const t = g.split(/\r?\n/).filter(($) => $.trim());
@@ -577,20 +578,20 @@ function kt({
     const d = ae(t[0]), f = t.slice(1, 2001).map(ae), q = {};
     return d.forEach(($, x) => {
       let z = 0, _e = 0, Se = 0, Pe = 0;
-      for (const Qe of f) {
-        const B = (Qe[x] ?? "").trim();
+      for (const Ke of f) {
+        const B = (Ke[x] ?? "").trim();
         B && (z++, /^-?\$?[\d,]+(\.\d+)?$/.test(B) ? _e++ : /^\d{4}-\d{2}-\d{2}/.test(B) || /^\d{1,2}\/\d{1,2}\/\d{2,4}$/.test(B) ? Se++ : /^(true|false|yes|no|y|n)$/i.test(B) && Pe++);
       }
-      const Ue = z === 0 ? "empty" : _e / z > 0.9 ? "number" : Se / z > 0.9 ? "date" : Pe / z > 0.9 ? "boolean" : "text";
-      q[$] = { fill: Math.round(z / f.length * 100), guess: Ue };
+      const Qe = z === 0 ? "empty" : _e / z > 0.9 ? "number" : Se / z > 0.9 ? "date" : Pe / z > 0.9 ? "boolean" : "text";
+      q[$] = { fill: Math.round(z / f.length * 100), guess: Qe };
     }), q;
   }, [g]), ce = y.filter((t) => {
     var d;
     return (d = S[t]) == null ? void 0 : d.trim();
-  }).length, Ne = Ie, ze = c === 0 ? y.length > 0 : c === 1 ? !!p && ce > 0 : !0;
+  }).length, we = Oe, Ue = c === 0 ? y.length > 0 : c === 1 ? !!p && ce > 0 : !0;
   return /* @__PURE__ */ a("div", { className: "flex min-h-0 flex-1 flex-col gap-4", children: [
     /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ a(R, { variant: "ghost", size: "sm", className: "h-7 px-2", onClick: o, children: [
+      /* @__PURE__ */ a(A, { variant: "ghost", size: "sm", className: "h-7 px-2", onClick: o, children: [
         /* @__PURE__ */ e(Me, { className: "h-3.5 w-3.5" }),
         " Back to jobs"
       ] }),
@@ -601,7 +602,7 @@ function kt({
             type: "button",
             onClick: () => d < c && s(d),
             disabled: d > c,
-            className: N(
+            className: w(
               "flex items-center gap-1.5 rounded-md px-2 py-1 text-[12px] font-medium transition-colors",
               d === c ? "bg-nvr-cyan/15 text-nvr-navy dark:bg-nvr-cyan/20 dark:text-nvr-cyan" : d < c ? "text-slate-600 hover:bg-slate-100 dark:text-muted-foreground dark:hover:bg-muted" : "text-slate-300 dark:text-slate-600"
             ),
@@ -646,12 +647,12 @@ function kt({
                 var d;
                 t.preventDefault(), se(!1), ve(((d = t.dataTransfer.files) == null ? void 0 : d[0]) ?? null);
               },
-              className: N(
+              className: w(
                 "flex flex-col items-center justify-center gap-1.5 rounded-md border border-dashed px-4 py-8 transition-colors",
-                Ee ? "border-nvr-cyan bg-nvr-cyan/10" : "border-slate-300 hover:border-slate-400 hover:bg-slate-50 dark:border-border dark:hover:bg-muted/30"
+                Ie ? "border-nvr-cyan bg-nvr-cyan/10" : "border-slate-300 hover:border-slate-400 hover:bg-slate-50 dark:border-border dark:hover:bg-muted/30"
               ),
               children: [
-                /* @__PURE__ */ e(je, { className: "h-4 w-4 text-slate-400" }),
+                /* @__PURE__ */ e(Je, { className: "h-4 w-4 text-slate-400" }),
                 /* @__PURE__ */ e("span", { className: "text-[12.5px] font-medium text-slate-700 dark:text-foreground", children: "Drop a CSV, or click to choose" }),
                 m && /* @__PURE__ */ e("span", { className: "font-mono text-[11px] text-slate-500", children: m })
               ]
@@ -659,7 +660,7 @@ function kt({
           ),
           /* @__PURE__ */ a("div", { className: "space-y-1.5", children: [
             /* @__PURE__ */ a(V, { className: "flex items-center gap-1.5 text-[11.5px]", children: [
-              /* @__PURE__ */ e(Je, { className: "h-3.5 w-3.5 text-slate-400" }),
+              /* @__PURE__ */ e(We, { className: "h-3.5 w-3.5 text-slate-400" }),
               " Or fetch from a URL"
             ] }),
             /* @__PURE__ */ a(
@@ -671,16 +672,16 @@ function kt({
                 },
                 children: [
                   /* @__PURE__ */ e(
-                    Te,
+                    $e,
                     {
                       value: v,
-                      onChange: (t) => w(t.target.value),
+                      onChange: (t) => N(t.target.value),
                       placeholder: "https://example.com/data.csv",
                       className: "h-8 font-mono text-[12px]"
                     }
                   ),
                   /* @__PURE__ */ e(
-                    R,
+                    A,
                     {
                       type: "submit",
                       variant: "outline",
@@ -699,7 +700,7 @@ function kt({
         /* @__PURE__ */ a("div", { className: "space-y-1.5", children: [
           /* @__PURE__ */ e(V, { className: "text-[11.5px]", children: "Or paste the rows" }),
           /* @__PURE__ */ e(
-            gt,
+            wt,
             {
               value: g,
               onChange: (t) => {
@@ -723,7 +724,7 @@ val1,val2,val3`,
             " ",
             "columns"
           ] }),
-          /* @__PURE__ */ e(yt, { headers: y, rows: be })
+          /* @__PURE__ */ e(_t, { headers: y, rows: be })
         ] })
       ] }),
       c === 1 && // Bounded width: a mapping row is a form field, and stretching the
@@ -738,14 +739,14 @@ val1,val2,val3`,
               {
                 value: p,
                 onChange: P,
-                options: Le,
+                options: ze,
                 placeholder: "Choose a collection…"
               }
             ) }),
             /* @__PURE__ */ e("p", { className: "text-[11px] text-slate-400", children: "Rows are written through the item API, so this collection's validation, hooks and permissions all apply." })
           ] }),
           /* @__PURE__ */ a(
-            R,
+            A,
             {
               variant: "outline",
               size: "sm",
@@ -753,7 +754,7 @@ val1,val2,val3`,
               disabled: !p || y.length === 0 || de.isPending,
               onClick: () => de.mutate(),
               children: [
-                de.isPending ? /* @__PURE__ */ e(me, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ e(We, { className: "h-3.5 w-3.5 text-nvr-cyan" }),
+                de.isPending ? /* @__PURE__ */ e(me, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ e(He, { className: "h-3.5 w-3.5 text-nvr-cyan" }),
                 "Match columns with AI"
               ]
             }
@@ -774,7 +775,7 @@ val1,val2,val3`,
                   L[t] && /* @__PURE__ */ a(
                     "span",
                     {
-                      className: N(
+                      className: w(
                         "ml-2 rounded px-1 py-0.5 font-sans text-[9.5px] font-medium",
                         L[t].fill < 50 ? "bg-amber-100 text-amber-700 dark:bg-amber-400/15 dark:text-amber-400" : "bg-slate-100 text-slate-500 dark:bg-muted dark:text-slate-400"
                       ),
@@ -801,7 +802,7 @@ val1,val2,val3`,
                       placeholder: "— skip this column —"
                     }
                   ) : /* @__PURE__ */ e(
-                    Te,
+                    $e,
                     {
                       value: S[t] ?? "",
                       onChange: (d) => ge(t, d.target.value),
@@ -809,7 +810,7 @@ val1,val2,val3`,
                       className: "h-8 font-mono text-[12px]"
                     }
                   ) }),
-                  O[t] !== void 0 && S[t] && /* @__PURE__ */ e(wt, { confidence: O[t] }),
+                  O[t] !== void 0 && S[t] && /* @__PURE__ */ e(yt, { confidence: O[t] }),
                   S[t] && /* @__PURE__ */ e("div", { className: "w-[120px]", children: /* @__PURE__ */ e(
                     X,
                     {
@@ -837,14 +838,14 @@ val1,val2,val3`,
           " of ",
           y.length,
           " columns mapped — unmapped columns are ignored.",
-          Ne && /* @__PURE__ */ e("span", { className: "ml-1.5 rounded bg-sky-500/10 px-1.5 py-0.5 text-[10.5px] font-medium text-sky-700 dark:text-sky-400", children: Ne })
+          we && /* @__PURE__ */ e("span", { className: "ml-1.5 rounded bg-sky-500/10 px-1.5 py-0.5 text-[10.5px] font-medium text-sky-700 dark:text-sky-400", children: we })
         ] })
       ] }),
       c === 2 && /* @__PURE__ */ a("div", { className: "max-w-[520px] space-y-4", children: [
         /* @__PURE__ */ a("div", { className: "space-y-1.5", children: [
           /* @__PURE__ */ e(V, { className: "text-[11.5px]", children: "When a record already exists" }),
           /* @__PURE__ */ e(
-            ht,
+            bt,
             {
               value: E,
               onChange: G,
@@ -859,7 +860,7 @@ val1,val2,val3`,
         ] }),
         /* @__PURE__ */ a("div", { className: "flex items-start gap-2.5 rounded-md border border-slate-200 bg-white px-3 py-2 dark:border-border dark:bg-card", children: [
           /* @__PURE__ */ e(
-            ft,
+            vt,
             {
               id: "csv-through-items",
               checked: K,
@@ -919,7 +920,7 @@ val1,val2,val3`,
             ].map((t) => /* @__PURE__ */ a(
               "span",
               {
-                className: N(
+                className: w(
                   "inline-flex items-center gap-1.5 rounded-full border bg-white px-2.5 py-1 text-[12px] font-medium dark:bg-card",
                   t.cls
                 ),
@@ -946,7 +947,7 @@ val1,val2,val3`,
                   /* @__PURE__ */ e(
                     "span",
                     {
-                      className: N(
+                      className: w(
                         "rounded px-1.5 py-0.5 text-[10.5px] font-semibold uppercase tracking-wide",
                         t.kind === "conflict" ? "bg-red-500/10 text-red-600 dark:text-red-400" : "bg-amber-400/10 text-amber-600 dark:text-amber-400"
                       ),
@@ -999,7 +1000,7 @@ val1,val2,val3`,
               /* @__PURE__ */ e(
                 "span",
                 {
-                  className: N(
+                  className: w(
                     "truncate text-[12.5px] text-slate-800 dark:text-foreground",
                     t.mono && "font-mono text-[12px]"
                   ),
@@ -1022,17 +1023,17 @@ val1,val2,val3`,
       ] })
     ] }),
     /* @__PURE__ */ a("div", { className: "flex shrink-0 items-center gap-2", children: [
-      c > 0 && /* @__PURE__ */ a(R, { variant: "ghost", size: "sm", onClick: () => s((t) => t - 1), children: [
+      c > 0 && /* @__PURE__ */ a(A, { variant: "ghost", size: "sm", onClick: () => s((t) => t - 1), children: [
         /* @__PURE__ */ e(Me, { className: "h-3.5 w-3.5" }),
         " Back"
       ] }),
       k && /* @__PURE__ */ e("p", { className: "text-[12px] text-red-600 dark:text-red-400", children: k }),
       /* @__PURE__ */ a("div", { className: "ml-auto flex items-center gap-2", children: [
-        /* @__PURE__ */ e(R, { variant: "ghost", size: "sm", onClick: o, children: "Cancel" }),
-        c < he.length - 1 ? /* @__PURE__ */ a(R, { size: "sm", disabled: !ze, onClick: () => s((t) => t + 1), children: [
+        /* @__PURE__ */ e(A, { variant: "ghost", size: "sm", onClick: o, children: "Cancel" }),
+        c < he.length - 1 ? /* @__PURE__ */ a(A, { size: "sm", disabled: !Ue, onClick: () => s((t) => t + 1), children: [
           "Next ",
-          /* @__PURE__ */ e(Fe, { className: "h-3.5 w-3.5" })
-        ] }) : /* @__PURE__ */ e(R, { size: "sm", disabled: ie.isPending, onClick: () => ie.mutate(), children: ie.isPending ? /* @__PURE__ */ a(Ke, { children: [
+          /* @__PURE__ */ e(Re, { className: "h-3.5 w-3.5" })
+        ] }) : /* @__PURE__ */ e(A, { size: "sm", disabled: ie.isPending, onClick: () => ie.mutate(), children: ie.isPending ? /* @__PURE__ */ a(Be, { children: [
           /* @__PURE__ */ e(me, { className: "h-3.5 w-3.5 animate-spin" }),
           " Starting…"
         ] }) : "Start import" })
@@ -1040,7 +1041,7 @@ val1,val2,val3`,
     ] })
   ] });
 }
-function yt({ headers: o, rows: n }) {
+function _t({ headers: o, rows: n }) {
   return /* @__PURE__ */ e("div", { className: "overflow-x-auto rounded-md border border-slate-200 dark:border-border", children: /* @__PURE__ */ a("table", { className: "w-full border-collapse", children: [
     /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { className: "bg-slate-50 dark:bg-muted/40", children: o.map((l) => /* @__PURE__ */ e(
       "th",
@@ -1064,20 +1065,20 @@ function yt({ headers: o, rows: n }) {
     )) })
   ] }) });
 }
-function Ct({ jobId: o, onClose: n }) {
+function St({ jobId: o, onClose: n }) {
   var h, T;
-  const l = Ye(), u = re(), s = (h = U({
+  const l = et(), u = re(), s = (h = U({
     queryKey: ["collection-import-job", o],
     queryFn: () => u.request(W(`/imports/${o}`)),
     enabled: !!o,
     refetchInterval: (m) => {
-      var i, v, w, p;
-      return ((v = (i = m.state.data) == null ? void 0 : i.data) == null ? void 0 : v.status) === "processing" || ((p = (w = m.state.data) == null ? void 0 : w.data) == null ? void 0 : p.status) === "pending" ? 2e3 : !1;
+      var i, v, N, p;
+      return ((v = (i = m.state.data) == null ? void 0 : i.data) == null ? void 0 : v.status) === "processing" || ((p = (N = m.state.data) == null ? void 0 : N.data) == null ? void 0 : p.status) === "pending" ? 2e3 : !1;
     }
   }).data) == null ? void 0 : h.data, g = Array.isArray(s == null ? void 0 : s.errors) ? s.errors : [], C = s != null && s.total_rows ? Math.min(100, Math.round((s.processed_rows ?? 0) / s.total_rows * 100)) : (s == null ? void 0 : s.status) === "complete" ? 100 : 0;
-  return /* @__PURE__ */ e(xt, { open: !!o, onOpenChange: (m) => !m && n(), children: /* @__PURE__ */ e(bt, { side: "right", className: "w-[min(560px,94vw)] p-0 sm:max-w-none", children: s ? /* @__PURE__ */ a("div", { className: "flex h-full flex-col", children: [
+  return /* @__PURE__ */ e(ft, { open: !!o, onOpenChange: (m) => !m && n(), children: /* @__PURE__ */ e(gt, { side: "right", className: "w-[min(560px,94vw)] p-0 sm:max-w-none", children: s ? /* @__PURE__ */ a("div", { className: "flex h-full flex-col", children: [
     /* @__PURE__ */ a("header", { className: "shrink-0 border-b border-slate-200 px-5 py-4 dark:border-border", children: [
-      /* @__PURE__ */ e(Re, { status: s.status }),
+      /* @__PURE__ */ e(Ee, { status: s.status }),
       /* @__PURE__ */ e("h2", { className: "mt-1.5 truncate font-mono text-[15px] font-semibold text-slate-900 dark:text-foreground", children: s.file_name }),
       /* @__PURE__ */ a("p", { className: "text-[11.5px] text-slate-400", children: [
         "into ",
@@ -1099,7 +1100,7 @@ function Ct({ jobId: o, onClose: n }) {
         /* @__PURE__ */ e("div", { className: "h-2 overflow-hidden rounded-full bg-slate-100 dark:bg-muted", children: /* @__PURE__ */ e(
           "div",
           {
-            className: N(
+            className: w(
               "h-full rounded-full transition-[width] duration-500",
               s.status === "failed" ? "bg-red-500" : "bg-nvr-cyan"
             ),
@@ -1124,7 +1125,7 @@ function Ct({ jobId: o, onClose: n }) {
         /* @__PURE__ */ e(
           "p",
           {
-            className: N(
+            className: w(
               "text-[15px] font-semibold tabular-nums",
               m.bad ? "text-red-600 dark:text-red-400" : "text-slate-900 dark:text-foreground"
             ),
@@ -1169,7 +1170,7 @@ function Ct({ jobId: o, onClose: n }) {
             className: "flex items-center gap-2 border-b border-slate-100 px-3 py-1.5 font-mono text-[11.5px] last:border-b-0 dark:border-border/60",
             children: [
               /* @__PURE__ */ e("span", { className: "flex-1 truncate text-slate-500 dark:text-muted-foreground", children: m }),
-              /* @__PURE__ */ e(Fe, { className: "h-3 w-3 shrink-0 text-slate-300" }),
+              /* @__PURE__ */ e(Re, { className: "h-3 w-3 shrink-0 text-slate-300" }),
               /* @__PURE__ */ e("span", { className: "flex-1 truncate text-slate-800 dark:text-foreground", children: i || /* @__PURE__ */ e("span", { className: "font-sans text-slate-400", children: "skipped" }) })
             ]
           },
@@ -1198,11 +1199,11 @@ function Ct({ jobId: o, onClose: n }) {
           ]
         }
       ) }),
-      g.length > 0 && /* @__PURE__ */ e(_t, { jobId: String(s.id), errors: g })
+      g.length > 0 && /* @__PURE__ */ e(Pt, { jobId: String(s.id), errors: g })
     ] })
   ] }) : /* @__PURE__ */ e("div", { className: "p-5 text-[12.5px] text-slate-400", children: "Loading job…" }) }) });
 }
-function _t({
+function Pt({
   jobId: o,
   errors: n
 }) {
@@ -1215,7 +1216,7 @@ function _t({
   }), h = C ?? [], T = h[0] ? Object.keys(h[0].values) : [], m = Q({
     mutationFn: ({ row: i, values: v }) => l.request(I(`/imports/${o}/repair-row`, { values: v })).then(() => i),
     onSuccess: (i) => g((v) => ({ ...v, [i]: "ok" })),
-    onError: (i, v) => g((w) => ({ ...w, [v.row]: i.message }))
+    onError: (i, v) => g((N) => ({ ...N, [v.row]: at(i, "The row was not created") }))
   });
   return h.length === 0 ? /* @__PURE__ */ a("section", { children: [
     /* @__PURE__ */ a("h3", { className: "mb-1.5 text-[11.5px] font-semibold text-red-700 dark:text-red-400", children: [
@@ -1223,14 +1224,19 @@ function _t({
       n.length,
       ")"
     ] }),
-    /* @__PURE__ */ e("div", { className: "max-h-[200px] overflow-auto rounded-md border border-red-200 dark:border-red-900", children: n.map((i) => /* @__PURE__ */ a(
+    /* @__PURE__ */ e("div", { className: "max-h-[200px] overflow-auto rounded-md border border-red-200 dark:border-red-900", children: n.map((i) => /* @__PURE__ */ e(
       "div",
       {
         className: "flex gap-3 border-b border-red-100 px-3 py-1.5 text-[11.5px] last:border-b-0 dark:border-red-900/60",
-        children: [
-          /* @__PURE__ */ e("span", { className: "shrink-0 font-mono tabular-nums text-slate-400", children: i.row }),
-          /* @__PURE__ */ e("span", { className: "text-red-700 dark:text-red-400", children: i.error })
-        ]
+        children: /* @__PURE__ */ a("span", { className: "text-red-700 dark:text-red-400", children: [
+          /* @__PURE__ */ a("span", { className: "font-medium tabular-nums", children: [
+            "Row ",
+            i.row,
+            ":"
+          ] }),
+          " ",
+          Te(i.error)
+        ] })
       },
       `${i.row}-${i.error}`
     )) })
@@ -1247,7 +1253,7 @@ function _t({
         /* @__PURE__ */ e("th", { className: "px-2 py-1" })
       ] }) }),
       /* @__PURE__ */ e("tbody", { children: h.map((i) => {
-        const v = u[i.row] ?? i.values, w = s[i.row];
+        const v = u[i.row] ?? i.values, N = s[i.row];
         return /* @__PURE__ */ a(
           "tr",
           {
@@ -1255,18 +1261,18 @@ function _t({
             children: [
               /* @__PURE__ */ a("td", { className: "px-2 py-1 font-mono tabular-nums text-slate-400", children: [
                 i.row,
-                /* @__PURE__ */ e("p", { className: "max-w-[120px] whitespace-normal text-[10px] text-red-500", children: i.error })
+                /* @__PURE__ */ e("p", { className: "max-w-[120px] whitespace-normal text-[10px] text-red-500", children: Te(i.error) })
               ] }),
               T.map((p) => /* @__PURE__ */ e("td", { className: "px-1 py-1", children: /* @__PURE__ */ e(
                 "input",
                 {
                   value: String(v[p] ?? ""),
-                  disabled: w === "ok",
+                  disabled: N === "ok",
                   onChange: (P) => c((S) => ({ ...S, [i.row]: { ...v, [p]: P.target.value } })),
                   className: "h-6 w-full min-w-[80px] rounded border border-slate-200 bg-background px-1 text-[11px] dark:border-border"
                 }
               ) }, p)),
-              /* @__PURE__ */ e("td", { className: "px-2 py-1", children: w === "ok" ? /* @__PURE__ */ e("span", { className: "text-[10.5px] font-medium text-emerald-600", children: "✓ Created" }) : /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("td", { className: "px-2 py-1", children: N === "ok" ? /* @__PURE__ */ e("span", { className: "text-[10.5px] font-medium text-emerald-600", children: "✓ Created" }) : /* @__PURE__ */ a("div", { children: [
                 /* @__PURE__ */ e(
                   "button",
                   {
@@ -1277,7 +1283,7 @@ function _t({
                     children: "Resubmit"
                   }
                 ),
-                w && w !== "ok" && /* @__PURE__ */ e("p", { className: "max-w-[140px] whitespace-normal text-[9.5px] text-red-500", children: w })
+                N && N !== "ok" && /* @__PURE__ */ e("p", { className: "max-w-[140px] whitespace-normal text-[9.5px] text-red-500", children: N })
               ] }) })
             ]
           },
@@ -1288,5 +1294,5 @@ function _t({
   ] });
 }
 export {
-  jt as CollectionImportPanel
+  Ht as CollectionImportPanel
 };