@nivaro/react 0.3.36 → 0.3.37

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

@@ -0,0 +1,69 @@
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { Download as p, Loader2 as N, Check as C } from "lucide-react";
+import { useState as d, useEffect as k } from "react";
+import { toast as g } from "sonner";
+import { Button as y } from "../ui/button.js";
+import { Command as b, CommandInput as v, CommandList as D, CommandEmpty as $, CommandGroup as S, CommandItem as O } from "../ui/command.js";
+import { Popover as P, PopoverTrigger as T, PopoverContent as j } from "../ui/popover.js";
+import { useDownload as B } from "./RunDetailSheet.js";
+import { definitionTitle as r } from "./types.js";
+function _({ definitions: n }) {
+  const [c, h] = d(!1), [x, m] = d(null), { download: u, busy: l, error: s } = B();
+  k(() => {
+    s && g.error(`Could not download the sample: ${s}`);
+  }, [s]);
+  const w = [...n].sort(
+    (e, o) => r(e).localeCompare(r(o))
+  );
+  return /* @__PURE__ */ a(P, { open: c, onOpenChange: h, children: [
+    /* @__PURE__ */ t(T, { asChild: !0, children: /* @__PURE__ */ a(
+      y,
+      {
+        size: "sm",
+        variant: "outline",
+        className: "h-7",
+        "data-import-sample-open": !0,
+        disabled: n.length === 0,
+        "data-tip": "A CSV with the columns an import reads and example rows",
+        children: [
+          /* @__PURE__ */ t(p, { className: "h-3.5 w-3.5" }),
+          /* @__PURE__ */ t("span", { className: "max-sm:sr-only", children: "Download sample" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ a(j, { align: "end", className: "w-[300px] p-0", children: [
+      /* @__PURE__ */ a(b, { children: [
+        /* @__PURE__ */ t(v, { placeholder: "Which import?", className: "h-9 text-[12.5px]" }),
+        /* @__PURE__ */ a(D, { className: "max-h-[320px]", children: [
+          /* @__PURE__ */ t($, { className: "py-4 text-center text-[12px] text-slate-500 dark:text-slate-400", children: "No import matches." }),
+          /* @__PURE__ */ t(S, { children: w.map((e) => {
+            const o = `/staged-imports/definitions/${e.id}/sample`, f = l === o;
+            return /* @__PURE__ */ a(
+              O,
+              {
+                value: `${r(e)} ${e.key}`,
+                "data-import-sample": e.key,
+                disabled: !!l,
+                onSelect: () => {
+                  u(o, `${e.key}_sample.csv`).then(() => {
+                    m(e.id), window.setTimeout(() => m((i) => i === e.id ? null : i), 2e3);
+                  });
+                },
+                className: "flex items-center gap-2 text-[12.5px]",
+                children: [
+                  /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate", children: r(e) }),
+                  f ? /* @__PURE__ */ t(N, { className: "h-3.5 w-3.5 shrink-0 text-slate-400 motion-safe:animate-spin" }) : x === e.id ? /* @__PURE__ */ t(C, { className: "h-3.5 w-3.5 shrink-0 text-emerald-600 dark:text-emerald-400" }) : /* @__PURE__ */ t(p, { className: "h-3.5 w-3.5 shrink-0 text-slate-400" })
+                ]
+              },
+              e.id
+            );
+          }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ t("p", { className: "border-t border-slate-100 px-3 py-2 text-[11px] leading-snug text-slate-500 dark:border-border dark:text-slate-400", children: "Headers the import reads, with example rows. Open it, replace the rows with yours, and upload it with New import." })
+    ] })
+  ] });
+}
+export {
+  _ as DownloadSampleButton
+};

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

@@ -1,128 +1,129 @@
 import { jsxs as a, jsx as t, Fragment as Ke } from "react/jsx-runtime";
 import { useQueryClient as Pe, useQuery as L, useMutation as ue } from "@tanstack/react-query";
-import { RefreshCw as Qe, Plus as me, AlertTriangle as Te, Upload as Fe, Ban as ve, MoreHorizontal as ze, ScrollText as Be, RotateCcw as Oe } from "lucide-react";
+import { RefreshCw as Qe, Plus as me, AlertTriangle as Te, Upload as Fe, Ban as ye, MoreHorizontal as Be, ScrollText as ze, RotateCcw as Oe } from "lucide-react";
 import { useState as c, useEffect as pe, useMemo as he, useRef as Ue } from "react";
 import { useNivaroClient as $e, useItemEditAuth as je, useNavigation as He, useItemNavigation as Ve } from "../../context.js";
 import { useDebounced as We } from "../../hooks/useDebounced.js";
 import { get as M, post as xe } from "../../lib/commands.js";
 import { useLiveEvent as Ge } from "../../lib/live.js";
-import { formatNumber as v, cn as I, formatRelative as Ye, formatDateTime as Ze } from "../../lib/utils.js";
+import { formatNumber as k, cn as D, formatRelative as Ye, formatDateTime as Ze } from "../../lib/utils.js";
 import { DataTable as Xe } from "../DataTable.js";
 import { Button as y } from "../ui/button.js";
 import { DropdownMenu as Je, DropdownMenuTrigger as et, DropdownMenuContent as tt, DropdownMenuItem as O } from "../ui/dropdown-menu.js";
 import { CollectionImportPanel as rt } from "./CollectionImportPanel.js";
 import { DefinitionHealthPanel as at } from "./DefinitionHealthPanel.js";
 import { DefinitionsPanel as nt } from "./DefinitionsPanel.js";
-import { NewImportDialog as ot } from "./NewImportDialog.js";
-import { RunDetailSheet as st } from "./RunDetailSheet.js";
-import { LIVE_POLL_MS as ge, queueStanding as fe, STATUS_STYLE as ke, useElapsed as it, StatusPill as Ne } from "./run-parts.js";
-import { RUN_STATUSES as lt, formatDuration as $, definitionTitle as dt, runnerName as ct } from "./types.js";
-const be = 25, ut = 3e4, mt = [
+import { DownloadSampleButton as ot } from "./DownloadSampleButton.js";
+import { NewImportDialog as st } from "./NewImportDialog.js";
+import { RunDetailSheet as it } from "./RunDetailSheet.js";
+import { LIVE_POLL_MS as ge, queueStanding as fe, STATUS_STYLE as ke, useElapsed as lt, StatusPill as Ne } from "./run-parts.js";
+import { RUN_STATUSES as dt, formatDuration as $, definitionTitle as ct, runnerName as ut } from "./types.js";
+const be = 25, mt = 3e4, pt = [
   { value: "7", label: "7d" },
   { value: "30", label: "30d" },
   { value: "90", label: "90d" },
   { value: "0", label: "All" }
-], pt = {
+], ht = {
   runs: "Staged imports",
   collection: "Collection imports",
   definitions: "Definitions"
 };
 function U({
   label: o,
-  value: s,
-  sub: i
+  value: i,
+  sub: l
 }) {
   return /* @__PURE__ */ a("div", { className: "px-3.5 py-2", children: [
     /* @__PURE__ */ t("p", { className: "text-[10.5px] font-medium text-slate-400 dark:text-muted-foreground", children: o }),
-    /* @__PURE__ */ t("p", { className: "mt-0.5 text-[15px] font-semibold leading-none tabular-nums text-slate-900 dark:text-foreground", children: s }),
-    i && /* @__PURE__ */ t("p", { className: "mt-1 text-[10.5px] leading-none text-slate-400", children: i })
+    /* @__PURE__ */ t("p", { className: "mt-0.5 text-[15px] font-semibold leading-none tabular-nums text-slate-900 dark:text-foreground", children: i }),
+    l && /* @__PURE__ */ t("p", { className: "mt-1 text-[10.5px] leading-none text-slate-400", children: l })
   ] });
 }
-function ye({
+function ve({
   label: o,
-  count: s,
-  status: i,
+  count: i,
+  status: l,
   active: m,
-  onClick: k
+  onClick: N
 }) {
   return /* @__PURE__ */ a(
     "button",
     {
       type: "button",
-      onClick: k,
+      onClick: N,
       "aria-pressed": m,
-      className: I(
+      className: D(
         "flex items-center gap-1.5 px-3 py-2 text-left transition-colors hover:bg-slate-50 dark:hover:bg-muted/40",
         m && "bg-nvr-cyan/10 ring-1 ring-inset ring-nvr-cyan dark:bg-nvr-cyan/15",
-        !m && s === 0 && "opacity-45"
+        !m && i === 0 && "opacity-45"
       ),
       children: [
-        i && /* @__PURE__ */ t("span", { className: I("h-1.5 w-1.5 shrink-0 rounded-full", ke[i].dot) }),
-        /* @__PURE__ */ t("span", { className: "text-[14px] font-semibold leading-none tabular-nums text-slate-900 dark:text-foreground", children: s == null ? "—" : v(s) }),
+        l && /* @__PURE__ */ t("span", { className: D("h-1.5 w-1.5 shrink-0 rounded-full", ke[l].dot) }),
+        /* @__PURE__ */ t("span", { className: "text-[14px] font-semibold leading-none tabular-nums text-slate-900 dark:text-foreground", children: i == null ? "—" : k(i) }),
         /* @__PURE__ */ t("span", { className: "text-[11px] font-medium leading-none text-slate-400 dark:text-muted-foreground", children: o })
       ]
     }
   );
 }
-function ht({
+function xt({
   run: o,
-  queuedCount: s,
-  stage: i,
+  queuedCount: i,
+  stage: l,
   standing: m,
-  canManage: k,
-  onOpen: N,
-  onCancel: D
+  canManage: N,
+  onOpen: w,
+  onCancel: I
 }) {
-  const l = o.status === "running", p = it(o.started_at ?? o.created_at, l);
+  const d = o.status === "running", p = lt(o.started_at ?? o.created_at, d);
   return /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1.5 rounded-lg border border-[#7ad9f2] bg-nvr-cyan/10 px-3.5 py-2.5 dark:border-[#0e5c72] dark:bg-nvr-cyan/10", children: [
-    /* @__PURE__ */ t(Ne, { status: l ? "running" : "queued" }),
+    /* @__PURE__ */ t(Ne, { status: d ? "running" : "queued" }),
     /* @__PURE__ */ t(
       "button",
       {
         type: "button",
-        onClick: N,
+        onClick: w,
         className: "font-mono text-[12px] font-medium text-slate-900 underline-offset-2 hover:underline dark:text-foreground",
         children: o.import_key
       }
     ),
-    l && p != null && /* @__PURE__ */ a("span", { className: "font-mono text-[12px] tabular-nums text-slate-600 dark:text-muted-foreground", children: [
+    d && p != null && /* @__PURE__ */ a("span", { className: "font-mono text-[12px] tabular-nums text-slate-600 dark:text-muted-foreground", children: [
       $(p),
       " elapsed"
     ] }),
-    i && /* @__PURE__ */ t("span", { className: "text-[12px] text-slate-600 dark:text-muted-foreground", children: i }),
-    !l && m && /* @__PURE__ */ t("span", { className: "text-[12px] text-slate-600 dark:text-muted-foreground", children: m }),
+    l && /* @__PURE__ */ t("span", { className: "text-[12px] text-slate-600 dark:text-muted-foreground", children: l }),
+    !d && m && /* @__PURE__ */ t("span", { className: "text-[12px] text-slate-600 dark:text-muted-foreground", children: m }),
     o.row_count != null && /* @__PURE__ */ a("span", { className: "text-[12px] tabular-nums text-slate-500 dark:text-muted-foreground", children: [
-      v(o.row_count),
+      k(o.row_count),
       " rows"
     ] }),
-    s > 0 && /* @__PURE__ */ a("span", { className: "text-[12px] text-slate-500 dark:text-muted-foreground", children: [
+    i > 0 && /* @__PURE__ */ a("span", { className: "text-[12px] text-slate-500 dark:text-muted-foreground", children: [
       "· ",
-      s,
+      i,
       " more queued"
     ] }),
-    k && /* @__PURE__ */ a(y, { variant: "ghost", size: "sm", className: "ml-auto h-7 px-2", onClick: D, children: [
-      /* @__PURE__ */ t(ve, { className: "h-3.5 w-3.5" }),
+    N && /* @__PURE__ */ a(y, { variant: "ghost", size: "sm", className: "ml-auto h-7 px-2", onClick: I, children: [
+      /* @__PURE__ */ t(ye, { className: "h-3.5 w-3.5" }),
       "Stop"
     ] })
   ] });
 }
-function Kt({
+function Qt({
   realtime: o,
-  defaultTab: s = "runs",
-  initialJobId: i,
+  defaultTab: i = "runs",
+  initialJobId: l,
   onJobOpen: m,
-  initialRunId: k = null,
-  onRunOpen: N,
-  initialDefinitionKey: D = null
+  initialRunId: N = null,
+  onRunOpen: w,
+  initialDefinitionKey: I = null
 }) {
   var ie, le, de, ce;
-  const l = $e(), p = Pe(), { isAdmin: d } = je(), j = He(), { open: we } = Ve(), _e = !!j.itemUrl || !!j.openItem, [w, H] = c(() => i ? "collection" : D && d ? "definitions" : s !== "runs" && !d ? "runs" : s), [h, R] = c("all"), [x, K] = c(""), [V, W] = c(""), [P, G] = c(1), [g, Y] = c("30"), [_, Ce] = c(k), C = (e) => {
-    Ce(e), N == null || N(e);
+  const d = $e(), p = Pe(), { isAdmin: s } = je(), j = He(), { open: we } = Ve(), _e = !!j.itemUrl || !!j.openItem, [b, H] = c(() => l ? "collection" : I && s ? "definitions" : i !== "runs" && !s ? "runs" : i), [h, R] = c("all"), [x, K] = c(""), [V, W] = c(""), [P, G] = c(1), [g, Y] = c("30"), [_, Ce] = c(N), C = (e) => {
+    Ce(e), w == null || w(e);
   }, [Se, Q] = c(!1), [Z, A] = c(null), [X, qe] = c({}), S = We(V, 300);
   pe(() => G(1), [h, x, S, g]);
   const T = L({
     queryKey: ["staged-import-definitions"],
-    queryFn: () => l.request(
+    queryFn: () => d.request(
       M("/staged-imports/definitions", { all: !0 })
     )
   }), f = he(
@@ -133,10 +134,10 @@ function Kt({
     [(ie = T.data) == null ? void 0 : ie.data]
   ), J = L({
     queryKey: ["staged-import-stats", g],
-    queryFn: () => l.request(M("/staged-imports/stats", { days: g }))
-  }), r = (le = J.data) == null ? void 0 : le.data, Ie = ((r == null ? void 0 : r.active.length) ?? 0) > 0 ? ge : ut, q = L({
+    queryFn: () => d.request(M("/staged-imports/stats", { days: g }))
+  }), r = (le = J.data) == null ? void 0 : le.data, De = ((r == null ? void 0 : r.active.length) ?? 0) > 0 ? ge : mt, q = L({
     queryKey: ["staged-import-runs", h, x, S, P, g],
-    queryFn: () => l.request(
+    queryFn: () => d.request(
       M("/staged-imports", {
         page: P,
         limit: be,
@@ -146,26 +147,26 @@ function Kt({
         ...S.trim() ? { search: S.trim() } : {}
       })
     ),
-    refetchInterval: Ie,
+    refetchInterval: De,
     // Refetching must not blank the table out from under someone reading it.
     placeholderData: (e) => e
   }), ee = ((de = q.data) == null ? void 0 : de.data) ?? [];
-  function b() {
+  function v() {
     p.invalidateQueries({ queryKey: ["staged-import-runs"] }), p.invalidateQueries({ queryKey: ["staged-import-stats"] }), p.invalidateQueries({ queryKey: ["collection-import-jobs"] });
   }
-  const te = Ue(b);
-  te.current = b, pe(() => {
+  const te = Ue(v);
+  te.current = v, pe(() => {
     if (o)
       return o.subscribe((e) => {
         qe((n) => ({
           ...n,
-          [e.id]: e.stage === "row_count" ? `${v(e.row_count ?? 0)} rows read` : e.stage === "preparing" ? "Preparing the staging table" : e.stage === "importing" ? "Importing the rows" : e.stage === "completed" ? "Completed" : typeof e.error == "string" && e.error ? e.error : "Failed"
+          [e.id]: e.stage === "row_count" ? `${k(e.row_count ?? 0)} rows read` : e.stage === "preparing" ? "Preparing the staging table" : e.stage === "importing" ? "Importing the rows" : e.stage === "completed" ? "Completed" : typeof e.error == "string" && e.error ? e.error : "Failed"
         })), te.current();
       });
   }, [o]);
-  const De = (r == null ? void 0 : r.by_status) ?? {}, E = (r == null ? void 0 : r.active) ?? [], u = E.find((e) => e.status === "running") ?? E[0], Ae = E.filter((e) => e.id !== (u == null ? void 0 : u.id)).length, re = (r == null ? void 0 : r.by_key) ?? {}, ae = E.some((e) => e.status === "queued"), ne = L({
+  const Ie = (r == null ? void 0 : r.by_status) ?? {}, E = (r == null ? void 0 : r.active) ?? [], u = E.find((e) => e.status === "running") ?? E[0], Ae = E.filter((e) => e.id !== (u == null ? void 0 : u.id)).length, re = (r == null ? void 0 : r.by_key) ?? {}, ae = E.some((e) => e.status === "queued"), ne = L({
     queryKey: ["staged-import-queue"],
-    queryFn: () => l.request(M("/staged-imports/queue")).then((e) => e.data ?? []),
+    queryFn: () => d.request(M("/staged-imports/queue")).then((e) => e.data ?? []),
     enabled: ae,
     refetchInterval: ae ? ge * 2 : !1,
     placeholderData: (e) => e
@@ -181,15 +182,15 @@ function Kt({
     { match: (e) => (e == null ? void 0 : e.kind) === "import", debounceMs: 400, includeOwn: !0 }
   );
   const oe = ue({
-    mutationFn: (e) => l.request(xe(`/staged-imports/${e}/requeue`)),
+    mutationFn: (e) => d.request(xe(`/staged-imports/${e}/requeue`)),
     onSuccess: () => {
-      A(null), b();
+      A(null), v();
     },
     onError: (e) => A(e.message)
-  }), z = ue({
-    mutationFn: (e) => l.request(xe(`/staged-imports/${e}/cancel`)),
+  }), B = ue({
+    mutationFn: (e) => d.request(xe(`/staged-imports/${e}/cancel`)),
     onSuccess: () => {
-      A(null), b();
+      A(null), v();
     },
     onError: (e) => A(e.message)
   }), Ee = [
@@ -231,7 +232,7 @@ function Kt({
       header: "Rows",
       className: "w-[90px] text-right",
       headerClassName: "text-right",
-      render: (e) => /* @__PURE__ */ t("span", { className: "font-mono text-[11.5px] tabular-nums text-slate-700 dark:text-foreground", children: e.row_count == null ? "—" : v(e.row_count) })
+      render: (e) => /* @__PURE__ */ t("span", { className: "font-mono text-[11.5px] tabular-nums text-slate-700 dark:text-foreground", children: e.row_count == null ? "—" : k(e.row_count) })
     },
     {
       key: "duration",
@@ -245,7 +246,7 @@ function Kt({
       header: "Queued by",
       className: "w-[150px]",
       render: (e) => {
-        const n = ct(e);
+        const n = ut(e);
         return n ? e.created_by && _e ? /* @__PURE__ */ t(
           "button",
           {
@@ -283,15 +284,15 @@ function Kt({
             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 run ${e.id}`,
-            children: /* @__PURE__ */ t(ze, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ t(Be, { className: "h-4 w-4" })
           }
         ) }),
         /* @__PURE__ */ a(tt, { align: "end", className: "text-[12.5px]", children: [
           /* @__PURE__ */ a(O, { onSelect: () => C(e.id), children: [
-            /* @__PURE__ */ t(Be, { className: "h-3.5 w-3.5" }),
+            /* @__PURE__ */ t(ze, { className: "h-3.5 w-3.5" }),
             " View details"
           ] }),
-          d && /* @__PURE__ */ a(
+          s && /* @__PURE__ */ a(
             O,
             {
               disabled: e.status === "running" || !e.file,
@@ -302,13 +303,13 @@ function Kt({
               ]
             }
           ),
-          d && /* @__PURE__ */ a(
+          s && /* @__PURE__ */ a(
             O,
             {
               disabled: e.status === "completed",
-              onSelect: () => z.mutate(e.id),
+              onSelect: () => B.mutate(e.id),
               children: [
-                /* @__PURE__ */ t(ve, { className: "h-3.5 w-3.5" }),
+                /* @__PURE__ */ t(ye, { className: "h-3.5 w-3.5" }),
                 " Cancel"
               ]
             }
@@ -316,19 +317,19 @@ function Kt({
         ] })
       ] }) })
     }
-  ], B = h !== "all" || !!x || !!S.trim(), se = ((r == null ? void 0 : r.all_time_total) ?? 0) === 0 && !J.isLoading, Le = !B && !se && ((r == null ? void 0 : r.total) ?? 0) === 0 && g !== "0", Me = _ != null ? ee.find((e) => e.id === _) : void 0;
+  ], z = h !== "all" || !!x || !!S.trim(), se = ((r == null ? void 0 : r.all_time_total) ?? 0) === 0 && !J.isLoading, Le = !z && !se && ((r == null ? void 0 : r.total) ?? 0) === 0 && g !== "0", Me = _ != null ? ee.find((e) => e.id === _) : void 0;
   return /* @__PURE__ */ a("div", { className: "flex min-h-0 flex-1 flex-col gap-3", children: [
     /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center gap-2", children: [
-      /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: ["runs", "collection", "definitions"].filter((e) => e === "runs" || d).map((e) => /* @__PURE__ */ t(
+      /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: ["runs", "collection", "definitions"].filter((e) => e === "runs" || s).map((e) => /* @__PURE__ */ t(
         "button",
         {
           type: "button",
           onClick: () => H(e),
-          className: I(
+          className: D(
             "rounded-md px-2.5 py-1 text-[12.5px] font-medium transition-colors",
-            w === e ? "bg-nvr-cyan/15 text-nvr-navy dark:bg-nvr-cyan/20 dark:text-nvr-cyan" : "text-slate-500 hover:bg-slate-100 hover:text-slate-800 dark:text-muted-foreground dark:hover:bg-muted"
+            b === e ? "bg-nvr-cyan/15 text-nvr-navy dark:bg-nvr-cyan/20 dark:text-nvr-cyan" : "text-slate-500 hover:bg-slate-100 hover:text-slate-800 dark:text-muted-foreground dark:hover:bg-muted"
           ),
-          children: pt[e]
+          children: ht[e]
         },
         e
       )) }),
@@ -339,20 +340,21 @@ function Kt({
             variant: "ghost",
             size: "sm",
             className: "h-7 px-2",
-            onClick: b,
+            onClick: v,
             "aria-label": "Refresh",
             children: /* @__PURE__ */ t(
               Qe,
               {
-                className: I(
+                className: D(
                   "h-3.5 w-3.5",
-                  w === "runs" && q.isFetching && "motion-safe:animate-spin"
+                  b === "runs" && q.isFetching && "motion-safe:animate-spin"
                 )
               }
             )
           }
         ),
-        d && w === "runs" && /* @__PURE__ */ a(y, { size: "sm", className: "h-7", onClick: () => Q(!0), children: [
+        s && b === "runs" && /* @__PURE__ */ t(ot, { definitions: f.filter((e) => e.is_active) }),
+        s && b === "runs" && /* @__PURE__ */ a(y, { size: "sm", className: "h-7", onClick: () => Q(!0), children: [
           /* @__PURE__ */ t(me, { className: "h-3.5 w-3.5" }),
           "New import"
         ] })
@@ -362,28 +364,28 @@ function Kt({
       /* @__PURE__ */ t(Te, { className: "h-3.5 w-3.5 shrink-0" }),
       Z
     ] }),
-    w === "collection" ? /* @__PURE__ */ t(rt, { initialJobId: i, onJobOpen: m }) : w === "definitions" ? /* @__PURE__ */ t(
+    b === "collection" ? /* @__PURE__ */ t(rt, { initialJobId: l, onJobOpen: m }) : b === "definitions" ? /* @__PURE__ */ t(
       nt,
       {
         definitions: f,
         runCounts: re,
         isLoading: T.isLoading,
-        initialKey: D
+        initialKey: I
       }
     ) : /* @__PURE__ */ a(Ke, { children: [
       u && /* @__PURE__ */ t(
-        ht,
+        xt,
         {
           run: u,
           queuedCount: Ae,
           stage: X[u.id] ?? null,
           standing: fe(F.get(u.id)),
-          canManage: d,
+          canManage: s,
           onOpen: () => C(u.id),
-          onCancel: () => z.mutate(u.id)
+          onCancel: () => B.mutate(u.id)
         }
       ),
-      d && f.length > 0 && /* @__PURE__ */ t(
+      s && f.length > 0 && /* @__PURE__ */ t(
         at,
         {
           definitions: f,
@@ -393,7 +395,7 @@ function Kt({
       ),
       /* @__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__ */ t(
-          ye,
+          ve,
           {
             label: "All",
             count: (r == null ? void 0 : r.total) ?? null,
@@ -401,12 +403,12 @@ function Kt({
             onClick: () => R("all")
           }
         ),
-        lt.map((e) => /* @__PURE__ */ t(
-          ye,
+        dt.map((e) => /* @__PURE__ */ t(
+          ve,
           {
             label: ke[e].label,
             status: e,
-            count: De[e] ?? 0,
+            count: Ie[e] ?? 0,
             active: h === e,
             onClick: () => R(h === e ? "all" : e)
           },
@@ -425,7 +427,7 @@ function Kt({
             U,
             {
               label: "Rows imported",
-              value: r ? v(r.rows_imported) : "—"
+              value: r ? k(r.rows_imported) : "—"
             }
           ),
           /* @__PURE__ */ t(
@@ -436,12 +438,12 @@ function Kt({
               sub: "completed runs"
             }
           ),
-          /* @__PURE__ */ t("div", { className: "flex items-center gap-0.5 px-2.5 py-2", children: mt.map((e) => /* @__PURE__ */ t(
+          /* @__PURE__ */ t("div", { className: "flex items-center gap-0.5 px-2.5 py-2", children: pt.map((e) => /* @__PURE__ */ t(
             "button",
             {
               type: "button",
               onClick: () => Y(e.value),
-              className: I(
+              className: D(
                 "rounded px-1.5 py-1 text-[11px] font-medium transition-colors",
                 g === e.value ? "bg-nvr-cyan/15 text-nvr-navy dark:bg-nvr-cyan/20 dark:text-nvr-cyan" : "text-slate-400 hover:bg-slate-100 hover:text-slate-700 dark:hover:bg-muted"
               ),
@@ -455,7 +457,7 @@ function Kt({
         /* @__PURE__ */ t(Fe, { className: "h-5 w-5 text-slate-300" }),
         /* @__PURE__ */ t("h3", { className: "mt-3 text-[15px] font-semibold text-slate-900 dark:text-foreground", children: "No imports have run yet" }),
         /* @__PURE__ */ t("p", { className: "mt-1.5 text-[12.5px] leading-relaxed text-slate-500 dark:text-muted-foreground", children: "An import reads a file and brings its rows into the records it is defined for. Runs are queued here and picked up by the worker within a few seconds. Runs that share a staging table go one at a time; others run side by side." }),
-        d && /* @__PURE__ */ a("div", { className: "mt-4 flex items-center gap-2", children: [
+        s && /* @__PURE__ */ a("div", { className: "mt-4 flex items-center gap-2", children: [
           /* @__PURE__ */ a(y, { size: "sm", onClick: () => Q(!0), children: [
             /* @__PURE__ */ t(me, { className: "h-3.5 w-3.5" }),
             " Queue an import"
@@ -465,7 +467,7 @@ function Kt({
       ] }) }) : /* @__PURE__ */ a("div", { className: "flex min-h-0 flex-1 flex-col gap-2", children: [
         Le && /* @__PURE__ */ a("p", { className: "flex flex-wrap items-center gap-2 rounded-md border border-slate-200 bg-white px-3 py-2 text-[12px] text-slate-600 dark:border-border dark:bg-card dark:text-muted-foreground", children: [
           "Nothing ran in this window. All ",
-          v((r == null ? void 0 : r.all_time_total) ?? 0),
+          k((r == null ? void 0 : r.all_time_total) ?? 0),
           " runs on record are older than it.",
           /* @__PURE__ */ t(
             "button",
@@ -500,7 +502,7 @@ function Kt({
                 // placeholder as its own clear-selection item, and a second
                 // option with an empty value is what Radix rejects.
                 placeholder: "All imports",
-                options: f.map((e) => ({ label: dt(e), value: e.key }))
+                options: f.map((e) => ({ label: ct(e), value: e.key }))
               }
             ],
             filterValues: { key: x },
@@ -508,9 +510,9 @@ function Kt({
             onRowClick: (e) => C(e.id),
             nowrapCells: !0,
             minBodyHeight: 280,
-            emptyMessage: B ? "No runs match these filters." : "No runs in this window — widen it above.",
+            emptyMessage: z ? "No runs match these filters." : "No runs in this window — widen it above.",
             rowClassName: (e) => e.status === "running" ? "bg-nvr-cyan/5 dark:bg-nvr-cyan/10" : void 0,
-            toolbarRight: B ? /* @__PURE__ */ t(
+            toolbarRight: z ? /* @__PURE__ */ t(
               y,
               {
                 variant: "ghost",
@@ -527,31 +529,31 @@ function Kt({
       ] })
     ] }),
     /* @__PURE__ */ t(
-      st,
+      it,
       {
         run: Me,
         runId: _,
         stage: _ != null ? X[_] ?? null : null,
-        isAdmin: d,
+        isAdmin: s,
         onClose: () => C(null),
         onRequeue: (e) => oe.mutate(e),
-        onCancel: (e) => z.mutate(e)
+        onCancel: (e) => B.mutate(e)
       }
     ),
-    d && /* @__PURE__ */ t(
-      ot,
+    s && /* @__PURE__ */ t(
+      st,
       {
         open: Se,
         onOpenChange: Q,
         definitions: f.filter((e) => e.is_active),
         runCounts: re,
         onQueued: (e) => {
-          b(), C(e);
+          v(), C(e);
         }
       }
     )
   ] });
 }
 export {
-  Kt as ImportConsole
+  Qt as ImportConsole
 };

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

@@ -3,11 +3,11 @@ import { useQueryClient as oe, useQuery as X, useMutation as Y } from "@tanstack
 import { FileSpreadsheet as Ne, Download as Z, RotateCcw as ve, Undo2 as ee, Ban as we, ArrowRight as ye, AlertTriangle as Ce, Loader2 as H, Search as _e, ChevronDown as ie, ChevronRight as ce, Check as ue, Copy as me, ExternalLink as $e } from "lucide-react";
 import { useState as N, useEffect as he, useMemo as pe } from "react";
 import { useNivaroClient as te, useApiFetchConfig as Re, useItemNavigation as Se } from "../../context.js";
-import { ExplainButton as Te } from "../ai/ExplainButton.js";
-import { useDebounced as Le } from "../../hooks/useDebounced.js";
+import { useDebounced as Te } from "../../hooks/useDebounced.js";
 import { get as xe, post as J } from "../../lib/commands.js";
-import { parseImportLog as qe } from "../../lib/import-log.js";
-import { formatDateTime as se, formatNumber as h, cn as b, formatFileSize as Ee, titleCase as Fe } from "../../lib/utils.js";
+import { parseImportLog as Le } from "../../lib/import-log.js";
+import { formatDateTime as se, formatNumber as h, cn as b, formatFileSize as qe, titleCase as Ee } from "../../lib/utils.js";
+import { ExplainButton as Fe } from "../ai/ExplainButton.js";
 import { Button as S } from "../ui/button.js";
 import { Input as Ke } from "../ui/input.js";
 import { Sheet as Pe, SheetContent as De, SheetTitle as je, SheetDescription as Me } from "../ui/sheet.js";
@@ -57,7 +57,7 @@ const B = 50, K = {
     bar: "bg-[#ef4444]",
     dot: "bg-[#ef4444]"
   }
-}, v = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#0ea5e9]/60 focus-visible:ring-offset-0", ge = (t) => Fe(
+}, v = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#0ea5e9]/60 focus-visible:ring-offset-0", ge = (t) => Ee(
   String(t ?? "").replace(/_junction$/i, " links").replace(/_/g, " ")
 );
 function le(t) {
@@ -497,7 +497,7 @@ function Ie({
   live: c
 }) {
   var O, U, z;
-  const p = te(), u = oe(), { download: s, busy: g, error: r } = ke(), [f, x] = N(""), [m, Q] = N(null), [w, L] = N(1), [q, D] = N(null), C = Le(f, 300);
+  const p = te(), u = oe(), { download: s, busy: g, error: r } = ke(), [f, x] = N(""), [m, Q] = N(null), [w, L] = N(1), [q, D] = N(null), C = Te(f, 300);
   he(() => L(1), [o, m, C, t]);
   const _ = { kind: o ?? "", collection: m ?? "", search: C, page: w, limit: B }, y = X({
     queryKey: ["staged-import-run-items", t, _],
@@ -1014,7 +1014,7 @@ function Nt({
                 /* @__PURE__ */ e(Ne, { className: "h-4 w-4 shrink-0 text-slate-400" }),
                 /* @__PURE__ */ a("div", { className: "min-w-0 flex-1", children: [
                   /* @__PURE__ */ e("p", { className: "truncate font-mono text-[11.5px] text-slate-800 dark:text-foreground", children: r.file_name ?? r.file }),
-                  r.file_size != null && /* @__PURE__ */ e("p", { className: "text-[11px] text-slate-500 dark:text-muted-foreground", children: Ee(Number(r.file_size)) })
+                  r.file_size != null && /* @__PURE__ */ e("p", { className: "text-[11px] text-slate-500 dark:text-muted-foreground", children: qe(Number(r.file_size)) })
                 ] }),
                 m && /* @__PURE__ */ e(
                   "a",
@@ -1033,7 +1033,7 @@ function Nt({
               ] }) : /* @__PURE__ */ e("p", { className: "text-[12px] text-slate-600 dark:text-muted-foreground", children: "No file is attached, so this run cannot be queued again." })
             ] }),
             l && r.status !== "running" && (r.status === "error" || (r.duration ?? 0) >= Ye) && /* @__PURE__ */ e("section", { "data-run-explain": !0, children: /* @__PURE__ */ e(
-              Te,
+              Fe,
               {
                 kind: "import-run",
                 params: { id: r.id },
@@ -1263,7 +1263,7 @@ function rt({ error: t }) {
 }
 function de({ run: t }) {
   const [n, o] = N(!1), l = pe(
-    () => qe(t.logs, t.status === "error"),
+    () => Le(t.logs, t.status === "error"),
     [t.logs, t.status]
   );
   if (!t.logs)
@@ -1329,5 +1329,6 @@ function de({ run: t }) {
   ] });
 }
 export {
-  Nt as RunDetailSheet
+  Nt as RunDetailSheet,
+  ke as useDownload
 };