pxengine 0.1.28 → 0.1.29

package/dist/index.cjs

@@ -352,6 +352,10 @@ __export(atoms_exports, {
   VideoAtom: () => VideoAtom
 });
 
+// src/atoms/TextAtom.tsx
+var import_react_markdown = __toESM(require("react-markdown"), 1);
+var import_remark_gfm = __toESM(require("remark-gfm"), 1);
+
 // src/lib/utils.ts
 var import_clsx = require("clsx");
 var import_tailwind_merge = require("tailwind-merge");
@@ -366,7 +370,8 @@ var TextAtom = ({
   variant = "p",
   className,
   style,
-  backgroundColor
+  backgroundColor,
+  markdown = false
 }) => {
   const baseStyles = {
     h1: "scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl text-gray900",
@@ -379,14 +384,25 @@ var TextAtom = ({
     label: "text-[10px] font-bold text-gray400 uppercase tracking-widest pl-1"
   };
   const Component2 = variant === "small" || variant === "muted" || variant === "label" ? "p" : variant;
+  const wrapperStyles = {
+    ...style,
+    ...backgroundColor && { backgroundColor }
+  };
+  if (markdown) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: cn(baseStyles[variant], "prose prose-sm max-w-none", className),
+        style: wrapperStyles,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_markdown.default, { remarkPlugins: [import_remark_gfm.default], children: content })
+      }
+    );
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     Component2,
     {
       className: cn(baseStyles[variant], className),
-      style: {
-        ...style,
-        ...backgroundColor && { backgroundColor }
-      },
+      style: wrapperStyles,
       children: content
     }
   );
@@ -34202,7 +34218,7 @@ var import_react56 = __toESM(require("react"), 1);
 var import_jsx_runtime96 = require("react/jsx-runtime");
 var FormCard = import_react56.default.memo(
   ({
-    // title,
+    title,
     fields,
     data,
     editingFields = {},
@@ -34215,15 +34231,40 @@ var FormCard = import_react56.default.memo(
     proceedLabel,
     onProceed,
     isLatestMessage = true,
+    hideTitle = false,
+    hideCopyButton = false,
     className,
     footer
   }) => {
+    const [copied, setCopied] = (0, import_react56.useState)(false);
     const handleCopyAll = () => {
-      const text = fields.map((field) => {
-        const value = data[field.key];
-        return `${field.label}: ${typeof value === "object" ? JSON.stringify(value) : value}`;
-      }).join("\n");
-      navigator.clipboard.writeText(text);
+      const flattenValue = (val) => {
+        if (val === null || val === void 0) return "-";
+        if (Array.isArray(val)) {
+          return val.map((item) => {
+            if (typeof item === "object" && item !== null) {
+              return item.label || item.value || item.name || JSON.stringify(item);
+            }
+            return String(item);
+          }).join(", ");
+        }
+        if (typeof val === "object") {
+          return Object.entries(val).map(([k, v]) => `${k.replace(/_/g, " ")}: ${v}`).join(", ");
+        }
+        return String(val);
+      };
+      const text = [
+        title,
+        "",
+        ...fields.map((field) => {
+          const value = data[field.key];
+          return `${field.label}: ${flattenValue(value)}`;
+        })
+      ].join("\n");
+      navigator.clipboard.writeText(text).then(() => {
+        setCopied(true);
+        setTimeout(() => setCopied(false), 2e3);
+      });
     };
     return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
       "div",
@@ -34233,16 +34274,23 @@ var FormCard = import_react56.default.memo(
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+          !hideCopyButton && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
             "button",
             {
               onClick: handleCopyAll,
               title: "Copy all details",
-              className: "absolute top-4 right-4 p-2 rounded-lg hover:bg-gray-100 dark:hover:bg-gray200 text-gray-400 hover:text-gray-600 dark:hover:text-gray300 transition-all active:scale-95 z-10",
-              children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Copy, { className: "h-4 w-4" })
+              className: "absolute top-4 right-4 p-2 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-200 text-gray-400 hover:text-gray-600 dark:hover:text-gray300 transition-all active:scale-95 z-10",
+              children: copied ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Check, { className: "h-4 w-4 text-green-500" }) : /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Copy, { className: "h-4 w-4" })
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "p-6 relative", children: [
+            !hideTitle && title && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+              "h3",
+              {
+                className: "text-gray900 dark:text-white mb-12 font-bold",
+                children: title
+              }
+            ),
             showTimeline && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
               "div",
               {
@@ -35396,7 +35444,7 @@ var CampaignSeedCard = import_react60.default.memo(
         showTimeline: true,
         isLatestMessage: effectiveIsLatest,
         className: cn("font-noto", className),
-        footer: !effectiveIsLatest && (selectionStatus || hasUserResponded) ? /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex justify-end items-center gap-1.5 text-green-600 text-[10px] font-semibold py-4 pr-6", children: [
+        footer: !effectiveIsLatest && selectionStatus ? /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex justify-end items-center gap-1.5 text-green-600 text-[10px] font-semibold py-4 pr-6", children: [
           /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(CircleCheck, { className: "h-3.5 w-3.5" }),
           /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { children: selectionStatus === "agent" ? "Suggested by Agent" : "Selected by you" })
         ] }) : formCardProps.footer
