Skip to content

Commit 1f653d1

Browse files
YukiCodepthYukiCodepth
committed
feat(ui): production-grade redesign — E·MUX logo, neofetch CLI boot, premium dark UI, all v0-v26c commands integrated
1 parent ed82507 commit 1f653d1

10 files changed

Lines changed: 795 additions & 1018 deletions

File tree

‎src-ui/index.html‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,10 @@
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8" />
5-
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
5+
<link rel="icon" type="image/png" href="/emux-logo.png" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<title>src-ui</title>
7+
<meta name="description" content="E·MUX — God-Mode ECE Terminal & Hardware Engineering Environment" />
8+
<title>E·MUX — God-Mode ECE Terminal</title>
89
</head>
910
<body>
1011
<div id="root"></div>

‎src-ui/public/emux-logo-v2.png‎

403 KB
Loading

‎src-ui/public/emux-logo.png‎

437 KB
Loading

‎src-ui/src/App.tsx‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { useState, useEffect, useRef } from 'react'
1+
import { useState, useEffect } from 'react'
22
import './index.css'
33
import BootScreen from './components/BootScreen'
44
import Sidebar from './components/Sidebar'
@@ -8,19 +8,19 @@ import DashboardPane from './components/DashboardPane'
88

99
export default function App() {
1010
const [booting, setBooting] = useState(true)
11-
const [activeTab, setActiveTab] = useState('terminal')
11+
const [tab, setTab] = useState('terminal')
1212

1313
useEffect(() => {
14-
const t = setTimeout(() => setBooting(false), 3200)
14+
const t = setTimeout(() => setBooting(false), 3300)
1515
return () => clearTimeout(t)
1616
}, [])
1717

1818
if (booting) return <BootScreen />
1919

2020
return (
21-
<div className="app-shell fade-in">
22-
<Sidebar activeTab={activeTab} setActiveTab={setActiveTab} />
23-
<div className="main-content">
21+
<div className="shell fade-in">
22+
<Sidebar tab={tab} setTab={setTab} />
23+
<div className="content">
2424
<TopBar />
2525
<div className="workspace">
2626
<TerminalPane />

‎src-ui/src/components/BootScreen.tsx‎

Lines changed: 21 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,41 +1,41 @@
11
import { useEffect, useState } from 'react'
22

3-
const BOOT_STEPS = [
4-
'Initializing E·MUX kernel bridge...',
5-
'Loading MUX_Ai neural core...',
3+
const STEPS = [
4+
'Loading kernel bridge...',
5+
'Initializing MUX_AI core (Gemini 2.0)...',
66
'Mounting hardware abstraction layer...',
7-
'Spawning PTY daemon...',
8-
'Calibrating telemetry engine...',
9-
'E·MUX ready.',
7+
'Spawning PTY daemon → /dev/pts/0',
8+
'Connecting hardware interfaces...',
9+
'E·MUX v27.0 — Ready.',
1010
]
1111

1212
export default function BootScreen() {
1313
const [step, setStep] = useState(0)
14-
const [progress, setProgress] = useState(0)
14+
const [pct, setPct] = useState(0)
1515

1616
useEffect(() => {
17-
const interval = setInterval(() => {
17+
const id = setInterval(() => {
1818
setStep(s => {
19-
const next = Math.min(s + 1, BOOT_STEPS.length - 1)
20-
setProgress(Math.round((next / (BOOT_STEPS.length - 1)) * 100))
21-
return next
19+
const n = Math.min(s + 1, STEPS.length - 1)
20+
setPct(Math.round((n / (STEPS.length - 1)) * 100))
21+
return n
2222
})
23-
}, 480)
24-
return () => clearInterval(interval)
23+
}, 500)
24+
return () => clearInterval(id)
2525
}, [])
2626

2727
return (
28-
<div className="boot-screen">
29-
<div className="boot-logo">
30-
<div className="boot-logo-mark">E·M</div>
28+
<div className="boot">
29+
<div className="boot-logo-wrap">
30+
<img src="/emux-logo.png" alt="E·MUX Logo" className="boot-logo-img" />
3131
<div className="boot-name">E · M U X</div>
32-
<div className="boot-subtitle">God-Mode ECE Terminal — v27.0</div>
32+
<div className="boot-tagline">God-Mode ECE Terminal · v27.0</div>
3333
</div>
34-
<div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '12px' }}>
35-
<div className="boot-progress-track">
36-
<div className="boot-progress-fill" style={{ width: `${progress}%` }} />
34+
<div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 10 }}>
35+
<div className="boot-track">
36+
<div className="boot-fill" style={{ width: `${pct}%` }} />
3737
</div>
38-
<div className="boot-log">{BOOT_STEPS[step]}</div>
38+
<div className="boot-msg">{STEPS[step]}</div>
3939
</div>
4040
</div>
4141
)

0 commit comments

Comments
 (0)