pxengine 0.1.46 → 0.1.47

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.cjs +58 -37
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.mjs +58 -37
  4. package/dist/index.mjs.map +1 -1
  5. package/dist/registry.json +1 -1
  6. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -38170,23 +38170,43 @@ function UIComponentSelector({
38170
38170
  "div",
38171
38171
  {
38172
38172
  className: cn(
38173
- "rounded-xl border border-[var(--border-color)] bg-[var(--card-background)] overflow-hidden",
38173
+ "my-3 rounded-xl border border-border bg-card overflow-hidden shadow-sm",
38174
38174
  className
38175
38175
  ),
38176
38176
  style: FONT_STYLE6,
38177
38177
  children: [
38178
- /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "px-4 py-3 border-b border-[var(--border-color)] bg-[var(--foreground)]/[0.02]", children: [
38179
- /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("h3", { className: "text-sm font-semibold text-[var(--foreground)]", children: "Select UI Components" }),
38180
- /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("p", { className: "text-xs text-[var(--foreground)]/50 mt-0.5", children: "Choose which visual components this agent can use in its responses." })
38181
- ] }),
38178
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "px-4 py-3 border-b border-border/60 bg-muted/40", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex items-center gap-2", children: [
38179
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "w-5 h-5 rounded-md bg-interactive/15 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
38180
+ "svg",
38181
+ {
38182
+ width: "12",
38183
+ height: "12",
38184
+ viewBox: "0 0 24 24",
38185
+ fill: "none",
38186
+ stroke: "currentColor",
38187
+ strokeWidth: "2",
38188
+ className: "text-interactive",
38189
+ children: [
38190
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("rect", { x: "3", y: "3", width: "7", height: "7" }),
38191
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("rect", { x: "14", y: "3", width: "7", height: "7" }),
38192
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("rect", { x: "3", y: "14", width: "7", height: "7" }),
38193
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("rect", { x: "14", y: "14", width: "7", height: "7" })
38194
+ ]
38195
+ }
38196
+ ) }),
38197
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { children: [
38198
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("h3", { className: "text-xs font-semibold text-foreground", children: "Select UI Components" }),
38199
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("p", { className: "text-[10px] text-muted-foreground mt-0.5", children: "Choose which visual components this agent can use in its responses." })
38200
+ ] })
38201
+ ] }) }),
38182
38202
  /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "px-4 py-3 space-y-4", children: categoryOrder.map((category) => /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { children: [
38183
- /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("h4", { className: "text-xs font-medium text-[var(--foreground)]/50 uppercase tracking-wider mb-2", children: category }),
38203
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("h4", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wider mb-2", children: category }),
38184
38204
  /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "space-y-1.5", children: grouped[category].map((comp) => /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
38185
38205
  "label",
38186
38206
  {
38187
38207
  className: cn(
38188
- "flex items-start gap-3 px-3 py-2 rounded-lg cursor-pointer transition-colors",
38189
- submitted || !isLatestMessage ? "cursor-default opacity-70" : "hover:bg-[var(--foreground)]/[0.03]",
38208
+ "flex items-start gap-3 px-3 py-2 rounded-lg cursor-pointer transition-all",
38209
+ submitted || !isLatestMessage ? "cursor-default opacity-60" : "hover:bg-muted/80",
38190
38210
  selected.has(comp.name) && !submitted && "bg-interactive/5 border border-interactive/20",
38191
38211
  selected.has(comp.name) && submitted && "bg-interactive/5"
38192
38212
  ),
@@ -38196,7 +38216,7 @@ function UIComponentSelector({
38196
38216
  {
38197
38217
  className: cn(
38198
38218
  "mt-0.5 w-4 h-4 rounded border flex items-center justify-center shrink-0 transition-colors",
38199
- selected.has(comp.name) ? "bg-interactive border-interactive" : "border-[var(--foreground)]/20"
38219
+ selected.has(comp.name) ? "bg-interactive border-interactive" : "border-muted-foreground/30"
38200
38220
  ),
38201
38221
  onClick: (e) => {
38202
38222
  e.preventDefault();
@@ -38228,7 +38248,7 @@ function UIComponentSelector({
38228
38248
  ),
38229
38249
  /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex-1 min-w-0", children: [
38230
38250
  /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex items-center gap-1", children: [
38231
- /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "text-sm font-medium text-[var(--foreground)]", children: comp.display_name }),
38251
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "text-sm font-medium text-foreground", children: comp.display_name }),
38232
38252
  comp.recommended && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "px-1.5 py-0.5 text-[9px] font-semibold uppercase tracking-wider rounded-full bg-emerald-500/10 text-emerald-600 border border-emerald-500/20", children: "Recommended" }),
38233
38253
  onPreview && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
38234
38254
  "button",
@@ -38239,7 +38259,7 @@ function UIComponentSelector({
38239
38259
  e.stopPropagation();
38240
38260
  onPreview(comp.name);
38241
38261
  },
38242
- className: "shrink-0 p-0.5 rounded hover:bg-[var(--foreground)]/10 transition-colors",
38262
+ className: "shrink-0 p-0.5 rounded hover:bg-muted transition-colors",
38243
38263
  title: `Preview ${comp.display_name}`,
38244
38264
  children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
38245
38265
  "svg",
@@ -38252,7 +38272,7 @@ function UIComponentSelector({
38252
38272
  strokeWidth: "2",
38253
38273
  strokeLinecap: "round",
38254
38274
  strokeLinejoin: "round",
38255
- className: "text-[var(--foreground)]/40 hover:text-interactive",
38275
+ className: "text-muted-foreground hover:text-interactive",
38256
38276
  children: [
38257
38277
  /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
38258
38278
  /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
@@ -38263,15 +38283,15 @@ function UIComponentSelector({
38263
38283
  }
38264
38284
  )
38265
38285
  ] }),
38266
- /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "ml-0 text-xs text-[var(--foreground)]/50", children: comp.description })
38286
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "ml-0 text-xs text-muted-foreground", children: comp.description })
38267
38287
  ] })
