chordia-ui 3.2.7 → 3.2.8

package/dist/UploadInteraction.es.js

@@ -1,34 +1,34 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { useState as m, useRef as x } from "react";
-import { Upload as S, CircleUser as w, Compass as z, Link2 as C, CloudUpload as k } from "lucide-react";
-const a = "var(--font-sans)", W = {
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { useState as v, useRef as W } from "react";
+import { Upload as F, CircleUser as D, Compass as R, Link2 as I, CloudUpload as T, X as H } from "lucide-react";
+const d = "var(--font-sans)", M = {
   padding: "40px 48px",
-  fontFamily: a,
+  fontFamily: d,
   minHeight: "100vh",
   background: "var(--grey-white)",
   boxSizing: "border-box"
-}, D = {
+}, j = {
   fontSize: "var(--text-4xl)",
   fontWeight: "var(--font-bold)",
-  fontFamily: a,
+  fontFamily: d,
   color: "var(--text-ink)",
   margin: 0,
   letterSpacing: "var(--tracking-tight)",
   lineHeight: "var(--leading-tight)"
-}, H = {
+}, L = {
   fontSize: 14,
   fontStyle: "normal",
   fontWeight: 400,
   lineHeight: "140%",
   color: "var(--color-text-secondary)",
   margin: "8px 0 0",
-  fontFamily: a
-}, I = {
+  fontFamily: d
+}, A = {
   display: "grid",
   gridTemplateColumns: "1fr 1fr",
   gap: 12,
   marginTop: "36px"
-}, v = {
+}, x = {
   display: "flex",
   height: 160,
   padding: 24,
@@ -42,10 +42,10 @@ const a = "var(--font-sans)", W = {
   transition: "var(--transition)",
   cursor: "default",
   gap: 8
-}, M = {
-  ...v,
+}, B = {
+  ...x,
   boxShadow: "var(--shadow-sm)"
-}, T = {
+}, E = {
   width: 40,
   height: 40,
   borderRadius: "var(--radius)",
@@ -54,24 +54,24 @@ const a = "var(--font-sans)", W = {
   alignItems: "center",
   justifyContent: "center",
   color: "var(--text-base)"
-}, F = {
+}, U = {
   color: "var(--grey-strong)",
   fontSize: 20,
   fontStyle: "normal",
   fontWeight: 600,
   lineHeight: "normal",
-  fontFamily: a,
+  fontFamily: d,
   margin: 0
-}, L = {
+}, $ = {
   fontSize: 13,
   fontStyle: "normal",
   fontWeight: 400,
   lineHeight: "140%",
   color: "var(--text-base)",
   margin: 0,
-  fontFamily: a,
+  fontFamily: d,
   flex: "1 0 0"
-}, A = {
+}, P = {
   display: "flex",
   height: 28,
   padding: 10,
@@ -84,70 +84,70 @@ const a = "var(--font-sans)", W = {
   fontStyle: "normal",
   fontWeight: 600,
   lineHeight: 1,
-  fontFamily: a,
+  fontFamily: d,
   color: "var(--grey-white)",
   border: "none",
   cursor: "pointer",
   transition: "var(--transition-fast)",
   outline: "none",
   boxSizing: "border-box"
-}, R = {
+}, O = {
   flex: 1,
   height: 8,
   borderRadius: 4,
   background: "var(--border)",
   overflow: "hidden"
-}, B = (o) => ({
-  width: `${o}%`,
+}, V = (r) => ({
+  width: `${r}%`,
   height: "100%",
   borderRadius: 4,
   background: "var(--color-green)",
   transition: "width 0.4s ease-out"
-}), E = {
+}), q = {
   display: "inline-flex",
   alignItems: "center",
   gap: 4,
   fontSize: "var(--text-xs)",
   fontWeight: "var(--font-semibold)",
   color: "var(--rail-compliance)",
-  fontFamily: a,
+  fontFamily: d,
   marginLeft: 12
 };
-function y({ icon: o, title: l, description: r, buttonLabel: s, onAction: g, recommended: h, children: p }) {
-  const [d, f] = m(!1);
-  return /* @__PURE__ */ n(
+function y({ icon: r, title: h, description: n, buttonLabel: p, onAction: c, recommended: u, children: g }) {
+  const [f, s] = v(!1);
+  return /* @__PURE__ */ o(
     "div",
     {
-      style: d ? M : v,
-      onMouseEnter: () => f(!0),
-      onMouseLeave: () => f(!1),
+      style: f ? B : x,
+      onMouseEnter: () => s(!0),
+      onMouseLeave: () => s(!1),
       children: [
-        /* @__PURE__ */ n("div", { children: [
-          /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
-            /* @__PURE__ */ e("div", { style: T, children: o }),
-            /* @__PURE__ */ e("h3", { style: F, children: l })
+        /* @__PURE__ */ o("div", { children: [
+          /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
+            /* @__PURE__ */ e("div", { style: E, children: r }),
+            /* @__PURE__ */ e("h3", { style: U, children: h })
           ] }),
-          /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 4, marginLeft: 52, marginTop: 4 }, children: [
-            r && /* @__PURE__ */ e("p", { style: L, children: r }),
-            p
+          /* @__PURE__ */ o("div", { style: { display: "flex", flexDirection: "column", gap: 4, marginLeft: 52, marginTop: 4 }, children: [
+            n && /* @__PURE__ */ e("p", { style: $, children: n }),
+            g
           ] })
         ] }),
-        /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", marginLeft: 52 }, children: [
+        /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", marginLeft: 52 }, children: [
           /* @__PURE__ */ e(
             "button",
             {
-              style: A,
-              onClick: g,
-              onMouseEnter: (t) => {
-                t.currentTarget.style.opacity = "0.85";
+              style: P,
+              onClick: c,
+              onMouseEnter: (i) => {
+                i.currentTarget.style.opacity = "0.85";
               },
-              onMouseLeave: (t) => {
-                t.currentTarget.style.opacity = "1";
+              onMouseLeave: (i) => {
+                i.currentTarget.style.opacity = "1";
               },
-              children: s
+              children: p
             }
           ),
-          h && /* @__PURE__ */ n("span", { style: E, children: [
+          u && /* @__PURE__ */ o("span", { style: q, children: [
             /* @__PURE__ */ e("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z" }) }),
             "Recommended"
           ] })
@@ -156,47 +156,47 @@ function y({ icon: o, title: l, description: r, buttonLabel: s, onAction: g, rec
     }
   );
 }
-const Q = ({
-  userName: o = "Will",
-  stepsCompleted: l = 4,
-  totalSteps: r = 6,
-  onUpload: s,
-  onContinue: g,
-  onExplore: h,
-  onConnect: p
+const oe = ({
+  userName: r = "Will",
+  stepsCompleted: h = 4,
+  totalSteps: n = 6,
+  onUpload: p,
+  onContinue: c,
+  onExplore: u,
+  onConnect: g
 }) => {
-  const d = l / r * 100;
-  return /* @__PURE__ */ n("div", { style: W, children: [
-    /* @__PURE__ */ n("h1", { style: D, children: [
+  const f = h / n * 100;
+  return /* @__PURE__ */ o("div", { style: M, children: [
+    /* @__PURE__ */ o("h1", { style: j, children: [
       "Welcome ",
-      o
+      r
     ] }),
-    /* @__PURE__ */ e("p", { style: H, children: "Get started with your project or explore new features" }),
-    /* @__PURE__ */ n("div", { style: I, children: [
+    /* @__PURE__ */ e("p", { style: L, children: "Get started with your project or explore new features" }),
+    /* @__PURE__ */ o("div", { style: A, children: [
       /* @__PURE__ */ e(
         y,
         {
-          icon: /* @__PURE__ */ e(S, { size: 24 }),
+          icon: /* @__PURE__ */ e(F, { size: 24 }),
           title: "Upload and Evaluate Audio",
           description: "Upload Audio Files to Run Evaluations: MP3, WMA or WAV (up to 50 files, max 325MB total)",
           buttonLabel: "Upload",
-          onAction: s
+          onAction: p
         }
       ),
       /* @__PURE__ */ e(
         y,
         {
-          icon: /* @__PURE__ */ e(w, { size: 24 }),
+          icon: /* @__PURE__ */ e(D, { size: 24 }),
           title: "Getting started with Chordia",
           description: "Complete these steps to get the most out of Chordia.",
           buttonLabel: "Continue",
-          onAction: g,
-          children: /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: 8, width: "100%" }, children: [
-            /* @__PURE__ */ e("div", { style: R, children: /* @__PURE__ */ e("div", { style: B(d) }) }),
-            /* @__PURE__ */ n("span", { style: { fontSize: 12, color: "var(--text-muted)", fontFamily: a, whiteSpace: "nowrap" }, children: [
-              /* @__PURE__ */ e("strong", { style: { color: "var(--text-base)", fontWeight: 600 }, children: l }),
+          onAction: c,
+          children: /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", gap: 8, width: "100%" }, children: [
+            /* @__PURE__ */ e("div", { style: O, children: /* @__PURE__ */ e("div", { style: V(f) }) }),
+            /* @__PURE__ */ o("span", { style: { fontSize: 12, color: "var(--text-muted)", fontFamily: d, whiteSpace: "nowrap" }, children: [
+              /* @__PURE__ */ e("strong", { style: { color: "var(--text-base)", fontWeight: 600 }, children: h }),
               " of ",
-              r,
+              n,
               " steps completed"
             ] })
           ] })
@@ -205,45 +205,45 @@ const Q = ({
       /* @__PURE__ */ e(
         y,
         {
-          icon: /* @__PURE__ */ e(z, { size: 24 }),
+          icon: /* @__PURE__ */ e(R, { size: 24 }),
           title: "Explore Demo Projects",
           description: "Explore how Chordia Compass transforms real data into insights with plans, dashboards, and evaluations.",
           buttonLabel: "Explore",
-          onAction: h,
+          onAction: u,
           recommended: !0
         }
       ),
       /* @__PURE__ */ e(
         y,
         {
-          icon: /* @__PURE__ */ e(C, { size: 24 }),
+          icon: /* @__PURE__ */ e(I, { size: 24 }),
           title: "Connect Data Source",
           description: "Connect and integrate third-party tools with your external data sources.",
           buttonLabel: "Connect",
-          onAction: p
+          onAction: g
         }
       )
     ] })
   ] });
-}, c = "var(--font-sans)", j = {
-  fontFamily: c
-}, U = {
+}, l = "var(--font-sans)", G = {
+  fontFamily: l
+}, Y = {
   fontSize: 20,
   fontWeight: 600,
   fontStyle: "normal",
-  fontFamily: c,
+  fontFamily: l,
   color: "var(--grey-strong)",
   margin: 0,
   lineHeight: "normal"
-}, P = {
+}, N = {
   fontSize: 13,
   fontWeight: 400,
   fontStyle: "normal",
   color: "var(--color-text-secondary)",
-  fontFamily: c,
+  fontFamily: l,
   margin: "4px 0 0",
   lineHeight: "140%"
-}, b = {
+}, w = {
   display: "flex",
   flexDirection: "column",
   alignItems: "center",
@@ -258,11 +258,11 @@ const Q = ({
   transition: "var(--transition-fast)",
   marginTop: 24,
   padding: "48px 24px"
-}, O = {
-  ...b,
+}, X = {
+  ...w,
   borderColor: "var(--color-green)",
   background: "var(--color-green-ring)"
-}, V = {
+}, J = {
   width: 80,
   height: 80,
   borderRadius: 9999,
@@ -272,15 +272,15 @@ const Q = ({
   justifyContent: "center",
   flexShrink: 0,
   marginBottom: 20
-}, $ = {
+}, K = {
   fontSize: 18,
   fontWeight: 600,
-  fontFamily: c,
+  fontFamily: l,
   color: "var(--grey-strong)",
   textAlign: "center",
   lineHeight: "28px",
   margin: 0
-}, G = {
+}, Q = {
   display: "flex",
   height: 32,
   padding: 16,
@@ -292,70 +292,74 @@ const Q = ({
   background: "var(--grey-white)",
   fontSize: 15,
   fontWeight: 400,
-  fontFamily: c,
+  fontFamily: l,
   color: "var(--grey-strong)",
   cursor: "pointer",
   transition: "var(--transition-fast)",
   outline: "none",
   marginTop: 16,
   boxSizing: "border-box"
-}, q = {
+}, Z = {
   fontSize: 14,
   fontWeight: 400,
-  fontFamily: c,
+  fontFamily: l,
   color: "var(--grey-muted)",
   textAlign: "center",
   marginTop: 16,
   lineHeight: "140%"
-}, X = ({ onFileSelect: o }) => {
-  const [l, r] = m(!1), s = x(null), g = (t) => {
-    t.preventDefault(), r(!0);
-  }, h = () => {
-    r(!1);
-  }, p = (t) => {
-    var u;
-    t.preventDefault(), r(!1);
-    const i = (u = t.dataTransfer) == null ? void 0 : u.files;
-    i != null && i.length && (o == null || o(i));
-  }, d = () => {
+}, re = ({
+  onFileSelect: r,
+  showUploadQueuedMessage: h = !1,
+  uploadSummary: n = { successCount: 0, failedCount: 0, primaryFailureReason: "" }
+}) => {
+  const [p, c] = v(!1), [u, g] = v(!1), f = W(null), s = (n == null ? void 0 : n.successCount) || 0, i = (n == null ? void 0 : n.failedCount) || 0, C = (n == null ? void 0 : n.primaryFailureReason) || "", z = (t) => {
+    t.preventDefault(), c(!0);
+  }, S = () => {
+    c(!1);
+  }, k = (t) => {
+    var m;
+    t.preventDefault(), c(!1), g(!1);
+    const a = (m = t.dataTransfer) == null ? void 0 : m.files;
+    a != null && a.length && (r == null || r(a));
+  }, b = () => {
     var t;
-    (t = s.current) == null || t.click();
+    (t = f.current) == null || t.click();
   };
-  return /* @__PURE__ */ n("div", { style: j, children: [
-    /* @__PURE__ */ e("h2", { style: U, children: "Evaluate Interaction" }),
-    /* @__PURE__ */ e("p", { style: P, children: "Upload interactions to generate insights, explore results, and identify patterns." }),
+  return /* @__PURE__ */ o("div", { style: G, children: [
+    /* @__PURE__ */ e("h2", { style: Y, children: "Evaluate Interaction" }),
+    /* @__PURE__ */ e("p", { style: N, children: "Upload interactions to generate insights, explore results, and identify patterns." }),
     /* @__PURE__ */ e(
       "input",
       {
-        ref: s,
+        ref: f,
         type: "file",
         accept: "audio/mpeg,audio/wav,audio/x-ms-wma,audio/mp4,video/mp4,video/webm",
         multiple: !0,
         style: { display: "none" },
         onChange: (t) => {
-          const i = t.target.files;
-          i != null && i.length && (o == null || o(i)), t.target.value = "";
+          const a = t.target.files;
+          a != null && a.length && (g(!1), r == null || r(a)), t.target.value = "";
         }
       }
     ),
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ o(
       "div",
       {
-        style: l ? O : b,
-        onDragOver: g,
-        onDragLeave: h,
-        onDrop: p,
-        onClick: d,
+        style: p ? X : w,
+        onDragOver: z,
+        onDragLeave: S,
+        onDrop: k,
+        onClick: b,
         children: [
-          /* @__PURE__ */ e("div", { style: V, children: /* @__PURE__ */ e(k, { size: 32, color: "var(--grey-strong)" }) }),
-          /* @__PURE__ */ e("p", { style: $, children: "Drop your file here, or" }),
+          /* @__PURE__ */ e("div", { style: J, children: /* @__PURE__ */ e(T, { size: 32, color: "var(--grey-strong)" }) }),
+          /* @__PURE__ */ e("p", { style: K, children: "Drop your file here, or" }),
           /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              style: G,
+              style: Q,
               onClick: (t) => {
-                t.stopPropagation(), d();
+                t.stopPropagation(), b();
               },
               onMouseEnter: (t) => {
                 t.currentTarget.style.background = "var(--hover-warm-subtle)";
@@ -366,14 +370,55 @@ const Q = ({
               children: "Browse files"
             }
           ),
-          /* @__PURE__ */ e("p", { style: q, children: "Supports: MP3, WAV, WMA, MP4, and WEBM" })
+          /* @__PURE__ */ e("p", { style: Z, children: "Supports: MP3, WAV, WMA, MP4, and WEBM" })
+        ]
+      }
+    ),
+    h && !u && /* @__PURE__ */ o(
+      "div",
+      {
+        style: {
+          marginTop: 16,
+          borderRadius: 10,
+          border: "1px solid var(--border)",
+          background: "var(--grey-light)",
+          padding: "var(--spacing-2) var(--spacing-3)"
+        },
+        children: [
+          /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 12 }, children: [
+            /* @__PURE__ */ e("p", { style: { fontSize: 15, fontWeight: 600, fontFamily: l, color: "var(--grey-strong)" }, children: "Upload status" }),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  width: 20,
+                  height: 20,
+                  borderRadius: 10,
+                  background: "var(--grey-light)",
+                  cursor: "pointer",
+                  border: "none",
+                  outline: "none",
+                  padding: 0,
+                  margin: 0
+                },
+                onClick: () => g(!0),
+                children: /* @__PURE__ */ e(H, { size: 14, color: "var(--grey-strong)" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e("p", { style: { fontSize: 13, fontWeight: 400, fontFamily: l, color: "var(--grey-strong)", marginTop: 8 }, children: i > 0 && s > 0 ? `${s} file${s > 1 ? "s are" : " is"} successfully uploaded and ${i} file${i > 1 ? "s are" : " is"} failed.` : i > 0 ? `${i} file${i > 1 ? "s" : ""} failed to upload.` : s > 1 ? `${s} files are queued for evaluation.` : "Your file is queued for evaluation." }),
+          /* @__PURE__ */ e("p", { className: "mt-1 text-xs text-gray-600", children: i > 0 ? `Failed because ${C || "of a validation issue"}.` : "You can continue using the app while upload runs in the background. Results will appear in the project history once ready." })
         ]
       }
     )
   ] });
 };
 export {
-  Q as U,
-  X as a
+  oe as U,
+  re as a
 };
 //# sourceMappingURL=UploadInteraction.es.js.map

package/dist/UploadInteraction.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadInteraction.es.js","sources":["../src/components/onboarding/UploadEvaluate.jsx","../src/components/onboarding/UploadInteraction.jsx"],"sourcesContent":["import { useState } from 'react';\nimport { Upload, CircleUser, Compass, Link2 } from 'lucide-react';\n\nconst FF = 'var(--font-sans)';\n\n// ─── Styles ───\n\nconst containerStyle = {\n  padding: '40px 48px',\n  fontFamily: FF,\n  minHeight: '100vh',\n  background: 'var(--grey-white)',\n  boxSizing: 'border-box',\n};\n\nconst headingStyle = {\n  fontSize: 'var(--text-4xl)',\n  fontWeight: 'var(--font-bold)',\n  fontFamily: FF,\n  color: 'var(--text-ink)',\n  margin: 0,\n  letterSpacing: 'var(--tracking-tight)',\n  lineHeight: 'var(--leading-tight)',\n};\n\nconst subtitleStyle = {\n  fontSize: 14,\n  fontStyle: 'normal',\n  fontWeight: 400,\n  lineHeight: '140%',\n  color: 'var(--color-text-secondary)',\n  margin: '8px 0 0',\n  fontFamily: FF,\n};\n\nconst gridStyle = {\n  display: 'grid',\n  gridTemplateColumns: '1fr 1fr',\n  gap: 12,\n  marginTop: '36px',\n};\n\nconst cardStyle = {\n  display: 'flex',\n  height: 160,\n  padding: 24,\n  flexDirection: 'column',\n  justifyContent: 'space-between',\n  alignItems: 'flex-start',\n  borderRadius: 12,\n  border: '1px solid var(--grey-absent)',\n  background: 'var(--grey-white)',\n  boxSizing: 'border-box',\n  transition: 'var(--transition)',\n  cursor: 'default',\n  gap: 8\n};\n\nconst cardHoverStyle = {\n  ...cardStyle,\n  boxShadow: 'var(--shadow-sm)',\n};\n\nconst iconWrapperStyle = {\n  width: 40,\n  height: 40,\n  borderRadius: 'var(--radius)',\n  background: 'var(--paper-secondary)',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  color: 'var(--text-base)',\n};\n\nconst cardTitleStyle = {\n  color: 'var(--grey-strong)',\n  fontSize: 20,\n  fontStyle: 'normal',\n  fontWeight: 600,\n  lineHeight: 'normal',\n  fontFamily: FF,\n  margin: 0,\n};\n\nconst cardDescStyle = {\n  fontSize: 13,\n  fontStyle: 'normal',\n  fontWeight: 400,\n  lineHeight: '140%',\n  color: 'var(--text-base)',\n  margin: 0,\n  fontFamily: FF,\n  flex: '1 0 0',\n};\n\nconst btnStyle = {\n  display: 'flex',\n  height: 28,\n  padding: 10,\n  justifyContent: 'center',\n  alignItems: 'center',\n  gap: 10,\n  borderRadius: 10,\n  background: 'var(--grey-strong)',\n  fontSize: 14,\n  fontStyle: 'normal',\n  fontWeight: 600,\n  lineHeight: 1,\n  fontFamily: FF,\n  color: 'var(--grey-white)',\n  border: 'none',\n  cursor: 'pointer',\n  transition: 'var(--transition-fast)',\n  outline: 'none',\n  boxSizing: 'border-box',\n};\n\nconst progressBarBg = {\n  flex: 1,\n  height: 8,\n  borderRadius: 4,\n  background: 'var(--border)',\n  overflow: 'hidden',\n};\n\nconst progressBarFill = (pct) => ({\n  width: `${pct}%`,\n  height: '100%',\n  borderRadius: 4,\n  background: 'var(--color-green)',\n  transition: 'width 0.4s ease-out',\n});\n\nconst recommendedBadge = {\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: 4,\n  fontSize: 'var(--text-xs)',\n  fontWeight: 'var(--font-semibold)',\n  color: 'var(--rail-compliance)',\n  fontFamily: FF,\n  marginLeft: 12,\n};\n\n// ─── Card Component ───\n\nfunction OnboardingCard({ icon, title, description, buttonLabel, onAction, recommended, children }) {\n  const [hovered, setHovered] = useState(false);\n\n  return (\n    <div\n      style={hovered ? cardHoverStyle : cardStyle}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n    >\n      <div>\n        <div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>\n          <div style={iconWrapperStyle}>{icon}</div>\n          <h3 style={cardTitleStyle}>{title}</h3>\n        </div>\n        <div style={{ display: 'flex', flexDirection: 'column', gap: 4, marginLeft: 52, marginTop: 4 }}>\n          {description && <p style={cardDescStyle}>{description}</p>}\n          {children}\n        </div>\n      </div>\n      <div style={{ display: 'flex', alignItems: 'center', marginLeft: 52 }}>\n        <button\n          style={btnStyle}\n          onClick={onAction}\n          onMouseEnter={(e) => { e.currentTarget.style.opacity = '0.85'; }}\n          onMouseLeave={(e) => { e.currentTarget.style.opacity = '1'; }}\n        >\n          {buttonLabel}\n        </button>\n        {recommended && (\n          <span style={recommendedBadge}>\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z\" /></svg>\n            Recommended\n          </span>\n        )}\n      </div>\n    </div>\n  );\n}\n\n// ─── Main Component ───\n\nconst UploadEvaluate = ({\n  userName = 'Will',\n  stepsCompleted = 4,\n  totalSteps = 6,\n  onUpload,\n  onContinue,\n  onExplore,\n  onConnect,\n}) => {\n  const progressPct = (stepsCompleted / totalSteps) * 100;\n\n  return (\n    <div style={containerStyle}>\n      <h1 style={headingStyle}>Welcome {userName}</h1>\n      <p style={subtitleStyle}>Get started with your project or explore new features</p>\n\n      <div style={gridStyle}>\n        {/* Upload and Evaluate Audio */}\n        <OnboardingCard\n          icon={<Upload size={24} />}\n          title=\"Upload and Evaluate Audio\"\n          description=\"Upload Audio Files to Run Evaluations: MP3, WMA or WAV (up to 50 files, max 325MB total)\"\n          buttonLabel=\"Upload\"\n          onAction={onUpload}\n        />\n\n        {/* Getting started with Chordia */}\n        <OnboardingCard\n          icon={<CircleUser size={24} />}\n          title=\"Getting started with Chordia\"\n          description=\"Complete these steps to get the most out of Chordia.\"\n          buttonLabel=\"Continue\"\n          onAction={onContinue}\n        >\n          <div style={{ display: 'flex', alignItems: 'center', gap: 8, width: '100%' }}>\n            <div style={progressBarBg}>\n              <div style={progressBarFill(progressPct)} />\n            </div>\n            <span style={{ fontSize: 12, color: 'var(--text-muted)', fontFamily: FF, whiteSpace: 'nowrap' }}>\n              <strong style={{ color: 'var(--text-base)', fontWeight: 600 }}>{stepsCompleted}</strong> of {totalSteps} steps completed\n            </span>\n          </div>\n        </OnboardingCard>\n\n        {/* Explore Demo Projects */}\n        <OnboardingCard\n          icon={<Compass size={24} />}\n          title=\"Explore Demo Projects\"\n          description=\"Explore how Chordia Compass transforms real data into insights with plans, dashboards, and evaluations.\"\n          buttonLabel=\"Explore\"\n          onAction={onExplore}\n          recommended\n        />\n\n        {/* Connect Data Source */}\n        <OnboardingCard\n          icon={<Link2 size={24} />}\n          title=\"Connect Data Source\"\n          description=\"Connect and integrate third-party tools with your external data sources.\"\n          buttonLabel=\"Connect\"\n          onAction={onConnect}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default UploadEvaluate;\n","import { useState, useRef } from 'react';\nimport { CloudUpload } from 'lucide-react';\n\nconst FF = 'var(--font-sans)';\n\n// ─── Styles ───\n\nconst containerStyle = {\n  fontFamily: FF,\n};\n\nconst sectionTitleStyle = {\n  fontSize: 20,\n  fontWeight: 600,\n  fontStyle: 'normal',\n  fontFamily: FF,\n  color: 'var(--grey-strong)',\n  margin: 0,\n  lineHeight: 'normal',\n};\n\nconst sectionSubtitleStyle = {\n  fontSize: 13,\n  fontWeight: 400,\n  fontStyle: 'normal',\n  color: 'var(--color-text-secondary)',\n  fontFamily: FF,\n  margin: '4px 0 0',\n  lineHeight: '140%',\n};\n\nconst dropzoneStyle = {\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: '100%',\n  minHeight: 320,\n  borderRadius: 16,\n  border: '2px dashed var(--color-input-border)',\n  background: 'var(--grey-white)',\n  boxSizing: 'border-box',\n  cursor: 'pointer',\n  transition: 'var(--transition-fast)',\n  marginTop: 24,\n  padding: '48px 24px',\n};\n\nconst dropzoneHoverStyle = {\n  ...dropzoneStyle,\n  borderColor: 'var(--color-green)',\n  background: 'var(--color-green-ring)',\n};\n\nconst dropzoneIconWrap = {\n  width: 80,\n  height: 80,\n  borderRadius: 9999,\n  background: 'var(--focus-2)',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  flexShrink: 0,\n  marginBottom: 20,\n};\n\nconst dropzoneTextStyle = {\n  fontSize: 18,\n  fontWeight: 600,\n  fontFamily: FF,\n  color: 'var(--grey-strong)',\n  textAlign: 'center',\n  lineHeight: '28px',\n  margin: 0,\n};\n\nconst browseButtonStyle = {\n  display: 'flex',\n  height: 32,\n  padding: 16,\n  justifyContent: 'center',\n  alignItems: 'center',\n  gap: 10,\n  borderRadius: 10,\n  border: '1px solid var(--grey-absent)',\n  background: 'var(--grey-white)',\n  fontSize: 15,\n  fontWeight: 400,\n  fontFamily: FF,\n  color: 'var(--grey-strong)',\n  cursor: 'pointer',\n  transition: 'var(--transition-fast)',\n  outline: 'none',\n  marginTop: 16,\n  boxSizing: 'border-box',\n};\n\nconst dropzoneHintStyle = {\n  fontSize: 14,\n  fontWeight: 400,\n  fontFamily: FF,\n  color: 'var(--grey-muted)',\n  textAlign: 'center',\n  marginTop: 16,\n  lineHeight: '140%',\n};\n\n// ─── Component ───\n\nconst UploadInteraction = ({ onFileSelect }) => {\n  const [dragOver, setDragOver] = useState(false);\n  const fileInputRef = useRef(null);\n\n  const handleDragOver = (e) => {\n    e.preventDefault();\n    setDragOver(true);\n  };\n\n  const handleDragLeave = () => {\n    setDragOver(false);\n  };\n\n  const handleDrop = (e) => {\n    e.preventDefault();\n    setDragOver(false);\n    const files = e.dataTransfer?.files;\n    if (files?.length) {\n      onFileSelect?.(files);\n    }\n  };\n\n  const handleBrowseClick = () => {\n    fileInputRef.current?.click();\n  };\n\n  const handleFileChange = (e) => {\n    const files = e.target.files;\n    if (files?.length) {\n      onFileSelect?.(files);\n    }\n    e.target.value = '';\n  };\n\n  return (\n    <div style={containerStyle}>\n      <h2 style={sectionTitleStyle}>Evaluate Interaction</h2>\n      <p style={sectionSubtitleStyle}>\n        Upload interactions to generate insights, explore results, and identify patterns.\n      </p>\n\n      <input\n        ref={fileInputRef}\n        type=\"file\"\n        accept=\"audio/mpeg,audio/wav,audio/x-ms-wma,audio/mp4,video/mp4,video/webm\"\n        multiple\n        style={{ display: 'none' }}\n        onChange={handleFileChange}\n      />\n\n      <div\n        style={dragOver ? dropzoneHoverStyle : dropzoneStyle}\n        onDragOver={handleDragOver}\n        onDragLeave={handleDragLeave}\n        onDrop={handleDrop}\n        onClick={handleBrowseClick}\n      >\n        <div style={dropzoneIconWrap}>\n          <CloudUpload size={32} color=\"var(--grey-strong)\" />\n        </div>\n        <p style={dropzoneTextStyle}>Drop your file here, or</p>\n        <button\n          type=\"button\"\n          style={browseButtonStyle}\n          onClick={(e) => { e.stopPropagation(); handleBrowseClick(); }}\n          onMouseEnter={(e) => { e.currentTarget.style.background = 'var(--hover-warm-subtle)'; }}\n          onMouseLeave={(e) => { e.currentTarget.style.background = 'var(--grey-white)'; }}\n        >\n          Browse files\n        </button>\n        <p style={dropzoneHintStyle}>Supports: MP3, WAV, WMA, MP4, and WEBM</p>\n      </div>\n    </div>\n  );\n};\n\nexport default UploadInteraction;\n"],"names":["FF","containerStyle","headingStyle","subtitleStyle","gridStyle","cardStyle","cardHoverStyle","iconWrapperStyle","cardTitleStyle","cardDescStyle","btnStyle","progressBarBg","progressBarFill","pct","recommendedBadge","OnboardingCard","icon","title","description","buttonLabel","onAction","recommended","children","hovered","setHovered","useState","jsxs","jsx","e","UploadEvaluate","userName","stepsCompleted","totalSteps","onUpload","onContinue","onExplore","onConnect","progressPct","Upload","CircleUser","Compass","Link2","sectionTitleStyle","sectionSubtitleStyle","dropzoneStyle","dropzoneHoverStyle","dropzoneIconWrap","dropzoneTextStyle","browseButtonStyle","dropzoneHintStyle","UploadInteraction","onFileSelect","dragOver","setDragOver","fileInputRef","useRef","handleDragOver","handleDragLeave","handleDrop","files","_a","handleBrowseClick","CloudUpload"],"mappings":"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"}
+{"version":3,"file":"UploadInteraction.es.js","sources":["../src/components/onboarding/UploadEvaluate.jsx","../src/components/onboarding/UploadInteraction.jsx"],"sourcesContent":["import { useState } from 'react';\nimport { Upload, CircleUser, Compass, Link2 } from 'lucide-react';\n\nconst FF = 'var(--font-sans)';\n\n// ─── Styles ───\n\nconst containerStyle = {\n  padding: '40px 48px',\n  fontFamily: FF,\n  minHeight: '100vh',\n  background: 'var(--grey-white)',\n  boxSizing: 'border-box',\n};\n\nconst headingStyle = {\n  fontSize: 'var(--text-4xl)',\n  fontWeight: 'var(--font-bold)',\n  fontFamily: FF,\n  color: 'var(--text-ink)',\n  margin: 0,\n  letterSpacing: 'var(--tracking-tight)',\n  lineHeight: 'var(--leading-tight)',\n};\n\nconst subtitleStyle = {\n  fontSize: 14,\n  fontStyle: 'normal',\n  fontWeight: 400,\n  lineHeight: '140%',\n  color: 'var(--color-text-secondary)',\n  margin: '8px 0 0',\n  fontFamily: FF,\n};\n\nconst gridStyle = {\n  display: 'grid',\n  gridTemplateColumns: '1fr 1fr',\n  gap: 12,\n  marginTop: '36px',\n};\n\nconst cardStyle = {\n  display: 'flex',\n  height: 160,\n  padding: 24,\n  flexDirection: 'column',\n  justifyContent: 'space-between',\n  alignItems: 'flex-start',\n  borderRadius: 12,\n  border: '1px solid var(--grey-absent)',\n  background: 'var(--grey-white)',\n  boxSizing: 'border-box',\n  transition: 'var(--transition)',\n  cursor: 'default',\n  gap: 8\n};\n\nconst cardHoverStyle = {\n  ...cardStyle,\n  boxShadow: 'var(--shadow-sm)',\n};\n\nconst iconWrapperStyle = {\n  width: 40,\n  height: 40,\n  borderRadius: 'var(--radius)',\n  background: 'var(--paper-secondary)',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  color: 'var(--text-base)',\n};\n\nconst cardTitleStyle = {\n  color: 'var(--grey-strong)',\n  fontSize: 20,\n  fontStyle: 'normal',\n  fontWeight: 600,\n  lineHeight: 'normal',\n  fontFamily: FF,\n  margin: 0,\n};\n\nconst cardDescStyle = {\n  fontSize: 13,\n  fontStyle: 'normal',\n  fontWeight: 400,\n  lineHeight: '140%',\n  color: 'var(--text-base)',\n  margin: 0,\n  fontFamily: FF,\n  flex: '1 0 0',\n};\n\nconst btnStyle = {\n  display: 'flex',\n  height: 28,\n  padding: 10,\n  justifyContent: 'center',\n  alignItems: 'center',\n  gap: 10,\n  borderRadius: 10,\n  background: 'var(--grey-strong)',\n  fontSize: 14,\n  fontStyle: 'normal',\n  fontWeight: 600,\n  lineHeight: 1,\n  fontFamily: FF,\n  color: 'var(--grey-white)',\n  border: 'none',\n  cursor: 'pointer',\n  transition: 'var(--transition-fast)',\n  outline: 'none',\n  boxSizing: 'border-box',\n};\n\nconst progressBarBg = {\n  flex: 1,\n  height: 8,\n  borderRadius: 4,\n  background: 'var(--border)',\n  overflow: 'hidden',\n};\n\nconst progressBarFill = (pct) => ({\n  width: `${pct}%`,\n  height: '100%',\n  borderRadius: 4,\n  background: 'var(--color-green)',\n  transition: 'width 0.4s ease-out',\n});\n\nconst recommendedBadge = {\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: 4,\n  fontSize: 'var(--text-xs)',\n  fontWeight: 'var(--font-semibold)',\n  color: 'var(--rail-compliance)',\n  fontFamily: FF,\n  marginLeft: 12,\n};\n\n// ─── Card Component ───\n\nfunction OnboardingCard({ icon, title, description, buttonLabel, onAction, recommended, children }) {\n  const [hovered, setHovered] = useState(false);\n\n  return (\n    <div\n      style={hovered ? cardHoverStyle : cardStyle}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n    >\n      <div>\n        <div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>\n          <div style={iconWrapperStyle}>{icon}</div>\n          <h3 style={cardTitleStyle}>{title}</h3>\n        </div>\n        <div style={{ display: 'flex', flexDirection: 'column', gap: 4, marginLeft: 52, marginTop: 4 }}>\n          {description && <p style={cardDescStyle}>{description}</p>}\n          {children}\n        </div>\n      </div>\n      <div style={{ display: 'flex', alignItems: 'center', marginLeft: 52 }}>\n        <button\n          style={btnStyle}\n          onClick={onAction}\n          onMouseEnter={(e) => { e.currentTarget.style.opacity = '0.85'; }}\n          onMouseLeave={(e) => { e.currentTarget.style.opacity = '1'; }}\n        >\n          {buttonLabel}\n        </button>\n        {recommended && (\n          <span style={recommendedBadge}>\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z\" /></svg>\n            Recommended\n          </span>\n        )}\n      </div>\n    </div>\n  );\n}\n\n// ─── Main Component ───\n\nconst UploadEvaluate = ({\n  userName = 'Will',\n  stepsCompleted = 4,\n  totalSteps = 6,\n  onUpload,\n  onContinue,\n  onExplore,\n  onConnect,\n}) => {\n  const progressPct = (stepsCompleted / totalSteps) * 100;\n\n  return (\n    <div style={containerStyle}>\n      <h1 style={headingStyle}>Welcome {userName}</h1>\n      <p style={subtitleStyle}>Get started with your project or explore new features</p>\n\n      <div style={gridStyle}>\n        {/* Upload and Evaluate Audio */}\n        <OnboardingCard\n          icon={<Upload size={24} />}\n          title=\"Upload and Evaluate Audio\"\n          description=\"Upload Audio Files to Run Evaluations: MP3, WMA or WAV (up to 50 files, max 325MB total)\"\n          buttonLabel=\"Upload\"\n          onAction={onUpload}\n        />\n\n        {/* Getting started with Chordia */}\n        <OnboardingCard\n          icon={<CircleUser size={24} />}\n          title=\"Getting started with Chordia\"\n          description=\"Complete these steps to get the most out of Chordia.\"\n          buttonLabel=\"Continue\"\n          onAction={onContinue}\n        >\n          <div style={{ display: 'flex', alignItems: 'center', gap: 8, width: '100%' }}>\n            <div style={progressBarBg}>\n              <div style={progressBarFill(progressPct)} />\n            </div>\n            <span style={{ fontSize: 12, color: 'var(--text-muted)', fontFamily: FF, whiteSpace: 'nowrap' }}>\n              <strong style={{ color: 'var(--text-base)', fontWeight: 600 }}>{stepsCompleted}</strong> of {totalSteps} steps completed\n            </span>\n          </div>\n        </OnboardingCard>\n\n        {/* Explore Demo Projects */}\n        <OnboardingCard\n          icon={<Compass size={24} />}\n          title=\"Explore Demo Projects\"\n          description=\"Explore how Chordia Compass transforms real data into insights with plans, dashboards, and evaluations.\"\n          buttonLabel=\"Explore\"\n          onAction={onExplore}\n          recommended\n        />\n\n        {/* Connect Data Source */}\n        <OnboardingCard\n          icon={<Link2 size={24} />}\n          title=\"Connect Data Source\"\n          description=\"Connect and integrate third-party tools with your external data sources.\"\n          buttonLabel=\"Connect\"\n          onAction={onConnect}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default UploadEvaluate;\n","import { useState, useRef } from 'react';\nimport { CloudUpload, X } from 'lucide-react';\n\nconst FF = 'var(--font-sans)';\n\n// ─── Styles ───\n\nconst containerStyle = {\n  fontFamily: FF,\n};\n\nconst sectionTitleStyle = {\n  fontSize: 20,\n  fontWeight: 600,\n  fontStyle: 'normal',\n  fontFamily: FF,\n  color: 'var(--grey-strong)',\n  margin: 0,\n  lineHeight: 'normal',\n};\n\nconst sectionSubtitleStyle = {\n  fontSize: 13,\n  fontWeight: 400,\n  fontStyle: 'normal',\n  color: 'var(--color-text-secondary)',\n  fontFamily: FF,\n  margin: '4px 0 0',\n  lineHeight: '140%',\n};\n\nconst dropzoneStyle = {\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: '100%',\n  minHeight: 320,\n  borderRadius: 16,\n  border: '2px dashed var(--color-input-border)',\n  background: 'var(--grey-white)',\n  boxSizing: 'border-box',\n  cursor: 'pointer',\n  transition: 'var(--transition-fast)',\n  marginTop: 24,\n  padding: '48px 24px',\n};\n\nconst dropzoneHoverStyle = {\n  ...dropzoneStyle,\n  borderColor: 'var(--color-green)',\n  background: 'var(--color-green-ring)',\n};\n\nconst dropzoneIconWrap = {\n  width: 80,\n  height: 80,\n  borderRadius: 9999,\n  background: 'var(--focus-2)',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  flexShrink: 0,\n  marginBottom: 20,\n};\n\nconst dropzoneTextStyle = {\n  fontSize: 18,\n  fontWeight: 600,\n  fontFamily: FF,\n  color: 'var(--grey-strong)',\n  textAlign: 'center',\n  lineHeight: '28px',\n  margin: 0,\n};\n\nconst browseButtonStyle = {\n  display: 'flex',\n  height: 32,\n  padding: 16,\n  justifyContent: 'center',\n  alignItems: 'center',\n  gap: 10,\n  borderRadius: 10,\n  border: '1px solid var(--grey-absent)',\n  background: 'var(--grey-white)',\n  fontSize: 15,\n  fontWeight: 400,\n  fontFamily: FF,\n  color: 'var(--grey-strong)',\n  cursor: 'pointer',\n  transition: 'var(--transition-fast)',\n  outline: 'none',\n  marginTop: 16,\n  boxSizing: 'border-box',\n};\n\nconst dropzoneHintStyle = {\n  fontSize: 14,\n  fontWeight: 400,\n  fontFamily: FF,\n  color: 'var(--grey-muted)',\n  textAlign: 'center',\n  marginTop: 16,\n  lineHeight: '140%',\n};\n\n// ─── Component ───\n\nconst UploadInteraction = ({\n  onFileSelect,\n  showUploadQueuedMessage = false,\n  uploadSummary = { successCount: 0, failedCount: 0, primaryFailureReason: '' },\n}) => {\n  const [dragOver, setDragOver] = useState(false);\n  const [isStatusDismissed, setIsStatusDismissed] = useState(false);\n  const fileInputRef = useRef(null);\n  const successCount = uploadSummary?.successCount || 0;\n  const failedCount = uploadSummary?.failedCount || 0;\n  const primaryFailureReason = uploadSummary?.primaryFailureReason || '';\n\n  const handleDragOver = (e) => {\n    e.preventDefault();\n    setDragOver(true);\n  };\n\n  const handleDragLeave = () => {\n    setDragOver(false);\n  };\n\n  const handleDrop = (e) => {\n    e.preventDefault();\n    setDragOver(false);\n    setIsStatusDismissed(false);\n    const files = e.dataTransfer?.files;\n    if (files?.length) {\n      onFileSelect?.(files);\n    }\n  };\n\n  const handleBrowseClick = () => {\n    fileInputRef.current?.click();\n  };\n\n  const handleFileChange = (e) => {\n    const files = e.target.files;\n    if (files?.length) {\n      setIsStatusDismissed(false);\n      onFileSelect?.(files);\n    }\n    e.target.value = '';\n  };\n\n  return (\n    <div style={containerStyle}>\n      <h2 style={sectionTitleStyle}>Evaluate Interaction</h2>\n      <p style={sectionSubtitleStyle}>\n        Upload interactions to generate insights, explore results, and identify patterns.\n      </p>\n\n      <input\n        ref={fileInputRef}\n        type=\"file\"\n        accept=\"audio/mpeg,audio/wav,audio/x-ms-wma,audio/mp4,video/mp4,video/webm\"\n        multiple\n        style={{ display: 'none' }}\n        onChange={handleFileChange}\n      />\n\n      <div\n        style={dragOver ? dropzoneHoverStyle : dropzoneStyle}\n        onDragOver={handleDragOver}\n        onDragLeave={handleDragLeave}\n        onDrop={handleDrop}\n        onClick={handleBrowseClick}\n      >\n        <div style={dropzoneIconWrap}>\n          <CloudUpload size={32} color=\"var(--grey-strong)\" />\n        </div>\n        <p style={dropzoneTextStyle}>Drop your file here, or</p>\n        <button\n          type=\"button\"\n          style={browseButtonStyle}\n          onClick={(e) => { e.stopPropagation(); handleBrowseClick(); }}\n          onMouseEnter={(e) => { e.currentTarget.style.background = 'var(--hover-warm-subtle)'; }}\n          onMouseLeave={(e) => { e.currentTarget.style.background = 'var(--grey-white)'; }}\n        >\n          Browse files\n        </button>\n        <p style={dropzoneHintStyle}>Supports: MP3, WAV, WMA, MP4, and WEBM</p>\n      </div>\n\n      {showUploadQueuedMessage && !isStatusDismissed && (\n        <div \n        style={{\n          marginTop: 16,\n          borderRadius: 10,\n          border: '1px solid var(--border)',\n          background: 'var(--grey-light)',\n          padding: 'var(--spacing-2) var(--spacing-3)',\n        }}>\n          <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12 }}>\n            <p style={{ fontSize: 15, fontWeight: 600, fontFamily: FF, color: 'var(--grey-strong)' }}>Upload status</p>\n            <button\n              type=\"button\"\n              style={{ \n                display: 'flex',\n                alignItems: 'center', justifyContent: 'center', width: 20, height: 20, borderRadius: 10, background: 'var(--grey-light)', cursor: 'pointer',\n                border: 'none',\n                outline: 'none',\n                padding: 0,\n                margin: 0,\n              }}\n              onClick={() => setIsStatusDismissed(true)}\n            >\n              <X size={14} color=\"var(--grey-strong)\" />\n            </button>\n          </div>\n          <p style={{ fontSize: 13, fontWeight: 400, fontFamily: FF, color: 'var(--grey-strong)', marginTop: 8 }}>\n            {failedCount > 0 && successCount > 0\n              ? `${successCount} file${successCount > 1 ? 's are' : ' is'} successfully uploaded and ${failedCount} file${failedCount > 1 ? 's are' : ' is'} failed.`\n              : failedCount > 0\n                ? `${failedCount} file${failedCount > 1 ? 's' : ''} failed to upload.`\n                : successCount > 1\n                  ? `${successCount} files are queued for evaluation.`\n                  : 'Your file is queued for evaluation.'}\n          </p>\n          <p className=\"mt-1 text-xs text-gray-600\">\n            {failedCount > 0\n              ? `Failed because ${primaryFailureReason || 'of a validation issue'}.`\n              : 'You can continue using the app while upload runs in the background. Results will appear in the project history once ready.'}\n          </p>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default UploadInteraction;\n"],"names":["FF","containerStyle","headingStyle","subtitleStyle","gridStyle","cardStyle","cardHoverStyle","iconWrapperStyle","cardTitleStyle","cardDescStyle","btnStyle","progressBarBg","progressBarFill","pct","recommendedBadge","OnboardingCard","icon","title","description","buttonLabel","onAction","recommended","children","hovered","setHovered","useState","jsxs","jsx","e","UploadEvaluate","userName","stepsCompleted","totalSteps","onUpload","onContinue","onExplore","onConnect","progressPct","Upload","CircleUser","Compass","Link2","sectionTitleStyle","sectionSubtitleStyle","dropzoneStyle","dropzoneHoverStyle","dropzoneIconWrap","dropzoneTextStyle","browseButtonStyle","dropzoneHintStyle","UploadInteraction","onFileSelect","showUploadQueuedMessage","uploadSummary","dragOver","setDragOver","isStatusDismissed","setIsStatusDismissed","fileInputRef","useRef","successCount","failedCount","primaryFailureReason","handleDragOver","handleDragLeave","handleDrop","files","_a","handleBrowseClick","CloudUpload","X"],"mappings":"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"}