pxengine 0.1.92 → 0.1.94

package/dist/index.mjs

@@ -34352,11 +34352,12 @@ ActionButton.displayName = "ActionButton";
 // src/molecules/generic/FormCard/FormCard.tsx
 import React87, { useState as useState7 } from "react";
 import { jsx as jsx96, jsxs as jsxs58 } from "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 = React87.memo(
   ({
     title,
-    fields,
-    data,
+    fields = [],
+    data = {},
     editingFields: externalEditingFields,
     changedFields = {},
     savingFields = {},
@@ -34393,6 +34394,9 @@ var FormCard = React87.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);
@@ -34443,7 +34447,7 @@ var FormCard = React87.memo(
       const text = [
         title,
         "",
-        ...fields.map((field) => {
+        ...effectiveFields.map((field) => {
           const value = activeData[field.key];
           return `${field.label}: ${flattenValue(value)}`;
         })
@@ -34490,7 +34494,7 @@ var FormCard = React87.memo(
                 }
               }
             ),
-            fields.map((field, index) => /* @__PURE__ */ jsx96(
+            effectiveFields.map((field, index) => /* @__PURE__ */ jsx96(
               EditableField,
               {
                 label: field.label,
@@ -34509,7 +34513,7 @@ var FormCard = React87.memo(
                 renderEdit: field.renderEdit,
                 showIndex: showTimeline,
                 index,
-                totalFields: fields.length
+                totalFields: effectiveFields.length
               },
               field.key
             ))
@@ -39341,6 +39345,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__ */ jsxs109("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ jsx148("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
   /* @__PURE__ */ jsx148("polyline", { points: "7 10 12 15 17 10" }),
@@ -39763,8 +39780,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: [
@@ -40005,7 +40022,7 @@ var WebSearchJobCard = ({
             /* @__PURE__ */ jsx149("div", { className: "w-2 h-2 rounded-full bg-amber-500 animate-pulse flex-shrink-0" }),
             /* @__PURE__ */ jsx149("span", { className: "text-xs text-zinc-400", children: step })
           ] }),
-          phase === "ai_generation" && searchesTotal > 0 && /* @__PURE__ */ jsxs110("div", { className: "pt-1", children: [
+          searchesTotal > 0 && /* @__PURE__ */ jsxs110("div", { className: "pt-1", children: [
             /* @__PURE__ */ jsxs110("div", { className: "flex items-center justify-between mb-1.5", children: [
               /* @__PURE__ */ jsx149("span", { className: "text-xs text-zinc-500", children: "Web searches" }),
               /* @__PURE__ */ jsxs110("span", { className: "text-xs text-zinc-500 tabular-nums", children: [
@@ -40019,7 +40036,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