@burdenoff/microfe-vibecontrols 2026.623.1 → 2026.623.3

package/dist/pages/AgentDetailsPage.js

@@ -689,7 +689,7 @@ function x() {
 						disabled: E,
 						maxLength: 120,
 						"aria-label": C("agentDetails.renameInput", "New agent name"),
-						className: "flex-1 max-w-md px-3 py-1.5 text-sm bg-bg-surface border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-action-primary-bg",
+						className: "flex-1 max-w-md px-3 py-1.5 text-sm bg-bg-surface border border-border-subtle rounded-input text-text-primary placeholder:text-text-placeholder transition-colors focus:outline-none focus:ring-1 focus:ring-[var(--color-focus-ring)] focus:border-border-strong",
 						placeholder: j.name,
 						"data-testid": "agent-details-rename-input"
 					}),
@@ -770,8 +770,8 @@ function x() {
 						children: /* @__PURE__ */ v("div", {
 							className: "flex items-center gap-3",
 							children: [/* @__PURE__ */ _("div", {
-								className: "size-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-								children: /* @__PURE__ */ _(Ct, { className: "size-5 text-text-secondary" })
+								className: "size-10 rounded-lg bg-[var(--color-accent-soft)] flex items-center justify-center",
+								children: /* @__PURE__ */ _(Ct, { className: "size-5 text-action-primary-bg" })
 							}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
 								className: "text-sm text-text-secondary",
 								children: C("sessions.filterStatus", "Status")
@@ -790,8 +790,8 @@ function x() {
 						children: /* @__PURE__ */ v("div", {
 							className: "flex items-center gap-3",
 							children: [/* @__PURE__ */ _("div", {
-								className: "size-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-								children: /* @__PURE__ */ _(ct, { className: "size-5 text-text-secondary" })
+								className: "size-10 rounded-lg bg-[var(--color-accent-soft)] flex items-center justify-center",
+								children: /* @__PURE__ */ _(ct, { className: "size-5 text-action-primary-bg" })
 							}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
 								className: "text-sm text-text-secondary",
 								children: C("analytics.platform", "Platform")
@@ -810,8 +810,8 @@ function x() {
 						children: /* @__PURE__ */ v("div", {
 							className: "flex items-center gap-3",
 							children: [/* @__PURE__ */ _("div", {
-								className: "size-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-								children: /* @__PURE__ */ _(ht, { className: "size-5 text-text-secondary" })
+								className: "size-10 rounded-lg bg-[var(--color-accent-soft)] flex items-center justify-center",
+								children: /* @__PURE__ */ _(ht, { className: "size-5 text-action-primary-bg" })
 							}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
 								className: "text-sm text-text-secondary",
 								children: C("agentDetails.version", "Version")
@@ -826,8 +826,8 @@ function x() {
 						children: /* @__PURE__ */ v("div", {
 							className: "flex items-center gap-3",
 							children: [/* @__PURE__ */ _("div", {
-								className: "size-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-								children: /* @__PURE__ */ _(m, { className: "size-5 text-text-secondary" })
+								className: "size-10 rounded-lg bg-[var(--color-accent-soft)] flex items-center justify-center",
+								children: /* @__PURE__ */ _(m, { className: "size-5 text-action-primary-bg" })
 							}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
 								className: "text-sm text-text-secondary",
 								children: C("nav.sessions", "Sessions")