removed avatars and made ui improvements

agent/core/agent_loop.py

@@ -147,8 +147,6 @@ class Handlers:
         while iteration < max_iterations:
             messages = session.context_manager.get_messages()
             tools = session.tool_router.get_tool_specs_for_llm()
-            logger.info(f"_INFERENCE_API_KEY {_INFERENCE_API_KEY} {session.config.model_name.startswith('huggingface/')}")
-
             try:
                 # ── Stream the LLM response ──────────────────────────
                 response = await acompletion(

frontend/src/components/Chat/AssistantMessage.tsx

@@ -1,5 +1,4 @@
-import { Box, Stack, Avatar, Typography } from '@mui/material';
-import SmartToyOutlinedIcon from '@mui/icons-material/SmartToyOutlined';
+import { Box, Stack, Typography } from '@mui/material';
 import MarkdownContent from './MarkdownContent';
 import ToolCallGroup from './ToolCallGroup';
 import type { Message } from '@/types/agent';
@@ -48,61 +47,47 @@ export default function AssistantMessage({ message, isStreaming = false }: Assis
   };
 
   return (
-    <Stack direction="row" spacing={1.5} alignItems="flex-start">
-      <Avatar
-        sx={{
-          width: 28,
-          height: 28,
-          bgcolor: 'primary.main',
-          flexShrink: 0,
-          mt: 0.5,
-        }}
-      >
-        <SmartToyOutlinedIcon sx={{ fontSize: 16, color: '#fff' }} />
-      </Avatar>
-
-      <Box sx={{ flex: 1, minWidth: 0 }}>
-        {/* Role label + timestamp */}
-        <Stack direction="row" alignItems="baseline" spacing={1} sx={{ mb: 0.5 }}>
-          <Typography
-            variant="caption"
-            sx={{
-              fontWeight: 700,
-              fontSize: '0.72rem',
-              color: 'var(--muted-text)',
-              textTransform: 'uppercase',
-              letterSpacing: '0.04em',
-            }}
-          >
-            Assistant
-          </Typography>
-          <Typography
-            variant="caption"
-            sx={{
-              fontSize: '0.66rem',
-              color: 'var(--muted-text)',
-              opacity: 0.6,
-            }}
-          >
-            {new Date(message.timestamp).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}
-          </Typography>
-        </Stack>
-
-        {/* Message bubble */}
-        <Box
+    <Box sx={{ minWidth: 0 }}>
+      {/* Role label + timestamp */}
+      <Stack direction="row" alignItems="baseline" spacing={1} sx={{ mb: 0.5 }}>
+        <Typography
+          variant="caption"
+          sx={{
+            fontWeight: 700,
+            fontSize: '0.72rem',
+            color: 'var(--muted-text)',
+            textTransform: 'uppercase',
+            letterSpacing: '0.04em',
+          }}
+        >
+          Assistant
+        </Typography>
+        <Typography
+          variant="caption"
           sx={{
-            maxWidth: { xs: '95%', md: '85%' },
-            bgcolor: 'var(--surface)',
-            borderRadius: 1.5,
-            borderTopLeftRadius: 4,
-            px: { xs: 1.5, md: 2.5 },
-            py: 1.5,
-            border: '1px solid var(--border)',
+            fontSize: '0.66rem',
+            color: 'var(--muted-text)',
+            opacity: 0.6,
           }}
         >
-          {renderSegments()}
-        </Box>
+          {new Date(message.timestamp).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}
+        </Typography>
+      </Stack>
+
+      {/* Message bubble */}
+      <Box
+        sx={{
+          maxWidth: { xs: '95%', md: '85%' },
+          bgcolor: 'var(--surface)',
+          borderRadius: 1.5,
+          borderTopLeftRadius: 4,
+          px: { xs: 1.5, md: 2.5 },
+          py: 1.5,
+          border: '1px solid var(--border)',
+        }}
+      >
+        {renderSegments()}
       </Box>
-    </Stack>
+    </Box>
   );
 }

frontend/src/components/Chat/MarkdownContent.tsx

@@ -94,26 +94,6 @@ const markdownSx: SxProps<Theme> = {
   },
 };
 
