pxengine 0.1.91 → 0.1.93

package/dist/index.cjs

@@ -34679,11 +34679,12 @@ ActionButton.displayName = "ActionButton";
 // src/molecules/generic/FormCard/FormCard.tsx
 var import_react57 = __toESM(require("react"), 1);
 var import_jsx_runtime96 = require("react/jsx-runtime");
+var humanizeKey = (key) => key.replace(/[_-]+/g, " ").replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/\b\w/g, (c) => c.toUpperCase()).trim();
 var FormCard = import_react57.default.memo(
   ({
     title,
-    fields,
-    data,
+    fields = [],
+    data = {},
     editingFields: externalEditingFields,
     changedFields = {},
     savingFields = {},
@@ -34720,6 +34721,9 @@ var FormCard = import_react57.default.memo(
     const activeEditingFields = isExternallyControlled ? externalEditingFields || {} : internalEditingFields;
     const resolvedSavingFields = Object.keys(savingFields).length > 0 ? savingFields : internalSavingFields;
     const activeData = internalData;
+    const effectiveFields = Array.isArray(fields) && fields.length > 0 ? fields : Object.keys(activeData || {}).filter(
+      (k) => !k.startsWith("_") && activeData[k] != null && typeof activeData[k] !== "function"
+    ).map((key) => ({ key, label: humanizeKey(key) }));
     const handleFieldEdit = (key) => {
       if (externalOnFieldEdit) {
         externalOnFieldEdit(key);
@@ -34770,7 +34774,7 @@ var FormCard = import_react57.default.memo(
       const text = [
         title,
         "",
-        ...fields.map((field) => {
+        ...effectiveFields.map((field) => {
           const value = activeData[field.key];
           return `${field.label}: ${flattenValue(value)}`;
         })
@@ -34817,7 +34821,7 @@ var FormCard = import_react57.default.memo(
                 }
               }
             ),
-            fields.map((field, index) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+            effectiveFields.map((field, index) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
               EditableField,
               {
                 label: field.label,
@@ -34836,7 +34840,7 @@ var FormCard = import_react57.default.memo(
                 renderEdit: field.renderEdit,
                 showIndex: showTimeline,
                 index,
-                totalFields: fields.length
+                totalFields: effectiveFields.length
               },
               field.key
             ))
@@ -39252,9 +39256,12 @@ var PresentationJobCard = ({
   authToken,
   shareUrl,
   className,
+  theme,
   onComplete,
   onFailed
 }) => {
+  const t = th(theme);
+  const accentGradient = theme?.gradient;
   const [status, setStatus] = (0, import_react76.useState)(initialStatus);
   const [title, setTitle] = (0, import_react76.useState)(initialTitle);
   const [slideCount, setSlideCount] = (0, import_react76.useState)(initialSlideCount ?? 0);
@@ -39418,22 +39425,30 @@ var PresentationJobCard = ({
       }
     };
     return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: cn("w-full", className), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "bg-zinc-900 border border-zinc-800 rounded-2xl overflow-hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "bg-zinc-900 border border-zinc-800 rounded-2xl overflow-hidden", style: t.root, children: [
         /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
           "div",
           {
             className: "h-[3px] bg-gradient-to-r from-indigo-500 via-purple-500 to-indigo-500 bg-[length:200%_100%] animate-[gradient-shift_2s_ease-in-out_infinite]",
             style: {
               backgroundSize: "200% 100%",
-              animation: "gradient-shift 2s ease-in-out infinite"
+              animation: "gradient-shift 2s ease-in-out infinite",
+              ...accentGradient ? { backgroundImage: accentGradient } : {}
             }
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "p-5", children: [
           /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "w-10 h-10 rounded-xl bg-indigo-500/10 border border-indigo-500/20 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { className: "text-lg", children: getPhaseIcon() }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+              "div",
+              {
+                className: "w-10 h-10 rounded-xl bg-indigo-500/10 border border-indigo-500/20 flex items-center justify-center flex-shrink-0",
+                style: { ...t.accentSubtle(0.1), ...t.accentBorder },
+                children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { className: "text-lg", children: getPhaseIcon() })
+              }
+            ),
             /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("h3", { className: "text-sm font-semibold text-zinc-100 truncate leading-tight", children: title || "Creating Presentation" }),
+              /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("h3", { className: "text-sm font-semibold text-zinc-100 truncate leading-tight", style: t.text, children: title || "Creating Presentation" }),
               /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("p", { className: "text-xs text-zinc-500 mt-0.5", children: [
                 slidesTotal > 0 ? `${slidesTotal} slides` : "Presentation",
                 " \xB7 In progress"
@@ -39446,7 +39461,10 @@ var PresentationJobCard = ({
                 "div",
                 {
                   className: "h-full bg-gradient-to-r from-indigo-500 to-purple-500 rounded-full transition-all duration-500 ease-out",
-                  style: { width: `${Math.max(pct, 2)}%` }
+                  style: {
+                    width: `${Math.max(pct, 2)}%`,
+                    ...accentGradient ? { backgroundImage: accentGradient } : t.accentBg
+                  }
                 }
               ) }),
               /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("span", { className: "absolute right-0 -top-5 text-xs text-zinc-500 font-medium tabular-nums", children: [
@@ -39455,7 +39473,7 @@ var PresentationJobCard = ({
               ] })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "w-2 h-2 rounded-full bg-indigo-500 animate-pulse" }),
+              /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "w-2 h-2 rounded-full bg-indigo-500 animate-pulse", style: t.accentBg }),
               /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { className: "text-xs text-zinc-400", children: step })
             ] }),
             phase === "ai_generation" && slidesTotal > 0 && /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex items-center gap-2 pt-1", children: [
@@ -39499,14 +39517,21 @@ var PresentationJobCard = ({
   const total = slideCount || 1;
   const hasHtml = Boolean(formats.html_url);
   return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(import_jsx_runtime147.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: cn("w-full", className), children: /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "bg-zinc-900 border border-zinc-800 rounded-2xl overflow-hidden", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "h-[3px]", style: { background: "linear-gradient(90deg, #8B7D5E, #C0AE82, #DCC99B)" } }),
+    /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: cn("w-full", className), children: /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "bg-zinc-900 border border-zinc-800 rounded-2xl overflow-hidden", style: t.root, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "h-[3px]", style: { background: accentGradient || "linear-gradient(90deg, #8B7D5E, #C0AE82, #DCC99B)" } }),
       /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "p-5", children: [
         /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "w-10 h-10 rounded-xl bg-indigo-500/10 border border-indigo-500/20 flex items-center justify-center flex-shrink-0 text-indigo-400", children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(SlidesIcon, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+            "div",
+            {
+              className: "w-10 h-10 rounded-xl bg-indigo-500/10 border border-indigo-500/20 flex items-center justify-center flex-shrink-0 text-indigo-400",
+              style: { ...t.accentSubtle(0.1), ...t.accentBorder, ...t.accent },
+              children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(SlidesIcon, {})
+            }
+          ),
           /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("h3", { className: "text-sm font-semibold text-zinc-100 truncate leading-tight", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("p", { className: "text-xs text-zinc-500 mt-0.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("h3", { className: "text-sm font-semibold text-zinc-100 truncate leading-tight", style: t.text, children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("p", { className: "text-xs text-zinc-500 mt-0.5", style: t.muted, children: [
               slideCount ? `${slideCount} slides` : "Presentation",
               " \xB7 Ready to export"
             ] })
@@ -39544,6 +39569,7 @@ var PresentationJobCard = ({
               {
                 onClick: () => setShowExport(true),
                 className: "flex items-center gap-1.5 px-2.5 h-7 bg-indigo-600 hover:bg-indigo-500 active:bg-indigo-700 text-white text-xs font-medium rounded-lg transition-colors",
+                style: { ...t.accentBg, ...t.accentText },
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(DownloadIcon, {}),
                   /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { children: "Export" })
@@ -40310,7 +40336,7 @@ var WebSearchJobCard = ({
             /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", { className: "w-2 h-2 rounded-full bg-amber-500 animate-pulse flex-shrink-0" }),
             /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("span", { className: "text-xs text-zinc-400", children: step })
           ] }),
-          phase === "ai_generation" && searchesTotal > 0 && /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", { className: "pt-1", children: [
+          searchesTotal > 0 && /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", { className: "pt-1", children: [
             /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", { className: "flex items-center justify-between mb-1.5", children: [
               /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("span", { className: "text-xs text-zinc-500", children: "Web searches" }),
               /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("span", { className: "text-xs text-zinc-500 tabular-nums", children: [
@@ -40324,7 +40350,7 @@ var WebSearchJobCard = ({
               {
                 className: cn(
                   "flex-1 h-1 rounded-full transition-all duration-300",
-                  i < searchesCompleted ? "bg-amber-500" : i === searchesCompleted ? "bg-amber-500/50 animate-pulse" : "bg-zinc-700"
+                  i < searchesCompleted ? "bg-amber-500" : phase === "ai_generation" && i === searchesCompleted ? "bg-amber-500/50 animate-pulse" : "bg-zinc-700"
                 )
               },
               i