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.
Files changed (6) hide show
  1. package/dist/index.cjs +47 -44
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.mjs +47 -44
  4. package/dist/index.mjs.map +1 -1
  5. package/dist/registry.json +1 -1
  6. package/package.json +3 -2
package/dist/index.cjs CHANGED
@@ -36950,7 +36950,7 @@ var ToolListCard = ({
36950
36950
  "div",
36951
36951
  {
36952
36952
  className: cn(
36953
- "my-3 rounded-xl border border-[var(--border-color)] bg-[var(--card-background)] overflow-hidden shadow-sm",
36953
+ "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",
36954
36954
  className
36955
36955
  ),
36956
36956
  children: [
@@ -36977,10 +36977,10 @@ var ToolListCard = ({
36977
36977
  /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("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__ */ (0, import_jsx_runtime122.jsx)(ToolIcon, { className: "w-3 h-3 text-[var(--primary-color)]/60" }) }),
36978
36978
  /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex-1 min-w-0", children: [
36979
36979
  /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex items-center gap-2 flex-wrap", children: [
36980
- tool.display_name && tool.display_name !== tool.name && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "text-[13px] font-medium text-[var(--foreground)]", children: tool.display_name }),
36981
- /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("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 })
36980
+ tool.display_name && tool.display_name !== tool.name && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "text-[13px] font-medium text-[var(--foreground)] truncate max-w-full", children: tool.display_name }),
36981
+ /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("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 })
36982
36982
  ] }),
36983
- tool.description && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "text-xs text-[var(--foreground)]/50 leading-relaxed mt-0.5", children: tool.description })
36983
+ tool.description && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "text-xs text-[var(--foreground)]/50 leading-relaxed mt-0.5 break-words whitespace-normal", children: tool.description })
36984
36984
  ] })
36985
36985
  ]
36986
36986
  },
@@ -37083,7 +37083,7 @@ var AgentCard = ({
37083
37083
  "div",
37084
37084
  {
37085
37085
  className: cn(
37086
- "my-3 rounded-xl border border-[var(--border-color)] bg-[var(--card-background)] overflow-hidden",
37086
+ "text-foreground hover:bg-muted/50 hover:text-foreground my-3 rounded-xl border border-[var(--border-color)] bg-[var(--card-background)] overflow-hidden",
37087
37087
  className
37088
37088
  ),
37089
37089
  children: [
@@ -37092,40 +37092,19 @@ var AgentCard = ({
37092
37092
  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(AvatarImage, { src: isEditing && editState.image ? editState.image : avatarUrl, alt: agent.display_name }),
37093
37093
  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(AvatarFallback, { className: "bg-[var(--primary-color)]/10 text-[var(--primary-color)] text-lg font-bold", children: agent.display_name.charAt(0) })
37094
37094
  ] }),
37095
- /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "flex-1 min-w-0", children: isEditing ? /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "space-y-2", children: [
37096
- /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
37097
- "input",
37098
- {
37099
- type: "text",
37100
- value: editState.display_name,
37101
- onChange: (e) => setEditState((s) => ({ ...s, display_name: e.target.value })),
37102
- 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",
37103
- placeholder: "Display name"
37104
- }
37105
- ),
37106
- /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
37107
- "textarea",
37108
- {
37109
- value: editState.description,
37110
- onChange: (e) => setEditState((s) => ({ ...s, description: e.target.value })),
37111
- 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",
37112
- rows: 2,
37113
- placeholder: "Description"
37114
- }
37115
- ),
37116
- /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
37117
- "input",
37118
- {
37119
- type: "text",
37120
- value: editState.image,
37121
- onChange: (e) => setEditState((s) => ({ ...s, image: e.target.value })),
37122
- 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",
37123
- placeholder: "Avatar image URL"
37124
- }
37125
- )
37126
- ] }) : /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_jsx_runtime123.Fragment, { children: [
37095
+ /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex-1 min-w-0", children: [
37127
37096
  /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex items-center gap-2", children: [
37128
- /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("h4", { className: "text-sm font-semibold text-[var(--foreground)] truncate", children: agent.display_name }),
37097
+ isEditing ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
37098
+ "input",
37099
+ {
37100
+ type: "text",
37101
+ value: editState.display_name,
37102
+ onChange: (e) => setEditState((s) => ({ ...s, display_name: e.target.value })),
37103
+ disabled: isSaving,
37104
+ 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",
37105
+ placeholder: "Agent name"
37106
+ }
37107
+ ) : /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("h4", { className: "text-sm font-semibold text-[var(--foreground)] truncate", children: agent.display_name }),
37129
37108
  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("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 }),
37130
37109
  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
37131
37110
  "span",
@@ -37138,8 +37117,32 @@ var AgentCard = ({
37138
37117
  }
37139
37118
  )
37140
37119
  ] }),