-/** Blinking cursor shown at the end of streaming text. */
-const StreamingCursor = () => (
-  <Box
-    component="span"
-    sx={{
-      display: 'inline-block',
-      width: '2px',
-      height: '1.1em',
-      bgcolor: 'var(--text)',
-      ml: '2px',
-      verticalAlign: 'text-bottom',
-      animation: 'cursorBlink 1s step-end infinite',
-      '@keyframes cursorBlink': {
-        '0%, 100%': { opacity: 1 },
-        '50%': { opacity: 0 },
-      },
-    }}
-  />
-);
-
 /**
  * Throttled content for streaming: render the full markdown through
  * ReactMarkdown but only re-parse every ~80ms to avoid layout thrashing.
@@ -175,7 +155,6 @@ export default function MarkdownContent({ content, sx, isStreaming = false }: Ma
   return (
     <Box sx={[markdownSx, ...(Array.isArray(sx) ? sx : sx ? [sx] : [])]}>
       <ReactMarkdown remarkPlugins={remarkPlugins}>{displayContent}</ReactMarkdown>
-      {isStreaming && <StreamingCursor />}
     </Box>
   );
 }

frontend/src/components/Chat/UserMessage.tsx

@@ -1,5 +1,4 @@
-import { Box, Stack, Typography, Avatar, IconButton, Tooltip } from '@mui/material';
-import PersonOutlineIcon from '@mui/icons-material/PersonOutline';
+import { Box, Stack, Typography, IconButton, Tooltip } from '@mui/material';
 import CloseIcon from '@mui/icons-material/Close';
 import type { Message } from '@/types/agent';
 
@@ -99,19 +98,6 @@ export default function UserMessage({
           {new Date(message.timestamp).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}
         </Typography>
       </Box>
-
-      <Avatar
-        sx={{
-          width: 28,
-          height: 28,
-          bgcolor: 'var(--hover-bg)',
-          border: '1px solid var(--border)',
-          flexShrink: 0,
-          mt: 0.5,
-        }}
-      >
-        <PersonOutlineIcon sx={{ fontSize: 16, color: 'var(--muted-text)' }} />
-      </Avatar>
     </Stack>
   );
 }

frontend/src/components/CodePanel/CodePanel.tsx

@@ -1,5 +1,5 @@
-import { useRef, useEffect, useMemo } from 'react';
-import { Box, Stack, Typography, IconButton } from '@mui/material';
+import { useRef, useEffect, useMemo, useState, useCallback } from 'react';
+import { Box, Stack, Typography, IconButton, Button, Tooltip } from '@mui/material';
 import CloseIcon from '@mui/icons-material/Close';
 import RadioButtonUncheckedIcon from '@mui/icons-material/RadioButtonUnchecked';
 import CheckCircleIcon from '@mui/icons-material/CheckCircle';
@@ -7,6 +7,10 @@ import PlayCircleOutlineIcon from '@mui/icons-material/PlayCircleOutline';
 import CodeIcon from '@mui/icons-material/Code';
 import TerminalIcon from '@mui/icons-material/Terminal';
 import ArticleIcon from '@mui/icons-material/Article';
+import EditIcon from '@mui/icons-material/Edit';
+import UndoIcon from '@mui/icons-material/Undo';
+import ContentCopyIcon from '@mui/icons-material/ContentCopy';
+import CheckIcon from '@mui/icons-material/Check';
 import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
 import { vscDarkPlus, vs } from 'react-syntax-highlighter/dist/esm/styles/prism';
 import ReactMarkdown from 'react-markdown';
@@ -92,10 +96,15 @@ const markdownSx = {
 // ── Component ────────────────────────────────────────────────────
 
 export default function CodePanel() {
-  const { panelContent, panelTabs, activePanelTab, setActivePanelTab, removePanelTab, plan } =
+  const { panelContent, panelTabs, activePanelTab, setActivePanelTab, removePanelTab, plan, updatePanelTabContent, setEditedScript } =
     useAgentStore();
   const { setRightPanelOpen, themeMode } = useLayoutStore();
   const scrollRef = useRef<HTMLDivElement>(null);
+  const textareaRef = useRef<HTMLTextAreaElement>(null);
+  const [isEditing, setIsEditing] = useState(false);
+  const [editedContent, setEditedContent] = useState('');
+  const [originalContent, setOriginalContent] = useState('');
+  const [copied, setCopied] = useState(false);
 
   const activeTab = panelTabs.find((t) => t.id === activePanelTab);
   const currentContent = activeTab || panelContent;
@@ -104,6 +113,66 @@ export default function CodePanel() {
   const isDark = themeMode === 'dark';
   const syntaxTheme = isDark ? vscDarkPlus : vs;
 
+  // Check if this is an editable script tab
+  const isEditableScript = activeTab?.id === 'script' && activeTab?.language === 'python';
+  const hasUnsavedChanges = isEditing && editedContent !== originalContent;
+
+  // Sync edited content when switching tabs or content changes
+  useEffect(() => {
+    if (currentContent?.content && isEditableScript) {
+      setOriginalContent(currentContent.content);
+      if (!isEditing) {
+        setEditedContent(currentContent.content);
+      }
+    }
+  }, [currentContent?.content, isEditableScript, isEditing]);
+
+  // Exit editing when switching away from script tab
+  useEffect(() => {
+    if (!isEditableScript && isEditing) {
+      setIsEditing(false);
+    }
+  }, [isEditableScript, isEditing]);
+
+  const handleStartEdit = useCallback(() => {
+    if (currentContent?.content) {
+      setEditedContent(currentContent.content);
+      setOriginalContent(currentContent.content);
+      setIsEditing(true);
+      setTimeout(() => textareaRef.current?.focus(), 0);
+    }
+  }, [currentContent?.content]);
+
+  const handleCancelEdit = useCallback(() => {
+    setEditedContent(originalContent);
+    setIsEditing(false);
+  }, [originalContent]);
+
+  const handleSaveEdit = useCallback(() => {
+    if (activeTab && editedContent !== originalContent) {
+      updatePanelTabContent(activeTab.id, editedContent);
+      const toolCallId = activeTab.parameters?.tool_call_id as string | undefined;
+      if (toolCallId) {
+        setEditedScript(toolCallId, editedContent);
+      }
+      setOriginalContent(editedContent);
+    }
+    setIsEditing(false);
+  }, [activeTab, editedContent, originalContent, updatePanelTabContent, setEditedScript]);
+
+  const handleCopy = useCallback(async () => {
+    const contentToCopy = isEditing ? editedContent : (currentContent?.content || '');
+    if (contentToCopy) {
+      try {
+        await navigator.clipboard.writeText(contentToCopy);
+        setCopied(true);
+        setTimeout(() => setCopied(false), 2000);
+      } catch (err) {
+        console.error('Failed to copy:', err);
+      }
+    }
+  }, [isEditing, editedContent, currentContent?.content]);
+
   const displayContent = useMemo(() => {
     if (!currentContent?.content) return '';
     if (!currentContent.language || currentContent.language === 'text') {
@@ -147,6 +216,30 @@ export default function CodePanel() {
       );
     }
 
+    // Editing mode: show textarea
+    if (isEditing && isEditableScript) {
+      return (
+        <textarea
+          ref={textareaRef}
+          value={editedContent}
+          onChange={(e) => setEditedContent(e.target.value)}
+          spellCheck={false}
+          style={{
+            width: '100%',
+            height: '100%',
+            background: 'transparent',
+            border: 'none',
+            outline: 'none',
+            resize: 'none',
+            color: 'var(--text)',
+            fontFamily: '"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, monospace',
+            fontSize: '13px',
+            lineHeight: 1.55,
+          }}
+        />
+      );
+    }
+
     if (currentContent.language === 'python') return renderSyntaxBlock('python');
     if (currentContent.language === 'json') return renderSyntaxBlock('json');
 
@@ -247,9 +340,94 @@ export default function CodePanel() {
           </Typography>
         )}
 
-        <IconButton size="small" onClick={() => setRightPanelOpen(false)} sx={{ color: 'var(--muted-text)' }}>
-          <CloseIcon fontSize="small" />
-        </IconButton>
+        <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
+          {/* Copy button */}
+          {currentContent?.content && (
+            <Tooltip title={copied ? 'Copied!' : 'Copy'} placement="top">
+              <IconButton
+                size="small"
+                onClick={handleCopy}
+                sx={{
+                  color: copied ? 'var(--accent-green)' : 'var(--muted-text)',
+                  '&:hover': {
+                    color: 'var(--accent-yellow)',
+                    bgcolor: 'var(--hover-bg)',
+                  },
+                }}
+              >
+                {copied ? <CheckIcon sx={{ fontSize: 18 }} /> : <ContentCopyIcon sx={{ fontSize: 18 }} />}
+              </IconButton>
+            </Tooltip>
+          )}
+          {/* Edit controls for script tab */}
+          {isEditableScript && !isEditing && (
+            <Button
+              size="small"
+              startIcon={<EditIcon sx={{ fontSize: 14 }} />}
+              onClick={handleStartEdit}
+              sx={{
+                textTransform: 'none',
+                color: 'var(--muted-text)',
+                fontSize: '0.75rem',
+                py: 0.5,
+                '&:hover': {
+                  color: 'var(--accent-yellow)',
+                  bgcolor: 'var(--hover-bg)',
+                },
+              }}
+            >
+              Edit
+            </Button>
+          )}
+          {isEditing && (
+            <>
+              <Button
+                size="small"
+                startIcon={<UndoIcon sx={{ fontSize: 14 }} />}
+                onClick={handleCancelEdit}
+                sx={{
+                  textTransform: 'none',
+                  color: 'var(--muted-text)',
+                  fontSize: '0.75rem',
+                  py: 0.5,
+                  '&:hover': {
+                    color: 'var(--accent-red)',
+                    bgcolor: 'var(--hover-bg)',
+                  },
+                }}
+              >
+                Cancel
+              </Button>
+              <Button
+                size="small"
+                variant="contained"
+                onClick={handleSaveEdit}
+                disabled={!hasUnsavedChanges}
+                sx={{
+                  textTransform: 'none',
+                  fontSize: '0.75rem',
+                  py: 0.5,
+                  bgcolor: hasUnsavedChanges ? 'var(--accent-green)' : 'var(--hover-bg)',
+                  color: hasUnsavedChanges ? '#000' : 'var(--muted-text)',
+                  '&:hover': {
+                    bgcolor: hasUnsavedChanges ? 'var(--accent-green)' : 'var(--hover-bg)',
+                    opacity: 0.9,
+                  },
+                  '&.Mui-disabled': {
+                    bgcolor: 'var(--hover-bg)',
+                    color: 'var(--muted-text)',
+                    opacity: 0.5,
+                  },
+                }}
+              >
+                Save
+              </Button>
+            </>
+          )}
+          <IconButton size="small" onClick={() => setRightPanelOpen(false)} sx={{ color: 'var(--muted-text)' }}>
+            <CloseIcon fontSize="small" />
+          </IconButton>
+        </Box>
       </Box>
 
       {/* ── Main content area ─────────────────────────────────── */}

