Hugging Face's logo

Spaces:
smolagents
/
ml-intern
Running on CPU Upgrade

App Files Community
33
akseljoonas HF Staff commited on
Commit
a67b60f
·
1 Parent(s): 3bf831e

Rebrand frontend to ML Agent

Browse files

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.

Files changed (4) hide show
  1. frontend/index.html +2 -2
  2. frontend/public/smolagents.webp +0 -0
  3. frontend/src/components/Layout/AppLayout.tsx +3 -3
  4. frontend/src/components/WelcomeScreen/WelcomeScreen.tsx +7 -9
frontend/index.html CHANGED
@@ -2,9 +2,9 @@
2
  <html lang="en">
3
  <head>
4
  <meta charset="UTF-8" />
5
- <link rel="icon" type="image/png" href="/hf-log-only-white.png" />
6
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
- <title>HF Agent</title>
8
  <link rel="preconnect" href="https://fonts.googleapis.com" />
9
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
10
  <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" />
 
2
  <html lang="en">
3
  <head>
4
  <meta charset="UTF-8" />
5
+ <link rel="icon" type="image/webp" href="/smolagents.webp" />
6
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
+ <title>ML Agent</title>
8
  <link rel="preconnect" href="https://fonts.googleapis.com" />
9
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
10
  <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" />
frontend/public/smolagents.webp ADDED
frontend/src/components/Layout/AppLayout.tsx CHANGED
@@ -231,8 +231,8 @@ export default function AppLayout() {
231
  <Box sx={{ flex: 1, display: 'flex', justifyContent: 'center', alignItems: 'center', gap: 0.75 }}>
232
  <Box
233
  component="img"
234
- src="https://huggingface.co/front/assets/huggingface_logo-noborder.svg"
235
- alt="HF"
236
  sx={{ width: { xs: 20, md: 22 }, height: { xs: 20, md: 22 } }}
237
  />
238
  <Typography
@@ -244,7 +244,7 @@ export default function AppLayout() {
244
  fontSize: { xs: '0.88rem', md: '0.95rem' },
245
  }}
246
  >
247
- HF Agent
248
  </Typography>
249
  </Box>
250
 
 
231
  <Box sx={{ flex: 1, display: 'flex', justifyContent: 'center', alignItems: 'center', gap: 0.75 }}>
232
  <Box
233
  component="img"
234
+ src="/smolagents.webp"
235
+ alt="smolagents"
236
  sx={{ width: { xs: 20, md: 22 }, height: { xs: 20, md: 22 } }}
237
  />
238
  <Typography
 
244
  fontSize: { xs: '0.88rem', md: '0.95rem' },
245
  }}
246
  >
247
+ ML Agent
248
  </Typography>
249
  </Box>
250
 
frontend/src/components/WelcomeScreen/WelcomeScreen.tsx CHANGED
@@ -271,7 +271,7 @@ export default function WelcomeScreen() {
271
  const joinOrgStatus: StepStatus = isOrgMember ? 'completed' : isAuthenticated ? 'active' : 'locked';
272
  const startStatus: StepStatus = isAuthenticated && isOrgMember ? 'active' : 'locked';
273
 
274
- // Space URL for iframe "Open HF Agent" step
275
  const spaceHost =
276
  typeof window !== 'undefined'
277
  ? window.location.hostname.includes('.hf.space')
@@ -295,8 +295,8 @@ export default function WelcomeScreen() {
295
  {/* Logo */}
296
  <Box
297
  component="img"
298
- src="https://huggingface.co/front/assets/huggingface_logo-noborder.svg"
299
- alt="Hugging Face"
300
  sx={{ width: 80, height: 80, mb: 2.5, display: 'block' }}
301
  />
302
 
@@ -311,7 +311,7 @@ export default function WelcomeScreen() {
311
  fontSize: { xs: '1.8rem', md: '2.4rem' },
312
  }}
313
  >
314
- HF Agent
315
  </Typography>
316
 
317
  {/* Description */}
@@ -328,9 +328,7 @@ export default function WelcomeScreen() {
328
  '& strong': { color: 'var(--text)', fontWeight: 600 },
329
  }}
330
  >
331
- A general-purpose AI agent for <strong>machine learning engineering</strong>.
332
- It browses <strong>Hugging Face docs</strong>, manages <strong>repos</strong>,
333
- launches <strong>training jobs</strong>, and explores <strong>datasets</strong>.
334
  </Typography>
335
 
336
  {/* ── Checklist ──────────────────────────────────────────── */}
@@ -372,11 +370,11 @@ export default function WelcomeScreen() {
372
  />
373
  <ChecklistStep
374
  stepNumber={2}
375
- title="Open HF Agent"
376
  description="Open the agent in a full browser tab to get started."
377
  status={isOrgMember ? 'active' : 'locked'}
378
  lockedReason="Join the organization first."
379
- actionLabel="Open HF Agent"
380
  actionIcon={<OpenInNewIcon sx={{ fontSize: 16 }} />}
381
  actionHref={spaceHost}
382
  isLast
 
271
  const joinOrgStatus: StepStatus = isOrgMember ? 'completed' : isAuthenticated ? 'active' : 'locked';
272
  const startStatus: StepStatus = isAuthenticated && isOrgMember ? 'active' : 'locked';
273
 
274
+ // Space URL for iframe "Open ML Agent" step
275
  const spaceHost =
276
  typeof window !== 'undefined'
277
  ? window.location.hostname.includes('.hf.space')
 
295
  {/* Logo */}
296
  <Box
297
  component="img"
298
+ src="/smolagents.webp"
299
+ alt="smolagents"
300
  sx={{ width: 80, height: 80, mb: 2.5, display: 'block' }}
301
  />
302
 
 
311
  fontSize: { xs: '1.8rem', md: '2.4rem' },
312
  }}
313
  >
314
+ ML Agent
315
  </Typography>
316
 
317
  {/* Description */}
 
328
  '& strong': { color: 'var(--text)', fontWeight: 600 },
329
  }}
330
  >
331
+ 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.
 
 
332
  </Typography>
333
 
334
  {/* ── Checklist ──────────────────────────────────────────── */}
 
370
  />
371
  <ChecklistStep
372
  stepNumber={2}
373
+ title="Open ML Agent"
374
  description="Open the agent in a full browser tab to get started."
375
  status={isOrgMember ? 'active' : 'locked'}
376
  lockedReason="Join the organization first."
377
+ actionLabel="Open ML Agent"
378
  actionIcon={<OpenInNewIcon sx={{ fontSize: 16 }} />}
379
  actionHref={spaceHost}
380
  isLast