38268
38288
  ]
38269
38289
  },
38270
38290
  comp.name
38271
38291
  )) })
38272
38292
  ] }, category)) }),
38273
- !submitted && isLatestMessage && /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "px-4 py-3 border-t border-[var(--border-color)] flex items-center justify-between", children: [
38274
- /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("span", { className: "text-xs text-[var(--foreground)]/50", children: [
38293
+ !submitted && isLatestMessage && /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "px-4 py-3 border-t border-border/60 flex items-center justify-between bg-muted/30", children: [
38294
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
38275
38295
  selected.size,
38276
38296
  " selected"
38277
38297
  ] }),
@@ -38283,7 +38303,8 @@ function UIComponentSelector({
38283
38303
  children: "Continue"
38284
38304
  }
38285
38305
  )
38286
- ] })
38306
+ ] }),
38307
+ submitted && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "px-4 pb-3", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "text-[10px] text-emerald-600 font-medium text-center py-1.5", children: "Selections confirmed" }) })
38287
38308
  ]
38288
38309
  }
38289
38310
  );
@@ -38536,17 +38557,17 @@ var MultiAgentUISelector = ({
38536
38557
  "div",
38537
38558
  {
38538
38559
  className: cn(
38539
- "text-foreground hover:bg-muted/50 hover:text-foreground my-3 rounded-xl border border-[var(--border-color)] bg-[var(--card-background)] overflow-hidden shadow-sm",
38560
+ "my-3 rounded-xl border border-border bg-card overflow-hidden shadow-sm",
38540
38561
  className
38541
38562
  ),
38542
38563
  style: FONT_STYLE9,
38543
38564
  children: [
38544
- /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "px-4 py-3 border-b border-[var(--border-color)] bg-[var(--foreground)]/[0.02]", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex items-center gap-2", children: [
38545
- /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "w-4 h-4 rounded bg-interactive/20 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
38565
+ /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "px-4 py-3 border-b border-border/60 bg-muted/40", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex items-center gap-2", children: [
38566
+ /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "w-5 h-5 rounded-md bg-interactive/15 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
38546
38567
  "svg",
38547
38568
  {
38548
- width: "10",
38549
- height: "10",
38569
+ width: "12",
38570
+ height: "12",
38550
38571
  viewBox: "0 0 24 24",
38551
38572
  fill: "none",
38552
38573
  stroke: "currentColor",
@@ -38560,15 +38581,15 @@ var MultiAgentUISelector = ({
38560
38581
  ]
38561
38582
  }
38562
38583
  ) }),
38563
- /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "text-xs font-semibold text-[var(--foreground)]", children: "UI Components per Stage" })
38584
+ /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "text-xs font-semibold text-foreground", children: "UI Components per Stage" })
38564
38585
  ] }) }),
