pxengine 0.1.34 → 0.1.35

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.
package/dist/index.mjs CHANGED
@@ -36675,7 +36675,7 @@ var ToolListCard = ({
36675
36675
  "div",
36676
36676
  {
36677
36677
  className: cn(
36678
- "my-3 rounded-xl border border-[var(--border-color)] bg-[var(--card-background)] overflow-hidden shadow-sm",
36678
+ "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",
36679
36679
  className
36680
36680
  ),
36681
36681
  children: [
@@ -36702,10 +36702,10 @@ var ToolListCard = ({
36702
36702
  /* @__PURE__ */ jsx122("div", { className: "shrink-0 mt-0.5 w-5 h-5 rounded flex items-center justify-center bg-[var(--primary-color)]/[0.08]", children: /* @__PURE__ */ jsx122(ToolIcon, { className: "w-3 h-3 text-[var(--primary-color)]/60" }) }),
36703
36703
  /* @__PURE__ */ jsxs81("div", { className: "flex-1 min-w-0", children: [
36704
36704
  /* @__PURE__ */ jsxs81("div", { className: "flex items-center gap-2 flex-wrap", children: [
36705
- tool.display_name && tool.display_name !== tool.name && /* @__PURE__ */ jsx122("span", { className: "text-[13px] font-medium text-[var(--foreground)]", children: tool.display_name }),
36706
- /* @__PURE__ */ jsx122("span", { className: "text-[11px] font-mono px-1.5 py-0.5 rounded bg-[var(--foreground)]/[0.06] text-[var(--foreground)]/50 border border-[var(--foreground)]/[0.06]", children: tool.name })
36705
+ tool.display_name && tool.display_name !== tool.name && /* @__PURE__ */ jsx122("span", { className: "text-[13px] font-medium text-[var(--foreground)] truncate max-w-full", children: tool.display_name }),
36706
+ /* @__PURE__ */ jsx122("span", { className: "text-[11px] font-mono px-1.5 py-0.5 rounded bg-[var(--foreground)]/[0.06] text-[var(--foreground)]/50 border border-[var(--foreground)]/[0.06] truncate", children: tool.name })
36707
36707
  ] }),
36708
- tool.description && /* @__PURE__ */ jsx122("p", { className: "text-xs text-[var(--foreground)]/50 leading-relaxed mt-0.5", children: tool.description })
36708
+ tool.description && /* @__PURE__ */ jsx122("p", { className: "text-xs text-[var(--foreground)]/50 leading-relaxed mt-0.5 break-words whitespace-normal", children: tool.description })
36709
36709
  ] })
36710
36710
  ]
36711
36711
  },
@@ -36808,7 +36808,7 @@ var AgentCard = ({
36808
36808
  "div",
36809
36809
  {
36810
36810
  className: cn(
36811
- "my-3 rounded-xl border border-[var(--border-color)] bg-[var(--card-background)] overflow-hidden",
36811
+ "text-foreground hover:bg-muted/50 hover:text-foreground my-3 rounded-xl border border-[var(--border-color)] bg-[var(--card-background)] overflow-hidden",
36812
36812
  className
36813
36813
  ),
36814
36814
  children: [
@@ -36817,40 +36817,19 @@ var AgentCard = ({
36817
36817
  /* @__PURE__ */ jsx123(AvatarImage, { src: isEditing && editState.image ? editState.image : avatarUrl, alt: agent.display_name }),
36818
36818
  /* @__PURE__ */ jsx123(AvatarFallback, { className: "bg-[var(--primary-color)]/10 text-[var(--primary-color)] text-lg font-bold", children: agent.display_name.charAt(0) })
36819
36819
  ] }),
36820
- /* @__PURE__ */ jsx123("div", { className: "flex-1 min-w-0", children: isEditing ? /* @__PURE__ */ jsxs82("div", { className: "space-y-2", children: [
36821
- /* @__PURE__ */ jsx123(
36822
- "input",
36823
- {
36824
- type: "text",
36825
- value: editState.display_name,
36826
- onChange: (e) => setEditState((s) => ({ ...s, display_name: e.target.value })),
36827
- className: "w-full bg-[var(--card-background)] border border-[var(--border-color)] rounded-lg px-3 py-1.5 text-sm text-[var(--foreground)] font-semibold outline-none focus:border-[var(--primary-color)] transition-colors",
36828
- placeholder: "Display name"
36829
- }
36830
- ),
36831
- /* @__PURE__ */ jsx123(
36832
- "textarea",
36833
- {
36834
- value: editState.description,
36835
- onChange: (e) => setEditState((s) => ({ ...s, description: e.target.value })),
36836
- className: "w-full bg-[var(--card-background)] border border-[var(--border-color)] rounded-lg px-3 py-1.5 text-xs text-[var(--foreground)]/70 outline-none focus:border-[var(--primary-color)] transition-colors resize-none",
36837
- rows: 2,
36838
- placeholder: "Description"
36839
- }
36840
- ),
36841
- /* @__PURE__ */ jsx123(
36842
- "input",
36843
- {
36844
- type: "text",
36845
- value: editState.image,
36846
- onChange: (e) => setEditState((s) => ({ ...s, image: e.target.value })),
36847
- className: "w-full bg-[var(--card-background)] border border-[var(--border-color)] rounded-lg px-3 py-1.5 text-xs text-[var(--foreground)]/70 font-mono outline-none focus:border-[var(--primary-color)] transition-colors",
36848
- placeholder: "Avatar image URL"
36849
- }
36850
- )
36851
- ] }) : /* @__PURE__ */ jsxs82(Fragment4, { children: [
36820
+ /* @__PURE__ */ jsxs82("div", { className: "flex-1 min-w-0", children: [
36852
36821
  /* @__PURE__ */ jsxs82("div", { className: "flex items-center gap-2", children: [
36853
- /* @__PURE__ */ jsx123("h4", { className: "text-sm font-semibold text-[var(--foreground)] truncate", children: agent.display_name }),
36822
+ isEditing ? /* @__PURE__ */ jsx123(
36823
+ "input",
36824
+ {
36825
+ type: "text",
36826
+ value: editState.display_name,
36827
+ onChange: (e) => setEditState((s) => ({ ...s, display_name: e.target.value })),
36828
+ disabled: isSaving,
36829
+ className: "flex-1 bg-transparent border-b border-[var(--primary-color)]/30 text-sm font-semibold text-[var(--foreground)] outline-none focus:border-[var(--primary-color)] transition-all",
36830
+ placeholder: "Agent name"
36831
+ }
36832
+ ) : /* @__PURE__ */ jsx123("h4", { className: "text-sm font-semibold text-[var(--foreground)] truncate", children: agent.display_name }),
36854
36833
  /* @__PURE__ */ jsx123("span", { className: "text-[11px] font-mono text-[var(--foreground)]/40 bg-[var(--foreground)]/[0.05] px-1.5 py-0.5 rounded", children: agent.name }),
36855
36834
  /* @__PURE__ */ jsx123(
36856
36835
  "span",
@@ -36863,8 +36842,32 @@ var AgentCard = ({
36863
36842
  }
36864
36843
  )
36865
36844
  ] }),
36866
- /* @__PURE__ */ jsx123("p", { className: "text-xs text-[var(--foreground)]/60 mt-1 leading-relaxed", children: agent.description })
36867
- ] }) }),
36845
+ /* @__PURE__ */ jsx123("div", { className: "mt-1", children: isEditing ? /* @__PURE__ */ jsx123(
36846
+ "textarea",
36847
+ {
36848
+ value: editState.description,
36849
+ onChange: (e) => setEditState((s) => ({ ...s, description: e.target.value })),
36850
+ disabled: isSaving,
36851
+ className: "w-full bg-transparent border-b border-[var(--primary-color)]/30 text-xs text-[var(--foreground)]/70 outline-none focus:border-[var(--primary-color)] transition-all resize-none leading-relaxed min-h-[40px]",
36852
+ rows: 2,
36853
+ placeholder: "Describe this agent..."
36854
+ }
36855
+ ) : /* @__PURE__ */ jsx123("p", { className: "text-xs text-[var(--foreground)]/60 leading-relaxed", children: agent.description }) }),
36856
+ isEditing && /* @__PURE__ */ jsxs82("div", { className: "mt-2 flex items-center gap-2", children: [
36857
+ /* @__PURE__ */ jsx123("span", { className: "text-[10px] text-[var(--foreground)]/30 uppercase font-semibold", children: "Avatar:" }),
36858
+ /* @__PURE__ */ jsx123(
36859
+ "input",
36860
+ {
36861
+ type: "text",
36862
+ value: editState.image,
36863
+ onChange: (e) => setEditState((s) => ({ ...s, image: e.target.value })),
36864
+ disabled: isSaving,
36865
+ className: "flex-1 bg-[var(--foreground)]/[0.03] border border-[var(--border-color)] rounded px-2 py-0.5 text-[10px] text-[var(--foreground)]/50 font-mono outline-none focus:border-[var(--primary-color)]/50 transition-colors",
36866
+ placeholder: "URL"
36867
+ }
36868
+ )
36869
+ ] })
36870
+ ] }),
36868
36871
  editable && onSave && /* @__PURE__ */ jsx123("div", { className: "flex items-center gap-1.5 shrink-0", children: isEditing ? /* @__PURE__ */ jsxs82(Fragment4, { children: [
36869
36872
  /* @__PURE__ */ jsx123(
36870
36873
  "button",
@@ -36880,7 +36883,7 @@ var AgentCard = ({
36880
36883
  {
36881
36884
  onClick: handleSave,
36882
36885
  disabled: isSaving,
36883
- className: "text-[11px] px-2.5 py-1 rounded-md bg-[var(--primary-color)] text-white hover:opacity-90 transition-opacity disabled:opacity-50",
36886
+ className: "text-[11px] px-2.5 py-1 rounded-md bg-[var(--border-color)] text-foreground border border-[var(--border-color)] hover:opacity-90 transition-opacity disabled:opacity-50",
36884
36887
  children: isSaving ? "Saving..." : "Save"
36885
36888
  }
36886
36889
  )
@@ -36955,7 +36958,7 @@ var AgentDataTable = ({
36955
36958
  "div",
36956
36959
  {
36957
36960
  className: cn(
36958
- "my-3 rounded-xl border border-[var(--border-color)] bg-[var(--card-background)] overflow-hidden",
36961
+ "text-foreground hover:bg-muted/50 hover:text-foreground my-3 rounded-xl border border-[var(--border-color)] bg-[var(--card-background)] overflow-hidden",
36959
36962
  className
36960
36963
  ),
36961
36964
  children: /* @__PURE__ */ jsx124("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs83("table", { className: "w-full text-xs", children: [
@@ -36999,7 +37002,7 @@ var WorkflowVisualizer = ({
36999
37002
  "div",
37000
37003
  {
37001
37004
  className: cn(
37002
- "my-3 rounded-xl border border-[var(--border-color)] bg-[var(--card-background)] overflow-hidden shadow-sm",
37005
+ "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",
37003
37006
  className
37004
37007
  ),
37005
37008
  children: [
@@ -37130,7 +37133,7 @@ var InstructionPreview = ({
37130
37133
  "div",
37131
37134
  {
37132
37135
  className: cn(
37133
- "my-3 rounded-xl border border-[var(--border-color)] bg-[var(--card-background)] overflow-hidden shadow-sm",
37136
+ "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",
37134
37137
  className
37135
37138
  ),
37136
37139
  children: [