37141
- /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("p", { className: "text-xs text-[var(--foreground)]/60 mt-1 leading-relaxed", children: agent.description })
37142
- ] }) }),
37120
+ /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "mt-1", children: isEditing ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
37121
+ "textarea",
37122
+ {
37123
+ value: editState.description,
37124
+ onChange: (e) => setEditState((s) => ({ ...s, description: e.target.value })),
37125
+ disabled: isSaving,
37126
+ 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]",
37127
+ rows: 2,
37128
+ placeholder: "Describe this agent..."
37129
+ }
37130
+ ) : /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("p", { className: "text-xs text-[var(--foreground)]/60 leading-relaxed", children: agent.description }) }),
37131
+ isEditing && /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "mt-2 flex items-center gap-2", children: [
37132
+ /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "text-[10px] text-[var(--foreground)]/30 uppercase font-semibold", children: "Avatar:" }),
37133
+ /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
37134
+ "input",
37135
+ {
37136
+ type: "text",
37137
+ value: editState.image,
37138
+ onChange: (e) => setEditState((s) => ({ ...s, image: e.target.value })),
37139
+ disabled: isSaving,
37140
+ 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",
37141
+ placeholder: "URL"
37142
+ }
37143
+ )
37144
+ ] })
37145
+ ] }),
37143
37146
  editable && onSave && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "flex items-center gap-1.5 shrink-0", children: isEditing ? /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_jsx_runtime123.Fragment, { children: [
37144
37147
  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
37145
37148
  "button",
@@ -37155,7 +37158,7 @@ var AgentCard = ({
37155
37158
  {
37156
37159
  onClick: handleSave,
37157
37160
  disabled: isSaving,
37158
- className: "text-[11px] px-2.5 py-1 rounded-md bg-[var(--primary-color)] text-white hover:opacity-90 transition-opacity disabled:opacity-50",
37161
+ 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",
37159
37162
  children: isSaving ? "Saving..." : "Save"
37160
37163
  }
37161
37164
  )
@@ -37230,7 +37233,7 @@ var AgentDataTable = ({
37230
37233
  "div",
37231
37234
  {
37232
37235
  className: cn(
37233
- "my-3 rounded-xl border border-[var(--border-color)] bg-[var(--card-background)] overflow-hidden",
37236
+ "text-foreground hover:bg-muted/50 hover:text-foreground my-3 rounded-xl border border-[var(--border-color)] bg-[var(--card-background)] overflow-hidden",
37234
37237
  className
37235
37238
  ),
37236
37239
  children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: "overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("table", { className: "w-full text-xs", children: [
@@ -37274,7 +37277,7 @@ var WorkflowVisualizer = ({
37274
37277
  "div",
37275
37278
  {
37276
37279
  className: cn(
37277
- "my-3 rounded-xl border border-[var(--border-color)] bg-[var(--card-background)] overflow-hidden shadow-sm",
37280
+ "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",
37278
37281
  className
37279
37282
  ),
37280
37283
  children: [
@@ -37405,7 +37408,7 @@ var InstructionPreview = ({
37405
37408
  "div",
37406
37409
  {
37407
37410
  className: cn(
37408
- "my-3 rounded-xl border border-[var(--border-color)] bg-[var(--card-background)] overflow-hidden shadow-sm",
37411
+ "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",
37409
37412
  className
37410
37413
  ),
37411
37414
  children: [