pxengine 0.1.42 → 0.1.43

package/dist/index.cjs

@@ -37653,7 +37653,7 @@ var AgentCard = ({
                 rows: 2,
                 placeholder: "Describe this agent..."
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "text-xs text-[var(--foreground)]/60 leading-relaxed", children: agent.description }) }),
+            ) : /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "text-xs text-[var(--foreground)]/60 leading-relaxed whitespace-normal", children: agent.description }) }),
             isEditing && /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "mt-2 flex items-center gap-2", children: [
               /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "text-[10px] text-[var(--foreground)]/30 uppercase font-semibold", children: "Avatar:" }),
               /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
@@ -37798,7 +37798,9 @@ var WorkflowVisualizer = ({
   steps,
   className
 }) => {
-  const [expandedStep, setExpandedStep] = (0, import_react70.useState)(null);
+  const [expandedStep, setExpandedStep] = (0, import_react70.useState)(
+    steps[0]?.id || null
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
     "div",
     {
@@ -37849,15 +37851,9 @@ var WorkflowVisualizer = ({
                     "button",
                     {
                       onClick: () => setExpandedStep(isExpanded ? null : step.id),
-                      className: "w-full text-left px-3 py-2.5 flex items-center gap-2",
+                      className: "w-full text-left px-3 py-2.5 flex items-center gap-2 whitespace-normal",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "text-[13px] font-medium text-[var(--foreground)]", children: step.name }),
-                          step.description && !isExpanded && /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("span", { className: "text-xs text-[var(--foreground)]/40 ml-2", children: [
-                            "\u2014 ",
-                            step.description
-                          ] })
-                        ] }),
+                        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "text-[13px] font-medium text-[var(--foreground)]", children: step.name }) }),
                         /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
                           "svg",
                           {
@@ -37878,7 +37874,7 @@ var WorkflowVisualizer = ({
                     }
                   ),
                   isExpanded && /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "px-3 pb-3 space-y-2.5", children: [
-                    step.description && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("p", { className: "text-xs text-[var(--foreground)]/50 leading-relaxed", children: step.description }),
+                    step.description && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("p", { className: "text-xs text-[var(--foreground)]/50 leading-relaxed whitespace-normal", children: step.description }),
                     step.sub_steps && step.sub_steps.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "space-y-1", children: step.sub_steps.map((sub) => /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
                       "div",
                       {
@@ -37901,7 +37897,7 @@ var WorkflowVisualizer = ({
                         tool
                       ))
                     ] }),
-                    step.on_failure && /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "flex items-start gap-2 text-xs bg-[#ef4444]/[0.06] border border-[#ef4444]/10 rounded-md px-2.5 py-2", children: [
+                    step.on_failure && /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "flex items-start gap-2 text-xs bg-[#ef4444]/[0.06] border border-[#ef4444]/10 rounded-md px-2.5 py-2 whitespace-normal", children: [
                       /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "shrink-0 text-[10px] font-semibold text-[#ef4444]/70 uppercase tracking-wider mt-px", children: "On failure:" }),
                       /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "text-[var(--foreground)]/50", children: step.on_failure })
                     ] })
@@ -37963,7 +37959,7 @@ var InstructionPreview = ({
           ) }),
           /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("h4", { className: "text-sm font-semibold text-[var(--foreground)]", children: agent_name }),