38565
- /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "flex gap-1 border-b border-[var(--border-color)] px-4 py-2 bg-[var(--foreground)]/[0.01]", children: stages.map((stage) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
38586
+ /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "flex gap-1 border-b border-border/60 px-4 py-2 bg-muted/20", children: stages.map((stage) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
38566
38587
  "button",
38567
38588
  {
38568
38589
  onClick: () => setActiveStageId(stage.id),
38569
38590
  className: cn(
38570
38591
  "px-3 py-1.5 text-[11px] font-medium rounded-full transition-colors",
38571
- activeStageId === stage.id ? "bg-interactive text-white" : "text-[var(--foreground)]/50 hover:text-[var(--foreground)] hover:bg-[var(--foreground)]/[0.05]"
38592
+ activeStageId === stage.id ? "bg-interactive text-white" : "text-muted-foreground hover:text-foreground hover:bg-muted"
38572
38593
  ),
38573
38594
  children: stage.name
38574
38595
  },
@@ -38576,9 +38597,9 @@ var MultiAgentUISelector = ({
38576
38597
  )) }),
38577
38598
  /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "px-4 py-3", children: [
38578
38599
  activeStage && /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex items-center justify-between mb-3", children: [
38579
- /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("p", { className: "text-[10px] text-[var(--foreground)]/40", children: [
38600
+ /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("p", { className: "text-[10px] text-muted-foreground", children: [
38580
38601
  "Select components for ",
38581
- /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("strong", { children: activeStage.name }),
38602
+ /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("strong", { className: "text-foreground", children: activeStage.name }),
38582
38603
  " (",
38583
38604
  activeStage.agent_name,
38584
38605
  ")"
@@ -38592,19 +38613,19 @@ var MultiAgentUISelector = ({
38592
38613
  children: "Select All"
38593
38614
  }
38594
38615
  ),
38595
- /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "text-[var(--foreground)]/20", children: "|" }),
38616
+ /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "text-muted-foreground/40", children: "|" }),
38596
38617
  /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
38597
38618
  "button",
38598
38619
  {
38599
38620
  onClick: () => clearAll(activeStageId),
38600
- className: "text-[10px] text-[var(--foreground)]/40 hover:text-[var(--foreground)]/60 font-medium",
38621
+ className: "text-[10px] text-muted-foreground hover:text-foreground font-medium",
38601
38622
  children: "Clear"
38602
38623
  }
38603
38624
  )
38604
38625
  ] })
38605
38626
  ] }),
