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.mjs CHANGED
@@ -37882,23 +37882,43 @@ function UIComponentSelector({
37882
37882
  "div",
37883
37883
  {
37884
37884
  className: cn(
37885
- "rounded-xl border border-[var(--border-color)] bg-[var(--card-background)] overflow-hidden",
37885
+ "my-3 rounded-xl border border-border bg-card overflow-hidden shadow-sm",
37886
37886
  className
37887
37887
  ),
37888
37888
  style: FONT_STYLE6,
37889
37889
  children: [
37890
- /* @__PURE__ */ jsxs90("div", { className: "px-4 py-3 border-b border-[var(--border-color)] bg-[var(--foreground)]/[0.02]", children: [
37891
- /* @__PURE__ */ jsx132("h3", { className: "text-sm font-semibold text-[var(--foreground)]", children: "Select UI Components" }),
37892
- /* @__PURE__ */ jsx132("p", { className: "text-xs text-[var(--foreground)]/50 mt-0.5", children: "Choose which visual components this agent can use in its responses." })
37893
- ] }),
37890
+ /* @__PURE__ */ jsx132("div", { className: "px-4 py-3 border-b border-border/60 bg-muted/40", children: /* @__PURE__ */ jsxs90("div", { className: "flex items-center gap-2", children: [
37891
+ /* @__PURE__ */ jsx132("div", { className: "w-5 h-5 rounded-md bg-interactive/15 flex items-center justify-center", children: /* @__PURE__ */ jsxs90(
37892
+ "svg",
37893
+ {
37894
+ width: "12",
37895
+ height: "12",
37896
+ viewBox: "0 0 24 24",
37897
+ fill: "none",
37898
+ stroke: "currentColor",
37899
+ strokeWidth: "2",
37900
+ className: "text-interactive",
37901
+ children: [
37902
+ /* @__PURE__ */ jsx132("rect", { x: "3", y: "3", width: "7", height: "7" }),
37903
+ /* @__PURE__ */ jsx132("rect", { x: "14", y: "3", width: "7", height: "7" }),
37904
+ /* @__PURE__ */ jsx132("rect", { x: "3", y: "14", width: "7", height: "7" }),
37905
+ /* @__PURE__ */ jsx132("rect", { x: "14", y: "14", width: "7", height: "7" })
37906
+ ]
37907
+ }
37908
+ ) }),
37909
+ /* @__PURE__ */ jsxs90("div", { children: [
37910
+ /* @__PURE__ */ jsx132("h3", { className: "text-xs font-semibold text-foreground", children: "Select UI Components" }),
37911
+ /* @__PURE__ */ jsx132("p", { className: "text-[10px] text-muted-foreground mt-0.5", children: "Choose which visual components this agent can use in its responses." })
37912
+ ] })
37913
+ ] }) }),
37894
37914
  /* @__PURE__ */ jsx132("div", { className: "px-4 py-3 space-y-4", children: categoryOrder.map((category) => /* @__PURE__ */ jsxs90("div", { children: [
37895
- /* @__PURE__ */ jsx132("h4", { className: "text-xs font-medium text-[var(--foreground)]/50 uppercase tracking-wider mb-2", children: category }),
37915
+ /* @__PURE__ */ jsx132("h4", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wider mb-2", children: category }),
37896
37916
  /* @__PURE__ */ jsx132("div", { className: "space-y-1.5", children: grouped[category].map((comp) => /* @__PURE__ */ jsxs90(
37897
37917
  "label",
37898
37918
  {
37899
37919
  className: cn(
37900
- "flex items-start gap-3 px-3 py-2 rounded-lg cursor-pointer transition-colors",
37901
- submitted || !isLatestMessage ? "cursor-default opacity-70" : "hover:bg-[var(--foreground)]/[0.03]",
37920
+ "flex items-start gap-3 px-3 py-2 rounded-lg cursor-pointer transition-all",
37921
+ submitted || !isLatestMessage ? "cursor-default opacity-60" : "hover:bg-muted/80",
37902
37922
  selected.has(comp.name) && !submitted && "bg-interactive/5 border border-interactive/20",
37903
37923
  selected.has(comp.name) && submitted && "bg-interactive/5"
37904
37924
  ),
@@ -37908,7 +37928,7 @@ function UIComponentSelector({
37908
37928
  {
37909
37929
  className: cn(
37910
37930
  "mt-0.5 w-4 h-4 rounded border flex items-center justify-center shrink-0 transition-colors",
37911
- selected.has(comp.name) ? "bg-interactive border-interactive" : "border-[var(--foreground)]/20"
37931
+ selected.has(comp.name) ? "bg-interactive border-interactive" : "border-muted-foreground/30"
37912
37932
  ),
37913
37933
  onClick: (e) => {
37914
37934
  e.preventDefault();
@@ -37940,7 +37960,7 @@ function UIComponentSelector({
37940
37960
  ),
37941
37961
  /* @__PURE__ */ jsxs90("div", { className: "flex-1 min-w-0", children: [
37942
37962
  /* @__PURE__ */ jsxs90("div", { className: "flex items-center gap-1", children: [
37943
- /* @__PURE__ */ jsx132("span", { className: "text-sm font-medium text-[var(--foreground)]", children: comp.display_name }),
37963
+ /* @__PURE__ */ jsx132("span", { className: "text-sm font-medium text-foreground", children: comp.display_name }),
37944
37964
  comp.recommended && /* @__PURE__ */ jsx132("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" }),
37945
37965
  onPreview && /* @__PURE__ */ jsx132(
37946
37966
  "button",
@@ -37951,7 +37971,7 @@ function UIComponentSelector({
37951
37971
  e.stopPropagation();
37952
37972
  onPreview(comp.name);
37953
37973
  },
37954
- className: "shrink-0 p-0.5 rounded hover:bg-[var(--foreground)]/10 transition-colors",
37974
+ className: "shrink-0 p-0.5 rounded hover:bg-muted transition-colors",
37955
37975
  title: `Preview ${comp.display_name}`,
37956
37976
  children: /* @__PURE__ */ jsxs90(
37957
37977
  "svg",
@@ -37964,7 +37984,7 @@ function UIComponentSelector({
37964
37984
  strokeWidth: "2",
37965
37985
  strokeLinecap: "round",
37966
37986
  strokeLinejoin: "round",
37967
- className: "text-[var(--foreground)]/40 hover:text-interactive",
37987
+ className: "text-muted-foreground hover:text-interactive",
37968
37988
  children: [
37969
37989
  /* @__PURE__ */ jsx132("circle", { cx: "12", cy: "12", r: "10" }),
37970
37990
  /* @__PURE__ */ jsx132("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
@@ -37975,15 +37995,15 @@ function UIComponentSelector({
37975
37995
  }
37976
37996
  )
37977
37997
  ] }),
37978
- /* @__PURE__ */ jsx132("span", { className: "ml-0 text-xs text-[var(--foreground)]/50", children: comp.description })
37998
+ /* @__PURE__ */ jsx132("span", { className: "ml-0 text-xs text-muted-foreground", children: comp.description })
37979
37999
  ] })
37980
38000
  ]
37981
38001
  },
37982
38002
  comp.name
37983
38003
  )) })
37984
38004
  ] }, category)) }),
37985
- !submitted && isLatestMessage && /* @__PURE__ */ jsxs90("div", { className: "px-4 py-3 border-t border-[var(--border-color)] flex items-center justify-between", children: [
37986
- /* @__PURE__ */ jsxs90("span", { className: "text-xs text-[var(--foreground)]/50", children: [
38005
+ !submitted && isLatestMessage && /* @__PURE__ */ jsxs90("div", { className: "px-4 py-3 border-t border-border/60 flex items-center justify-between bg-muted/30", children: [
38006
+ /* @__PURE__ */ jsxs90("span", { className: "text-xs text-muted-foreground", children: [
37987
38007
  selected.size,
37988
38008
  " selected"
37989
38009
  ] }),
@@ -37995,7 +38015,8 @@ function UIComponentSelector({
37995
38015
  children: "Continue"
37996
38016
  }
37997
38017
  )
37998
- ] })
38018
+ ] }),
38019
+ submitted && /* @__PURE__ */ jsx132("div", { className: "px-4 pb-3", children: /* @__PURE__ */ jsx132("div", { className: "text-[10px] text-emerald-600 font-medium text-center py-1.5", children: "Selections confirmed" }) })
37999
38020
  ]
38000
38021
  }
38001
38022
  );
@@ -38248,17 +38269,17 @@ var MultiAgentUISelector = ({
38248
38269
  "div",
38249
38270
  {
38250
38271
  className: cn(
38251
- "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",
38272
+ "my-3 rounded-xl border border-border bg-card overflow-hidden shadow-sm",
38252
38273
  className
38253
38274
  ),
38254
38275
  style: FONT_STYLE9,
38255
38276
  children: [
38256
- /* @__PURE__ */ jsx135("div", { className: "px-4 py-3 border-b border-[var(--border-color)] bg-[var(--foreground)]/[0.02]", children: /* @__PURE__ */ jsxs93("div", { className: "flex items-center gap-2", children: [
38257
- /* @__PURE__ */ jsx135("div", { className: "w-4 h-4 rounded bg-interactive/20 flex items-center justify-center", children: /* @__PURE__ */ jsxs93(
38277
+ /* @__PURE__ */ jsx135("div", { className: "px-4 py-3 border-b border-border/60 bg-muted/40", children: /* @__PURE__ */ jsxs93("div", { className: "flex items-center gap-2", children: [
38278
+ /* @__PURE__ */ jsx135("div", { className: "w-5 h-5 rounded-md bg-interactive/15 flex items-center justify-center", children: /* @__PURE__ */ jsxs93(
38258
38279
  "svg",
38259
38280
  {
38260
- width: "10",
38261
- height: "10",
38281
+ width: "12",
38282
+ height: "12",
38262
38283
  viewBox: "0 0 24 24",
38263
38284
  fill: "none",
38264
38285
  stroke: "currentColor",
@@ -38272,15 +38293,15 @@ var MultiAgentUISelector = ({
38272
38293
  ]
38273
38294
  }
38274
38295
  ) }),
38275
- /* @__PURE__ */ jsx135("span", { className: "text-xs font-semibold text-[var(--foreground)]", children: "UI Components per Stage" })
38296
+ /* @__PURE__ */ jsx135("span", { className: "text-xs font-semibold text-foreground", children: "UI Components per Stage" })
38276
38297
  ] }) }),
38277
- /* @__PURE__ */ jsx135("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__ */ jsx135(
38298
+ /* @__PURE__ */ jsx135("div", { className: "flex gap-1 border-b border-border/60 px-4 py-2 bg-muted/20", children: stages.map((stage) => /* @__PURE__ */ jsx135(
38278
38299
  "button",
38279
38300
  {
38280
38301
  onClick: () => setActiveStageId(stage.id),
38281
38302
  className: cn(
38282
38303
  "px-3 py-1.5 text-[11px] font-medium rounded-full transition-colors",
38283
- activeStageId === stage.id ? "bg-interactive text-white" : "text-[var(--foreground)]/50 hover:text-[var(--foreground)] hover:bg-[var(--foreground)]/[0.05]"
38304
+ activeStageId === stage.id ? "bg-interactive text-white" : "text-muted-foreground hover:text-foreground hover:bg-muted"
38284
38305
  ),
38285
38306
  children: stage.name
38286
38307
  },
@@ -38288,9 +38309,9 @@ var MultiAgentUISelector = ({
38288
38309
  )) }),
38289
38310
  /* @__PURE__ */ jsxs93("div", { className: "px-4 py-3", children: [
38290
38311
  activeStage && /* @__PURE__ */ jsxs93("div", { className: "flex items-center justify-between mb-3", children: [
38291
- /* @__PURE__ */ jsxs93("p", { className: "text-[10px] text-[var(--foreground)]/40", children: [
38312
+ /* @__PURE__ */ jsxs93("p", { className: "text-[10px] text-muted-foreground", children: [
38292
38313
  "Select components for ",
38293
- /* @__PURE__ */ jsx135("strong", { children: activeStage.name }),
38314
+ /* @__PURE__ */ jsx135("strong", { className: "text-foreground", children: activeStage.name }),
38294
38315
  " (",
38295
38316
  activeStage.agent_name,
38296
38317
  ")"
@@ -38304,19 +38325,19 @@ var MultiAgentUISelector = ({
38304
38325
  children: "Select All"
38305
38326
  }
38306
38327
  ),
38307
- /* @__PURE__ */ jsx135("span", { className: "text-[var(--foreground)]/20", children: "|" }),
38328
+ /* @__PURE__ */ jsx135("span", { className: "text-muted-foreground/40", children: "|" }),
38308
38329
  /* @__PURE__ */ jsx135(
38309
38330
  "button",
38310
38331
  {
38311
38332
  onClick: () => clearAll(activeStageId),
38312
- className: "text-[10px] text-[var(--foreground)]/40 hover:text-[var(--foreground)]/60 font-medium",
38333
+ className: "text-[10px] text-muted-foreground hover:text-foreground font-medium",
38313
38334
  children: "Clear"
38314
38335
  }
38315
38336
  )
38316
38337
  ] })
38317
38338
  ] }),
38318
38339
  Object.entries(grouped).map(([category, comps]) => /* @__PURE__ */ jsxs93("div", { className: "mb-3", children: [
38319
- /* @__PURE__ */ jsx135("p", { className: "text-[10px] font-semibold text-[var(--foreground)]/40 uppercase tracking-wide mb-1.5", children: category }),
38340
+ /* @__PURE__ */ jsx135("p", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wide mb-1.5", children: category }),
38320
38341
  /* @__PURE__ */ jsx135("div", { className: "grid grid-cols-2 gap-1.5", children: comps.map((comp) => {
38321
38342
  const isSelected = selections[activeStageId]?.has(comp.name) || false;
38322
38343
  return /* @__PURE__ */ jsxs93(
@@ -38333,7 +38354,7 @@ var MultiAgentUISelector = ({
38333
38354
  },
38334
38355
  className: cn(
38335
38356
  "text-left p-2.5 rounded-lg border text-[11px] transition-all overflow-hidden cursor-pointer",
38336
- isSelected ? "border-interactive bg-interactive/5" : "border-[var(--border-color)] hover:border-interactive/50",
38357
+ isSelected ? "border-interactive bg-interactive/5" : "border-border hover:border-interactive/50",
38337
38358
  (submitted || !isLatestMessage) && "opacity-60 cursor-default"
38338
38359
  ),
38339
38360
  children: [
@@ -38343,7 +38364,7 @@ var MultiAgentUISelector = ({
38343
38364
  {
38344
38365
  className: cn(
38345
38366
  "w-3.5 h-3.5 rounded border flex items-center justify-center shrink-0",
38346
- isSelected ? "bg-interactive border-interactive" : "border-[var(--foreground)]/20"
38367
+ isSelected ? "bg-interactive border-interactive" : "border-muted-foreground/30"
38347
38368
  ),
38348
38369
  children: isSelected && /* @__PURE__ */ jsx135(
38349
38370
  "svg",
@@ -38359,7 +38380,7 @@ var MultiAgentUISelector = ({
38359
38380
  )
38360
38381
  }
38361
38382
  ),
38362
- /* @__PURE__ */ jsx135("span", { className: "font-medium text-[var(--foreground)]", children: comp.display_name }),
38383
+ /* @__PURE__ */ jsx135("span", { className: "font-medium text-foreground", children: comp.display_name }),
38363
38384
  comp.recommended && /* @__PURE__ */ jsx135("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" }),
38364
38385
  onPreview && /* @__PURE__ */ jsx135(
38365
38386
  "button",
@@ -38369,7 +38390,7 @@ var MultiAgentUISelector = ({
38369
38390
  e.stopPropagation();
38370
38391
  onPreview(comp.name);
38371
38392
  },
38372
- className: "ml-auto shrink-0 p-0.5 rounded hover:bg-[var(--foreground)]/10 transition-colors",
38393
+ className: "ml-auto shrink-0 p-0.5 rounded hover:bg-muted transition-colors",
38373
38394
  title: `Preview ${comp.display_name}`,
38374
38395
  children: /* @__PURE__ */ jsxs93(
38375
38396
  "svg",
@@ -38382,7 +38403,7 @@ var MultiAgentUISelector = ({
38382
38403
  strokeWidth: "2",
38383
38404
  strokeLinecap: "round",
38384
38405
  strokeLinejoin: "round",
38385
- className: "text-[var(--foreground)]/40 hover:text-[var(--primary-color)]",
38406
+ className: "text-muted-foreground hover:text-primary",
38386
38407
  children: [
38387
38408
  /* @__PURE__ */ jsx135("circle", { cx: "12", cy: "12", r: "10" }),
38388
38409
  /* @__PURE__ */ jsx135("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
@@ -38393,7 +38414,7 @@ var MultiAgentUISelector = ({
38393
38414
  }
38394
38415
  )
38395
38416
  ] }),
38396
- /* @__PURE__ */ jsx135("p", { className: "text-[10px] text-[var(--foreground)]/40 mt-0.5 ml-5 whitespace-normal", children: comp.description })
38417
+ /* @__PURE__ */ jsx135("p", { className: "text-[10px] text-muted-foreground mt-0.5 ml-5 whitespace-normal", children: comp.description })
38397
38418
  ]
38398
38419
  },
38399
38420
  comp.name
@@ -38401,7 +38422,7 @@ var MultiAgentUISelector = ({
38401
38422
  }) })
38402
38423
  ] }, category))
38403
38424
  ] }),
38404
- !submitted && isLatestMessage && /* @__PURE__ */ jsx135("div", { className: "px-4 pb-3", children: /* @__PURE__ */ jsx135(
38425
+ !submitted && isLatestMessage && /* @__PURE__ */ jsx135("div", { className: "px-4 py-3 border-t border-border/60 bg-muted/30", children: /* @__PURE__ */ jsx135(
38405
38426
  "button",
38406
38427
  {
38407
38428
  onClick: handleContinue,
@@ -38409,7 +38430,7 @@ var MultiAgentUISelector = ({
38409
38430
  children: "Continue"
38410
38431
  }
38411
38432
  ) }),
38412
- submitted && /* @__PURE__ */ jsx135("div", { className: "px-4 pb-3", children: /* @__PURE__ */ jsx135("div", { className: "text-[10px] text-emerald-600 font-medium text-center py-1.5 ", children: "Selections confirmed" }) })
38433
+ submitted && /* @__PURE__ */ jsx135("div", { className: "px-4 pb-3", children: /* @__PURE__ */ jsx135("div", { className: "text-[10px] text-emerald-600 font-medium text-center py-1.5", children: "Selections confirmed" }) })
38413
38434
  ]
38414
38435
  }
38415
38436
  );