frontend/src/components/SessionSidebar/SessionSidebar.tsx

@@ -130,7 +130,7 @@ export default function SessionSidebar({ onClose }: SessionSidebarProps) {
             fontSize: '0.7rem',
             py: 0.25,
             '& .MuiAlert-message': { py: 0 },
-            borderColor: '#FF9D00',
+            borderColor: '#C7A500',
             color: 'var(--text)',
           }}
         >
@@ -296,7 +296,7 @@ export default function SessionSidebar({ onClose }: SessionSidebarProps) {
             py: 1.25,
             border: 'none',
             borderRadius: '10px',
-            bgcolor: '#FF9D00',
+            bgcolor: '#C7A500',
             color: '#000',
             fontSize: '0.85rem',
             fontWeight: 700,

frontend/src/components/WelcomeScreen/WelcomeScreen.tsx

@@ -12,8 +12,8 @@ import { useAgentStore } from '@/store/agentStore';
 import { apiFetch } from '@/utils/api';
 import { isInIframe, triggerLogin } from '@/hooks/useAuth';
 
-/** HF brand orange */
-const HF_ORANGE = '#FF9D00';
+/** HF brand gold */
+const HF_ORANGE = '#C7A500';
 
 export default function WelcomeScreen() {
   const { createSession } = useSessionStore();
@@ -149,11 +149,11 @@ export default function WelcomeScreen() {
             borderRadius: '12px',
             bgcolor: HF_ORANGE,
             color: '#000',
-            boxShadow: '0 4px 24px rgba(255, 157, 0, 0.3)',
+            boxShadow: '0 4px 24px rgba(199, 165, 0, 0.3)',
             textDecoration: 'none',
             '&:hover': {
               bgcolor: '#FFB340',
-              boxShadow: '0 6px 32px rgba(255, 157, 0, 0.45)',
+              boxShadow: '0 6px 32px rgba(199, 165, 0, 0.45)',
             },
           }}
         >
@@ -174,10 +174,10 @@ export default function WelcomeScreen() {
             borderRadius: '12px',
             bgcolor: HF_ORANGE,
             color: '#000',
-            boxShadow: '0 4px 24px rgba(255, 157, 0, 0.3)',
+            boxShadow: '0 4px 24px rgba(199, 165, 0, 0.3)',
             '&:hover': {
               bgcolor: '#FFB340',
-              boxShadow: '0 6px 32px rgba(255, 157, 0, 0.45)',
+              boxShadow: '0 6px 32px rgba(199, 165, 0, 0.45)',
             },
           }}
         >
