From 5ad6cff039c71f3f8505da74a3c5a9d22bf2ea40 Mon Sep 17 00:00:00 2001
From: Mohamed Boudra <boudra.moha@gmail.com>
Date: Wed, 27 May 2026 10:56:31 +0700
Subject: [PATCH] Drop color treatment from agent mode controls

---
 .../composer/agent-controls/mode-control.tsx  | 31 ++-----------------
 1 file changed, 2 insertions(+), 29 deletions(-)

diff --git a/packages/app/src/composer/agent-controls/mode-control.tsx b/packages/app/src/composer/agent-controls/mode-control.tsx
index 79c7ee151..870fae7ce 100644
--- a/packages/app/src/composer/agent-controls/mode-control.tsx
+++ b/packages/app/src/composer/agent-controls/mode-control.tsx
@@ -31,7 +31,6 @@ import { formatAgentModeLabel } from "@/composer/agent-controls/utils";
 import type { AgentMode, AgentProvider } from "@server/server/agent/agent-sdk-types";
 import {
   getModeVisuals,
-  type AgentModeColorTier,
   type AgentProviderDefinition,
 } from "@server/server/agent/provider-manifest";
 
@@ -54,32 +53,6 @@ const MODE_ICONS: Record<string, ComponentType<ModeIconProps>> = {
   ShieldQuestionMark,
 };
 
-interface ModePalette {
-  blue: { 500: string };
-  green: { 500: string };
-  red: { 500: string };
-  purple: { 500: string };
-}
-
-function getModeIconColor(colorTier: AgentModeColorTier | undefined, palette: ModePalette): string {
-  if (colorTier?.startsWith("#")) {
-    return colorTier;
-  }
-
-  switch (colorTier) {
-    case "safe":
-      return palette.green[500];
-    case "moderate":
-      return palette.blue[500];
-    case "dangerous":
-      return palette.red[500];
-    case "planning":
-      return palette.purple[500];
-    default:
-      return palette.blue[500];
-  }
-}
-
 interface ModeComboboxOptionProps {
   option: ComboboxOption;
   selected: boolean;
@@ -151,7 +124,7 @@ function AgentModeControlView({
     ? getModeVisuals(provider, selectedMode.id, providerDefinitions)
     : undefined;
   const Icon = visuals?.icon ? MODE_ICONS[visuals.icon] : undefined;
-  const iconColor = getModeIconColor(visuals?.colorTier, theme.colors.palette);
+  const iconColor = theme.colors.foregroundMuted;
   const selectedModeLabel = selectedMode ? formatAgentModeLabel(selectedMode) : "";
 
   const allOptions = useMemo<ComboboxOption[]>(
@@ -208,7 +181,7 @@ function AgentModeControlView({
     [open, disabled],
   );
 
-  const labelStyle = useMemo(() => [styles.chipLabel, { color: iconColor }], [iconColor]);
+  const labelStyle = styles.chipLabel;
 
   const sheetHeader = useMemo<SheetHeader>(
     () => ({