pxengine 0.1.92 → 0.1.94

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
             ))
@@ -39668,6 +39672,19 @@ var DEFAULT_THEME = {
   secondary: "#a78bfa",
   accent: "#c4b5fd"
 };
+function readableOn(bg) {
+  if (!bg || typeof bg !== "string") return "#ffffff";
+  const hex = bg.replace("#", "");
+  if (hex.length !== 6) return "#ffffff";
+  const n = parseInt(hex, 16);
+  if (Number.isNaN(n)) return "#ffffff";
+  const ch = [n >> 16 & 255, n >> 8 & 255, n & 255].map((c) => {
+    const x = c / 255;
+    return x <= 0.03928 ? x / 12.92 : Math.pow((x + 0.055) / 1.055, 2.4);
+  });
+  const lum = 0.2126 * ch[0] + 0.7152 * ch[1] + 0.0722 * ch[2];
+  return lum > 0.5 ? "#1a1a1a" : "#ffffff";
+}
 var DownloadIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
   /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("polyline", { points: "7 10 12 15 17 10" }),
@@ -40090,8 +40107,8 @@ var ResearchReportJobCard = (props) => {
               {
                 onClick: handleDownload,
                 disabled: !hasHTML,
-                className: "flex items-center gap-1.5 px-2.5 h-7 text-white text-xs font-medium rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-                style: { backgroundColor: primaryColor },
+                className: "flex items-center gap-1.5 px-2.5 h-7 text-xs font-medium rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+                style: { backgroundColor: primaryColor, color: readableOn(primaryColor) },
                 onMouseEnter: (e) => e.currentTarget.style.filter = "brightness(1.15)",
                 onMouseLeave: (e) => e.currentTarget.style.filter = "brightness(1)",
                 children: [
@@ -40332,7 +40349,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: [
@@ -40346,7 +40363,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