@burdenoff/microfe-vibecontrols 2026.1022.3 → 2026.1022.4

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 (4) hide show
  1. package/dist/components/agents/AgentCard.js +12 -17
  2. package/dist/components/shared/SearchableSelect.js +1 -1
  3. package/dist/components/targets/TargetCard.js +14 -13
  4. package/package.json +1 -1
package/dist/components/agents/AgentCard.js CHANGED
@@ -47,13 +47,7 @@ var x = ({ agent: x, onSelect: S, onConfigure: C, onSettings: w, onStart: T, onS
47
47
  icon: h,
48
48
  onSelect: () => P(x)
49
49
  }), /* @__PURE__ */ y("div", {
50
- role: "button",
51
- tabIndex: 0,
52
- className: `bg-bg-surface border rounded-card shadow-elevation-1 p-5 h-full hover:border-border-strong hover:shadow-elevation-2 transition-all duration-200 ease-[var(--motion-easing-out)] cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus focus-visible:ring-offset-2 focus-visible:ring-offset-bg-canvas ${k ? "border-transparent ring-1 ring-[var(--color-focus-ring)] bg-[var(--color-accent-soft)]" : "border-border-subtle"} ${j}`,
53
- onClick: () => S?.(x),
54
- onKeyDown: (e) => {
55
- e.target === e.currentTarget && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), S?.(x));
56
- },
50
+ className: `relative bg-bg-surface border rounded-card shadow-elevation-1 p-5 h-full hover:border-border-strong hover:shadow-elevation-2 transition-all duration-200 ease-[var(--motion-easing-out)] ${S ? "cursor-pointer" : ""} ${k ? "border-transparent ring-1 ring-[var(--color-focus-ring)] bg-[var(--color-accent-soft)]" : "border-border-subtle"} ${j}`,
57
51
  children: [
58
52
  /* @__PURE__ */ y("div", {
59
53
  className: "flex items-start justify-between gap-2",
@@ -61,9 +55,9 @@ var x = ({ agent: x, onSelect: S, onConfigure: C, onSettings: w, onStart: T, onS
61
55
  className: "flex items-start gap-2 sm:gap-3 min-w-0 flex-1",
62
56
  children: [
63
57
  A && /* @__PURE__ */ v("span", {
64
- className: "flex flex-shrink-0 items-center justify-center max-md:min-h-11 max-md:min-w-11 max-md:-m-2 md:mt-0.5",
58
+ className: "relative z-10 flex flex-shrink-0 items-center justify-center max-md:min-h-11 max-md:min-w-11 max-md:-m-2 md:mt-0.5",
65
59
  onClick: (e) => {
66
- e.stopPropagation(), e.target === e.currentTarget && A();
60
+ e.target === e.currentTarget && A();
67
61
  },
68
62
  children: /* @__PURE__ */ v(b, {
69
63
  checked: k,
@@ -86,7 +80,12 @@ var x = ({ agent: x, onSelect: S, onConfigure: C, onSettings: w, onStart: T, onS
86
80
  children: [
87
81
  /* @__PURE__ */ v("h3", {
88
82
  className: "font-semibold text-text-primary truncate min-w-0 text-sm sm:text-base tracking-tight",
89
- children: x.name
83
+ children: S ? /* @__PURE__ */ v("button", {
84
+ type: "button",
85
+ onClick: () => S(x),
86
+ className: "max-w-full truncate text-left focus-visible:outline-none after:absolute after:inset-0 after:rounded-card after:content-[''] focus-visible:after:ring-2 focus-visible:after:ring-border-focus focus-visible:after:ring-offset-2 focus-visible:after:ring-offset-bg-canvas",
87
+ children: x.name
88
+ }) : x.name
90
89
  }),
91
90
  /* @__PURE__ */ v(n, {
92
91
  platform: x.platform,
@@ -115,14 +114,11 @@ var x = ({ agent: x, onSelect: S, onConfigure: C, onSettings: w, onStart: T, onS
115
114
  })
116
115
  ]
117
116
  }), /* @__PURE__ */ y("div", {
118
- className: "flex items-center gap-1 sm:gap-2 flex-shrink-0",
117
+ className: "relative z-10 flex items-center gap-1 sm:gap-2 flex-shrink-0",
119
118
  children: [/* @__PURE__ */ v(a, {
120
119
  status: F,
121
120
  reason: M ?? null,
122
- linkTo: `/vibecontrols/agents/${x.id}?tab=connection`,
123
- onClick: (e) => {
124
- e.stopPropagation();
125
- }
121
+ linkTo: `/vibecontrols/agents/${x.id}?tab=connection`
126
122
  }), (P || T || E) && L.length > 0 && /* @__PURE__ */ v(t, {
127
123
  ariaLabel: N("agentsPage.agentActionsMenu", "Agent actions menu"),
128
124
  title: N("agentsPage.agentActions", "Agent actions"),
@@ -171,7 +167,7 @@ var x = ({ agent: x, onSelect: S, onConfigure: C, onSettings: w, onStart: T, onS
171
167
  })]
172
168
  }),
173
169
  x.tunnelUrl && /* @__PURE__ */ y("div", {
174
- className: "mt-4 flex items-center gap-2 text-sm",
170
+ className: "relative z-10 mt-4 flex items-center gap-2 text-sm",
175
171
  children: [
176
172
  /* @__PURE__ */ v(l, {
177
173
  className: "size-4 flex-shrink-0 text-text-secondary",
@@ -185,7 +181,6 @@ var x = ({ agent: x, onSelect: S, onConfigure: C, onSettings: w, onStart: T, onS
185
181
  href: x.tunnelUrl,
186
182
  target: "_blank",
187
183
  rel: "noopener noreferrer",
188
- onClick: (e) => e.stopPropagation(),
189
184
  "aria-label": N("agentsPage.tunnelOpensInNewTab", "{{url}} (opens in new tab)", { url: x.tunnelUrl }),
190
185
  className: "min-w-0 truncate font-mono text-xs text-text-link hover:text-text-linkHover hover:underline",
191
186
  children: x.tunnelUrl
package/dist/components/shared/SearchableSelect.js CHANGED
@@ -86,7 +86,7 @@ function _({ label: _, placeholder: v, options: y, value: b, onChange: x, search
86
86
  children: [_, ":"]
87
87
  }),
88
88
  /* @__PURE__ */ f("span", {
89
- className: `flex-1 truncate ${U ? "font-medium" : "text-text-placeholder"}`,
89
+ className: `flex-1 truncate ${U ? "font-medium" : "text-text-secondary"}`,
90
90
  children: U?.label || k
91
91
  }),
92
92
  /* @__PURE__ */ p("span", {
package/dist/components/targets/TargetCard.js CHANGED
@@ -21,7 +21,7 @@ var h = {
21
21
  }
22
22
  }, g = "bg-bg-sunken text-text-secondary border border-border-default", _ = ({ target: _, onTest: v, onTerminal: y, onOpenDetail: b, onInstallAgent: x, onUninstallAgent: S, onDelete: C, onEdit: w, selected: T = !1, onToggleSelect: E, highlighted: D = !1, isStartingTerminal: O = !1 }) => {
23
23
  let k = e(), A = _.agents.length > 0, j = () => (b ?? y)?.(_.id), M = [];
24
- return v && M.push({
24
+ v && M.push({
25
25
  key: "test",
26
26
  label: k("vibecontrols.targets.testConnection", "Test Connection"),
27
27
  icon: a,
@@ -56,15 +56,11 @@ var h = {
56
56
  icon: d,
57
57
  onSelect: () => C(_.id),
58
58
  variant: "danger"
59
- }), /* @__PURE__ */ p("div", {
59
+ });
60
+ let N = !!(b ?? y);
61
+ return /* @__PURE__ */ p("div", {
60
62
  id: `target-row-${_.id}`,
61
- role: "button",
62
- tabIndex: 0,
63
- className: `bg-bg-surface border rounded-card p-4 h-full hover:border-border-strong hover:shadow-[var(--shadow-elevation-1)] transition-[colors,box-shadow] duration-150 cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus focus-visible:ring-offset-2 focus-visible:ring-offset-bg-canvas ${T ? "border-action-primary-bg ring-1 ring-action-primary-bg/30" : D ? "border-action-primary-bg bg-action-primary-bg/5" : "border-border-default"}`,
64
- onClick: j,
65
- onKeyDown: (e) => {
66
- e.target === e.currentTarget && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), j());
67
- },
63
+ className: `relative bg-bg-surface border rounded-card p-4 h-full hover:border-border-strong hover:shadow-[var(--shadow-elevation-1)] transition-[colors,box-shadow] duration-150 ${N ? "cursor-pointer" : ""} ${T ? "border-action-primary-bg ring-1 ring-action-primary-bg/30" : D ? "border-action-primary-bg bg-action-primary-bg/5" : "border-border-default"}`,
68
64
  children: [
69
65
  /* @__PURE__ */ p("div", {
70
66
  className: "flex items-start justify-between gap-2",
@@ -72,9 +68,9 @@ var h = {
72
68
  className: "flex items-start gap-2 sm:gap-3 min-w-0 flex-1",
73
69
  children: [
74
70
  E && /* @__PURE__ */ f("span", {
75
- className: "flex flex-shrink-0 items-center justify-center max-md:min-h-11 max-md:min-w-11 max-md:-m-2 md:mt-0.5",
71
+ className: "relative z-10 flex flex-shrink-0 items-center justify-center max-md:min-h-11 max-md:min-w-11 max-md:-m-2 md:mt-0.5",
76
72
  onClick: (e) => {
77
- e.stopPropagation(), e.target === e.currentTarget && E();
73
+ e.target === e.currentTarget && E();
78
74
  },
79
75
  children: /* @__PURE__ */ f(m, {
80
76
  checked: T,
@@ -96,7 +92,12 @@ var h = {
96
92
  className: "flex items-center gap-1.5 sm:gap-2 flex-wrap min-w-0",
97
93
  children: [/* @__PURE__ */ f("h3", {
98
94
  className: "font-semibold text-text-primary truncate min-w-0 text-sm sm:text-base",
99
- children: _.name
95
+ children: N ? /* @__PURE__ */ f("button", {
96
+ type: "button",
97
+ onClick: j,
98
+ className: "max-w-full truncate text-left focus-visible:outline-none after:absolute after:inset-0 after:rounded-card after:content-[''] focus-visible:after:ring-2 focus-visible:after:ring-border-focus focus-visible:after:ring-offset-2 focus-visible:after:ring-offset-bg-canvas",
99
+ children: _.name
100
+ }) : _.name
100
101
  }), /* @__PURE__ */ f("span", {
101
102
  className: `inline-flex items-center px-2 py-0.5 text-xs font-medium uppercase tracking-wide rounded-full ${g}`,
102
103
  children: _.type
@@ -108,7 +109,7 @@ var h = {
108
109
  })
109
110
  ]
110
111
  }), /* @__PURE__ */ p("div", {
111
- className: "flex items-center gap-1 sm:gap-2 flex-shrink-0",
112
+ className: "relative z-10 flex items-center gap-1 sm:gap-2 flex-shrink-0",
112
113
  children: [/* @__PURE__ */ f(t, {
113
114
  status: h[_.status].label,
114
115
  variant: h[_.status].variant
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@burdenoff/microfe-vibecontrols",
3
- "version": "2026.1022.3",
3
+ "version": "2026.1022.4",
4
4
  "description": "VibeControls microfrontend for Burdenoff products",
5
5
  "type": "module",
6
6
  "files": [