@@ -35491,7 +35539,7 @@ var SearchSpecCard = import_react61.default.memo(
       });
     };
     const effectiveIsLatest = isLatestMessage && !hasUserResponded;
-    return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
       FormCard,
       {
         ...formCardProps,
@@ -35502,12 +35550,12 @@ var SearchSpecCard = import_react61.default.memo(
         onProceed: handleProceed,
         isLatestMessage: effectiveIsLatest,
         className,
-        footer: !effectiveIsLatest && (selectionStatus || hasUserResponded) ? /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex justify-end items-center gap-1.5 text-green-600 text-xs font-semibold py-1", children: [
+        footer: !effectiveIsLatest && selectionStatus ? /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex justify-end items-center gap-1.5 text-green-600 text-xs font-semibold py-1", children: [
           /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(CircleCheck, { className: "h-4 w-4" }),
           /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { children: selectionStatus === "agent" ? "Selected by Agent" : "Selected by User" })
         ] }) : formCardProps.footer
       }
-    );
+    ) });
   }
 );
 SearchSpecCard.displayName = "SearchSpecCard";
@@ -36458,7 +36506,7 @@ var CampaignConceptCard = import_react64.default.memo(
                   /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("h2", { className: "mb-1 py-1 text-txtColor font-bold", children: typeof cardTitle === "object" ? JSON.stringify(cardTitle) : String(cardTitle) }),
                   /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex flex-wrap gap-2", children: [
                     isRecommended && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "inline-flex text-[10px] font-bold uppercase tracking-widest text-[#22C55E]", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "bg-[#22C55E]/10 px-2 py-0.5 rounded border border-[#22C55E]/20", children: "Recommended" }) }),
-                    !effectiveIsLatest && (selectionStatus || hasUserResponded) && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "inline-flex text-[10px] font-bold uppercase tracking-widest text-[#3B82F6]", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "bg-[#3B82F6]/10 px-2 py-0.5 rounded border border-[#3B82F6]/20", children: selectionStatus === "agent" ? "Selected by Agent" : "Selected by You" }) })
+                    !effectiveIsLatest && selectionStatus && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "inline-flex text-[10px] font-bold uppercase tracking-widest text-[#3B82F6]", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "bg-[#3B82F6]/10 px-2 py-0.5 rounded border border-[#3B82F6]/20", children: selectionStatus === "agent" ? "Selected by Agent" : "Selected by You" }) })
                   ] })
                 ] }),
                 /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex items-center gap-2 ml-3", onClick: (e) => e.stopPropagation(), children: [
@@ -36524,8 +36572,10 @@ var CampaignConceptCard = import_react64.default.memo(
                     proceedLabel: "Continue with this concept",
                     onProceed: handleProceed,
                     isLatestMessage: effectiveIsLatest,
+                    hideTitle: true,
+                    hideCopyButton: true,
                     className: "bg-transparent border-none shadow-none mb-0 p-0",
-                    footer: !effectiveIsLatest && (selectionStatus || hasUserResponded) ? /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex justify-end items-center gap-1.5 text-green-600 text-[10px] font-semibold py-4 pr-6", children: [
+                    footer: !effectiveIsLatest && selectionStatus ? /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex justify-end items-center gap-1.5 text-green-600 text-[10px] font-semibold py-4 pr-6", children: [
                       /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(CircleCheck, { className: "h-3.5 w-3.5" }),
                       /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { children: selectionStatus === "agent" ? "Selected by Agent" : "Selected by You" })
                     ] }) : formCardProps.footer