Rebrand frontend to ML Agent

akseljoonas · akseljoonas · commit a67b60f72ab9 · 2026-04-17T14:24:50.000+02:00
Replace HF Agent branding and Hugging Face logo with ML Agent and the
smolagents icon across the welcome screen, app header, favicon, and
page title. Refresh the welcome screen tagline.
diff --git a/frontend/index.html b/frontend/index.html
@@ -2,9 +2,9 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/png" href="/hf-log-only-white.png" />
+    <link rel="icon" type="image/webp" href="/smolagents.webp" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>HF Agent</title>
+    <title>ML Agent</title>
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
diff --git a/frontend/public/smolagents.webp b/frontend/public/smolagents.webp
diff --git a/frontend/src/components/Layout/AppLayout.tsx b/frontend/src/components/Layout/AppLayout.tsx
@@ -231,8 +231,8 @@ export default function AppLayout() {
           <Box sx={{ flex: 1, display: 'flex', justifyContent: 'center', alignItems: 'center', gap: 0.75 }}>
             <Box
               component="img"
-              src="https://huggingface.co/front/assets/huggingface_logo-noborder.svg"
-              alt="HF"
+              src="/smolagents.webp"
+              alt="smolagents"
               sx={{ width: { xs: 20, md: 22 }, height: { xs: 20, md: 22 } }}
             />
             <Typography
@@ -244,7 +244,7 @@ export default function AppLayout() {
                 fontSize: { xs: '0.88rem', md: '0.95rem' },
               }}
             >
-              HF Agent
+              ML Agent
             </Typography>
           </Box>
 
diff --git a/frontend/src/components/WelcomeScreen/WelcomeScreen.tsx b/frontend/src/components/WelcomeScreen/WelcomeScreen.tsx
@@ -271,7 +271,7 @@ export default function WelcomeScreen() {
   const joinOrgStatus: StepStatus = isOrgMember ? 'completed' : isAuthenticated ? 'active' : 'locked';
   const startStatus: StepStatus = isAuthenticated && isOrgMember ? 'active' : 'locked';
 
-  // Space URL for iframe "Open HF Agent" step
+  // Space URL for iframe "Open ML Agent" step
   const spaceHost =
     typeof window !== 'undefined'
       ? window.location.hostname.includes('.hf.space')
@@ -295,8 +295,8 @@ export default function WelcomeScreen() {
       {/* Logo */}
       <Box
         component="img"
-        src="https://huggingface.co/front/assets/huggingface_logo-noborder.svg"
-        alt="Hugging Face"
+        src="/smolagents.webp"
+        alt="smolagents"
         sx={{ width: 80, height: 80, mb: 2.5, display: 'block' }}
       />
 
@@ -311,7 +311,7 @@ export default function WelcomeScreen() {
           fontSize: { xs: '1.8rem', md: '2.4rem' },
         }}
       >
-        HF Agent
+        ML Agent
       </Typography>
 
       {/* Description */}
@@ -328,9 +328,7 @@ export default function WelcomeScreen() {
           '& strong': { color: 'var(--text)', fontWeight: 600 },
         }}
       >
-        A general-purpose AI agent for <strong>machine learning engineering</strong>.
-        It browses <strong>Hugging Face docs</strong>, manages <strong>repos</strong>,
-        launches <strong>training jobs</strong>, and explores <strong>datasets</strong>.
+        Your <strong>ML intern</strong>. It reads <strong>papers</strong>, finds <strong>datasets</strong>, trains <strong>models</strong>, and iterates until the numbers go up. Instructions in. Trained model out.
       </Typography>
 
       {/* ── Checklist ──────────────────────────────────────────── */}
@@ -372,11 +370,11 @@ export default function WelcomeScreen() {
             />
             <ChecklistStep
               stepNumber={2}
-              title="Open HF Agent"
+              title="Open ML Agent"
               description="Open the agent in a full browser tab to get started."
               status={isOrgMember ? 'active' : 'locked'}
               lockedReason="Join the organization first."
-              actionLabel="Open HF Agent"
+              actionLabel="Open ML Agent"
               actionIcon={<OpenInNewIcon sx={{ fontSize: 16 }} />}
               actionHref={spaceHost}
               isLast