-            description && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("p", { className: "text-[11px] text-[var(--foreground)]/40 mt-0.5", children: description })
+            description && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("p", { className: "text-[11px] text-[var(--foreground)]/40 mt-0.5 whitespace-normal", children: description })
           ] })
         ] }) }),
         /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "px-4 py-3 space-y-3", children: [
@@ -38010,7 +38006,8 @@ function UIComponentSelector({
   components,
   onSelect,
   onPreview,
-  className
+  className,
+  isLatestMessage = true
 }) {
   const [selected, setSelected] = (0, import_react72.useState)(/* @__PURE__ */ new Set());
   const [submitted, setSubmitted] = (0, import_react72.useState)(false);
@@ -38024,7 +38021,7 @@ function UIComponentSelector({
     {}
   );
   const toggle = (name) => {
-    if (submitted) return;
+    if (submitted || !isLatestMessage) return;
     setSelected((prev) => {
       const next = new Set(prev);
       if (next.has(name)) next.delete(name);
@@ -38056,7 +38053,7 @@ function UIComponentSelector({
             {
               className: cn(
                 "flex items-start gap-3 px-3 py-2 rounded-lg cursor-pointer transition-colors",
-                submitted ? "cursor-default opacity-70" : "hover:bg-muted/50",
+                submitted || !isLatestMessage ? "cursor-default opacity-70" : "hover:bg-muted/50",
                 selected.has(comp.name) && !submitted && "bg-interactive/5 border border-interactive/20",
                 selected.has(comp.name) && submitted && "bg-interactive/5"
               ),
@@ -38067,7 +38064,7 @@ function UIComponentSelector({
                     type: "checkbox",
                     checked: selected.has(comp.name),
                     onChange: () => toggle(comp.name),
-                    disabled: submitted,
+                    disabled: submitted || !isLatestMessage,
                     className: "mt-0.5 h-4 w-4 rounded border-border text-interactive focus:ring-interactive/50 disabled:opacity-50"
                   }
                 ),
@@ -38114,7 +38111,7 @@ function UIComponentSelector({
             comp.name
           )) })
         ] }, category)) }),
-        !submitted && /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "px-4 py-3 border-t border-border flex items-center justify-between", children: [
+        !submitted && isLatestMessage && /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "px-4 py-3 border-t border-border flex items-center justify-between", children: [
           /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
             selected.size,
             " selected"
@@ -38287,7 +38284,8 @@ var MultiAgentUISelector = ({
   components = [],
   onSelect,
   onPreview,
-  className
+  className,
+  isLatestMessage = true
 }) => {
   const [activeStageId, setActiveStageId] = (0, import_react73.useState)(stages[0]?.id || "");
   const [selections, setSelections] = (0, import_react73.useState)(
@@ -38308,7 +38306,7 @@ var MultiAgentUISelector = ({
   }, {});
   const toggleComponent = (0, import_react73.useCallback)(
     (stageId, compName) => {
-      if (submitted) return;
+      if (submitted || !isLatestMessage) return;
       setSelections((prev) => {
         const updated = { ...prev };
         const set = new Set(updated[stageId] || []);
@@ -38367,11 +38365,9 @@ var MultiAgentUISelector = ({
           "button",
           {
             onClick: () => setActiveStageId(stage.id),
-            disabled: submitted,
             className: cn(
               "px-3 py-2 text-[11px] font-medium border-b-2 -mb-px transition-colors",
-              activeStageId === stage.id ? "border-interactive text-interactive" : "border-transparent text-[var(--foreground)]/50 hover:text-[var(--foreground)]",
-              submitted && "opacity-60 cursor-default"
+              activeStageId === stage.id ? "border-interactive text-interactive" : "border-transparent text-[var(--foreground)]/50 hover:text-[var(--foreground)]"
             ),
             children: stage.name
           },
@@ -38404,7 +38400,7 @@ var MultiAgentUISelector = ({
                   className: cn(
                     "text-left p-2.5 rounded-lg border text-[11px] transition-all overflow-hidden cursor-pointer",
                     isSelected ? "border-interactive bg-interactive/5" : "border-[var(--border-color)] hover:border-interactive/50",
-                    submitted && "opacity-60 cursor-default pointer-events-none"
+                    (submitted || !isLatestMessage) && "opacity-60 cursor-default"
                   ),
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex items-center gap-1.5", children: [
@@ -38470,7 +38466,7 @@ var MultiAgentUISelector = ({
             }) })
           ] }, category))
         ] }),
-        !submitted && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "px-4 pb-3", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+        !submitted && isLatestMessage && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "px-4 pb-3", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
           "button",
           {
             onClick: handleContinue,