ros/automaker
1
0
Fork 0
mirror of https://github.com/AutoMaker-Org/automaker.git synced 2026-03-16 21:53:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Mobile improvements and Add selective file staging and improve branch switching

Browse Source
This commit is contained in:
gsxdsm
2026-02-17 15:20:28 -08:00
parent de021f96bf
commit 7fcf3c1e1f
42 changed files with 2706 additions and 256 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
apps/ui/index.html
View File

@@ -4,18 +4,84 @@
<meta charset="UTF-8" />
<title>Automaker - Autonomous AI Development Studio</title>
<meta name="description" content="Build software autonomously with AI agents" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"
/>
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<!-- PWA -->
<link rel="manifest" href="/manifest.json" />
<meta name="theme-color" content="#09090b" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-title" content="Automaker" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<link rel="apple-touch-icon" href="/logo_larger.png" />
<!-- Performance: Preload critical assets with fetchpriority for faster First Contentful Paint -->
<link rel="preload" href="/logo.png" as="image" fetchpriority="high" />
<link
rel="preload"
href="/automaker.svg"
as="image"
type="image/svg+xml"
fetchpriority="high"
/>
<!-- Critical inline styles: prevent white/wrong-color flash on mobile PWA cold start -->
<!-- These styles are applied before any external CSS loads, eliminating FOUC -->
<style>
html {
background-color: #09090b;
}
@media (prefers-color-scheme: light) {
html:not([class]) {
background-color: #fff;
}
}
html.light,
html.cream,
html.solarizedlight,
html.github,
html.paper,
html.rose,
html.mint,
html.lavender,
html.sand,
html.sky,
html.peach,
html.snow,
html.sepia,
html.gruvboxlight,
html.nordlight,
html.blossom,
html.ayu-light,
html.onelight,
html.bluloco,
html.feather {
background-color: #fff;
}
html,
body {
margin: 0;
overflow: hidden;
position: fixed;
width: 100%;
height: 100%;
}
#app {
height: 100vh;
height: 100dvh;
overflow: hidden;
}
</style>
<script>
// Prevent theme flash - apply stored theme before React hydrates
(function () {
try {
const stored = localStorage.getItem('automaker-storage');
var stored = localStorage.getItem('automaker-storage');
if (stored) {
const data = JSON.parse(stored);
const theme = data.state?.theme;
var data = JSON.parse(stored);
var theme = data.state?.theme;
if (theme && theme !== 'system' && theme !== 'light') {
// Apply the actual theme class (dark, retro, dracula, nord, etc.)
document.documentElement.classList.add(theme);
} else if (
theme === 'system' &&