38606
38627
  Object.entries(grouped).map(([category, comps]) => /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "mb-3", children: [
38607
- /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "text-[10px] font-semibold text-[var(--foreground)]/40 uppercase tracking-wide mb-1.5", children: category }),
38628
+ /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wide mb-1.5", children: category }),
38608
38629
  /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "grid grid-cols-2 gap-1.5", children: comps.map((comp) => {
38609
38630
  const isSelected = selections[activeStageId]?.has(comp.name) || false;
38610
38631
  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
@@ -38621,7 +38642,7 @@ var MultiAgentUISelector = ({
38621
38642
  },
38622
38643
  className: cn(
38623
38644
  "text-left p-2.5 rounded-lg border text-[11px] transition-all overflow-hidden cursor-pointer",
38624
- isSelected ? "border-interactive bg-interactive/5" : "border-[var(--border-color)] hover:border-interactive/50",
38645
+ isSelected ? "border-interactive bg-interactive/5" : "border-border hover:border-interactive/50",
38625
38646
  (submitted || !isLatestMessage) && "opacity-60 cursor-default"
38626
38647
  ),
38627
38648
  children: [
@@ -38631,7 +38652,7 @@ var MultiAgentUISelector = ({
38631
38652
  {
38632
38653
  className: cn(
38633
38654
  "w-3.5 h-3.5 rounded border flex items-center justify-center shrink-0",
38634
- isSelected ? "bg-interactive border-interactive" : "border-[var(--foreground)]/20"
38655
+ isSelected ? "bg-interactive border-interactive" : "border-muted-foreground/30"
38635
38656
  ),
38636
38657
  children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
38637
38658
  "svg",
@@ -38647,7 +38668,7 @@ var MultiAgentUISelector = ({
38647
38668
  )
38648
38669
  }
38649
38670
  ),
38650
- /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "font-medium text-[var(--foreground)]", children: comp.display_name }),
38671
+ /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "font-medium text-foreground", children: comp.display_name }),
38651
38672
  comp.recommended && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "px-1 py-px text-[8px] font-semibold uppercase tracking-wider rounded-full bg-emerald-500/10 text-emerald-600 border border-emerald-500/20 leading-tight", children: "Rec" }),
38652
38673
  onPreview && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
38653
38674
  "button",
@@ -38657,7 +38678,7 @@ var MultiAgentUISelector = ({
38657
38678
  e.stopPropagation();
38658
38679
  onPreview(comp.name);
38659
38680
  },
38660
- className: "ml-auto shrink-0 p-0.5 rounded hover:bg-[var(--foreground)]/10 transition-colors",
38681
+ className: "ml-auto shrink-0 p-0.5 rounded hover:bg-muted transition-colors",
38661
38682
  title: `Preview ${comp.display_name}`,
38662
38683
  children: /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
38663
38684
  "svg",
@@ -38670,7 +38691,7 @@ var MultiAgentUISelector = ({
38670
38691
  strokeWidth: "2",
38671
38692
  strokeLinecap: "round",
38672
38693
  strokeLinejoin: "round",
38673
- className: "text-[var(--foreground)]/40 hover:text-[var(--primary-color)]",
38694
+ className: "text-muted-foreground hover:text-primary",
38674
38695
  children: [
38675
38696
  /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
38676
38697
  /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
@@ -38681,7 +38702,7 @@ var MultiAgentUISelector = ({
38681
38702
  }
38682
38703
  )
38683
38704
  ] }),
38684
- /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "text-[10px] text-[var(--foreground)]/40 mt-0.5 ml-5 whitespace-normal", children: comp.description })
38705
+ /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "text-[10px] text-muted-foreground mt-0.5 ml-5 whitespace-normal", children: comp.description })
38685
38706
  ]
38686
38707
  },
38687
38708
  comp.name
@@ -38689,7 +38710,7 @@ var MultiAgentUISelector = ({
38689
38710
  }) })
38690
38711
  ] }, category))
38691
38712
  ] }),
38692
- !submitted && isLatestMessage && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "px-4 pb-3", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
38713
+ !submitted && isLatestMessage && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "px-4 py-3 border-t border-border/60 bg-muted/30", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
38693
38714
  "button",
38694
38715
  {
38695
38716
  onClick: handleContinue,
@@ -38697,7 +38718,7 @@ var MultiAgentUISelector = ({
38697
38718
  children: "Continue"
38698
38719
  }
38699
38720
  ) }),
38700
- submitted && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "px-4 pb-3", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "text-[10px] text-emerald-600 font-medium text-center py-1.5 ", children: "Selections confirmed" }) })
38721
+ submitted && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "px-4 pb-3", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "text-[10px] text-emerald-600 font-medium text-center py-1.5", children: "Selections confirmed" }) })
38701
38722
  ]
38702
38723
  }
38703
38724
  );