@@ -202,13 +202,13 @@ export default function WelcomeScreen() {
             borderRadius: '12px',
             bgcolor: HF_ORANGE,
             color: '#000',
-            boxShadow: '0 4px 24px rgba(255, 157, 0, 0.3)',
+            boxShadow: '0 4px 24px rgba(199, 165, 0, 0.3)',
             '&:hover': {
               bgcolor: '#FFB340',
-              boxShadow: '0 6px 32px rgba(255, 157, 0, 0.45)',
+              boxShadow: '0 6px 32px rgba(199, 165, 0, 0.45)',
             },
             '&.Mui-disabled': {
-              bgcolor: 'rgba(255, 157, 0, 0.35)',
+              bgcolor: 'rgba(199, 165, 0, 0.35)',
               color: 'rgba(0,0,0,0.45)',
             },
           }}

frontend/src/store/agentStore.ts

@@ -36,6 +36,7 @@ interface AgentStore {
   activePanelTab: string | null;
   plan: PlanItem[];
   currentTurnMessageId: string | null; // Track the current turn's assistant message
+  editedScripts: Record<string, string>; // tool_call_id -> edited content
 
   // Actions
   addMessage: (sessionId: string, message: Message) => void;
@@ -51,6 +52,7 @@ interface AgentStore {
   clearTraceLogs: () => void;
   setPanelContent: (content: { title: string; content: string; language?: string; parameters?: Record<string, unknown> } | null) => void;
   setPanelTab: (tab: PanelTab) => void;
+  updatePanelTabContent: (tabId: string, content: string) => void;
   setActivePanelTab: (tabId: string) => void;
   clearPanelTabs: () => void;
   removePanelTab: (tabId: string) => void;
@@ -58,6 +60,9 @@ interface AgentStore {
   setCurrentTurnMessageId: (id: string | null) => void;
   updateCurrentTurnTrace: (sessionId: string) => void;
   showToolOutput: (log: TraceLog) => void;
+  setEditedScript: (toolCallId: string, content: string) => void;
+  getEditedScript: (toolCallId: string) => string | undefined;
+  clearEditedScripts: () => void;
   /** Append a streaming delta to an existing message. */
   appendToMessage: (sessionId: string, messageId: string, delta: string) => void;
   /** Remove all messages for a session (also clears from localStorage). */
@@ -82,6 +87,7 @@ export const useAgentStore = create<AgentStore>()(
   activePanelTab: null,
   plan: [],
   currentTurnMessageId: null,
+  editedScripts: {},
 
   addMessage: (sessionId: string, message: Message) => {
     set((state) => {
@@ -199,6 +205,15 @@ export const useAgentStore = create<AgentStore>()(
     });
   },
 
+  updatePanelTabContent: (tabId: string, content: string) => {
+    set((state) => {
+      const newTabs = state.panelTabs.map(tab =>
+        tab.id === tabId ? { ...tab, content } : tab
+      );
+      return { panelTabs: newTabs };
+    });
+  },
+
   setActivePanelTab: (tabId: string) => {
     set({ activePanelTab: tabId });
   },
@@ -301,6 +316,20 @@ export const useAgentStore = create<AgentStore>()(
     });
   },
 
+  setEditedScript: (toolCallId: string, content: string) => {
+    set((state) => ({
+      editedScripts: { ...state.editedScripts, [toolCallId]: content },
+    }));
+  },
+
+  getEditedScript: (toolCallId: string) => {
+    return get().editedScripts[toolCallId];
+  },
+
+  clearEditedScripts: () => {
+    set({ editedScripts: {} });
+  },
+
   appendToMessage: (sessionId: string, messageId: string, delta: string) => {
     set((state) => {
       const messages = state.messagesBySession[sessionId] || [];

frontend/src/theme.ts

@@ -38,14 +38,14 @@ const darkVars = {
   '--surface': '#121416',
   '--text': '#E6EEF8',
   '--muted-text': '#98A0AA',
-  '--accent-yellow': '#FF9D00',
-  '--accent-yellow-weak': 'rgba(255,157,0,0.08)',
+  '--accent-yellow': '#C7A500',
+  '--accent-yellow-weak': 'rgba(199,165,0,0.08)',
   '--accent-green': '#2FCC71',
   '--accent-red': '#E05A4F',
   '--shadow-1': '0 6px 18px rgba(2,6,12,0.55)',
   '--radius-lg': '20px',
   '--radius-md': '12px',
-  '--focus': '0 0 0 3px rgba(255,157,0,0.12)',
+  '--focus': '0 0 0 3px rgba(199,165,0,0.12)',
   '--border': 'rgba(255,255,255,0.03)',
   '--border-hover': 'rgba(255,255,255,0.1)',
   '--code-bg': 'rgba(0,0,0,0.5)',
@@ -75,14 +75,14 @@ const lightVars = {
   '--surface': '#F0F1F3',
   '--text': '#1A1A2E',
   '--muted-text': '#6B7280',
-  '--accent-yellow': '#FF9D00',
-  '--accent-yellow-weak': 'rgba(255,157,0,0.08)',
+  '--accent-yellow': '#C7A500',
+  '--accent-yellow-weak': 'rgba(199,165,0,0.08)',
   '--accent-green': '#16A34A',
   '--accent-red': '#DC2626',
   '--shadow-1': '0 4px 12px rgba(0,0,0,0.08)',
   '--radius-lg': '20px',
   '--radius-md': '12px',
-  '--focus': '0 0 0 3px rgba(255,157,0,0.15)',
+  '--focus': '0 0 0 3px rgba(199,165,0,0.15)',
   '--border': 'rgba(0,0,0,0.08)',
   '--border-hover': 'rgba(0,0,0,0.15)',
   '--code-bg': 'rgba(0,0,0,0.04)',
@@ -93,7 +93,7 @@ const lightVars = {
   '--msg-gradient': 'linear-gradient(180deg, rgba(0,0,0,0.01), transparent)',
   '--body-gradient': 'linear-gradient(180deg, #FFFFFF, #F7F8FA)',
   '--scrollbar-thumb': '#C4C8CC',
-  '--success-icon': '#FF9D00',
+  '--success-icon': '#C7A500',
   '--error-icon': '#DC2626',
   '--clickable-text': 'rgba(0, 0, 0, 0.85)',
   '--clickable-underline': 'rgba(0,0,0,0.25)',
@@ -176,14 +176,14 @@ function makeTextField() {
 export const darkTheme = createTheme({
   palette: {
     mode: 'dark',
-    primary: { main: '#FF9D00' },
+    primary: { main: '#C7A500' },
     secondary: { main: '#C7A500' },
     background: { default: '#0B0D10', paper: '#0F1316' },
     text: { primary: '#E6EEF8', secondary: '#98A0AA' },
     divider: 'rgba(255,255,255,0.03)',
     success: { main: '#2FCC71' },
     error: { main: '#E05A4F' },
-    warning: { main: '#FF9D00' },
+    warning: { main: '#C7A500' },
     info: { main: '#58A6FF' },
   },
   typography: sharedTypography,
@@ -199,14 +199,14 @@ export const darkTheme = createTheme({
 export const lightTheme = createTheme({
   palette: {
     mode: 'light',
-    primary: { main: '#FF9D00' },
+    primary: { main: '#C7A500' },
     secondary: { main: '#B8960A' },
     background: { default: '#FFFFFF', paper: '#F7F8FA' },
     text: { primary: '#1A1A2E', secondary: '#6B7280' },
     divider: 'rgba(0,0,0,0.08)',
     success: { main: '#16A34A' },
     error: { main: '#DC2626' },
-    warning: { main: '#FF9D00' },
+    warning: { main: '#C7A500' },
     info: { main: '#2563EB' },
   },
   typography: sharedTypography,