Fixed Logo with new SVG and alignment. Also fixed Agent Runner 'agent sessions' styling to remove rounded border

This commit is contained in:
trueheads
2025-12-14 21:42:47 -06:00
parent e378704c63
commit 455f6fa95b
6 changed files with 83 additions and 15 deletions

View File

@@ -0,0 +1,27 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256" role="img" aria-label="Code icon">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="256" y2="256" gradientUnits="userSpaceOnUse">
<stop offset="0%" stop-color="#6B5BFF"></stop>
<stop offset="100%" stop-color="#2EC7FF"></stop>
</linearGradient>
<filter id="iconShadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="4" stdDeviation="4" flood-color="#000000" flood-opacity="0.25"></feDropShadow>
</filter>
</defs>
<!-- Rounded square background -->
<rect x="16" y="16" width="224" height="224" rx="56" fill="url(#bg)"></rect>
<!-- </> icon (slightly reduced overall size) -->
<g fill="none" stroke="#FFFFFF" stroke-width="20" stroke-linecap="round" stroke-linejoin="round" filter="url(#iconShadow)">
<!-- Left bracket < -->
<path d="M92 92 L52 128 L92 164"></path>
<!-- Slash / -->
<path d="M144 72 L116 184"></path>
<!-- Right bracket > -->
<path d="M164 92 L204 128 L164 164"></path>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 69 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 141 KiB

View File

@@ -1226,14 +1226,13 @@ export function Sidebar() {
"border-b border-border/40", "border-b border-border/40",
// Background gradient for depth // Background gradient for depth
"bg-gradient-to-b from-transparent to-background/5", "bg-gradient-to-b from-transparent to-background/5",
sidebarOpen "flex items-center",
? "pt-8 px-3 lg:px-5 flex items-center justify-between" sidebarOpen ? "px-3 lg:px-5 justify-start" : "px-3 justify-center"
: "pt-2 pb-2 px-3 flex flex-col items-center justify-center gap-2"
)} )}
> >
<div <div
className={cn( className={cn(
"flex items-center titlebar-no-drag cursor-pointer group", "flex items-center gap-3 titlebar-no-drag cursor-pointer group",
!sidebarOpen && "flex-col gap-1" !sidebarOpen && "flex-col gap-1"
)} )}
onClick={() => setCurrentView("welcome")} onClick={() => setCurrentView("welcome")}
@@ -1242,27 +1241,27 @@ export function Sidebar() {
{!sidebarOpen ? ( {!sidebarOpen ? (
<div className="relative flex items-center justify-center rounded-lg"> <div className="relative flex items-center justify-center rounded-lg">
<img <img
src="/logo.png" src="/automaker.svg"
alt="Automaker Logo" alt="Automaker Logo"
className="size-8 group-hover:rotate-12 transition-transform duration-300 ease-out" className="size-8 group-hover:rotate-12 transition-transform duration-300 ease-out"
/> />
</div> </div>
) : ( ) : (
<span <div
className={cn( className={cn(
"flex items-center font-bold text-foreground text-base tracking-tight", "flex items-center gap-1",
"hidden lg:flex" "hidden lg:flex"
)} )}
> >
<img <img
src="/logo.png" src="/automaker.svg"
alt="A" alt="automaker"
className="h-[1.8em] w-auto inline-block align-middle group-hover:rotate-12 transition-transform duration-300 ease-out" className="h-[36.8px] w-[36.8px] group-hover:rotate-12 transition-transform duration-300 ease-out"
/> />
<span className="-ml-0.5"> <span className="font-bold text-white text-[1.7rem] tracking-tight leading-none translate-y-[-2px]">
uto<span className="text-brand-500">maker</span> automaker<span className="text-brand-500">.</span>
</span> </span>
</span> </div>
)} )}
</div> </div>
{/* Bug Report Button */} {/* Bug Report Button */}
@@ -1274,7 +1273,7 @@ export function Sidebar() {
); );
}} }}
className={cn( className={cn(
"titlebar-no-drag p-1.5 rounded-lg", "titlebar-no-drag p-1.5 rounded-lg absolute right-3",
"text-muted-foreground hover:text-foreground hover:bg-accent/80", "text-muted-foreground hover:text-foreground hover:bg-accent/80",
"transition-all duration-200 ease-out", "transition-all duration-200 ease-out",
"hover:scale-105 active:scale-95" "hover:scale-105 active:scale-95"

View File

@@ -320,7 +320,7 @@ export function SessionManager({
activeTab === "active" ? activeSessions : archivedSessions; activeTab === "active" ? activeSessions : archivedSessions;
return ( return (
<Card className="h-full flex flex-col"> <Card className="h-full flex flex-col rounded-none">
<CardHeader className="pb-3"> <CardHeader className="pb-3">
<div className="flex items-center justify-between mb-4"> <div className="flex items-center justify-between mb-4">
<CardTitle>Agent Sessions</CardTitle> <CardTitle>Agent Sessions</CardTitle>

42
logs/server.log Normal file
View File

@@ -0,0 +1,42 @@
> automaker@1.0.0 dev:server
> npm run dev --workspace=apps/server
> @automaker/server@0.1.0 dev
> tsx watch src/index.ts
[dotenv@17.2.3] injecting env (1) from .env -- tip: ⚙️ override existing env vars with { override: true }
[Server] ✓ CLAUDE_CODE_OAUTH_TOKEN detected (subscription auth)
╔═══════════════════════════════════════════════════════╗
║ Automaker Backend Server ║
╠═══════════════════════════════════════════════════════╣
║ HTTP API: http://localhost:3008 ║
║ WebSocket: ws://localhost:3008/api/events ║
║ Terminal: ws://localhost:3008/api/terminal/ws ║
║ Health: http://localhost:3008/api/health ║
║ Terminal: enabled ║
╚═══════════════════════════════════════════════════════╝
[Server] Agent service initialized
[WebSocket] Client connected
12:52:41 AM [tsx] change in ./src\index.ts Rerunning...
c12:52:41 AM [tsx] unlink in ./src\services\auto-mode-service.ts Restarting...
c[dotenv@17.2.3] injecting env (1) from .env -- tip: 🔐 encrypt with Dotenvx: https://dotenvx.com
[Server] ✓ CLAUDE_CODE_OAUTH_TOKEN detected (subscription auth)
╔═══════════════════════════════════════════════════════╗
║ Automaker Backend Server ║
╠═══════════════════════════════════════════════════════╣
║ HTTP API: http://localhost:3008 ║
║ WebSocket: ws://localhost:3008/api/events ║
║ Terminal: ws://localhost:3008/api/terminal/ws ║
║ Health: http://localhost:3008/api/health ║
║ Terminal: enabled ║
╚═══════════════════════════════════════════════════════╝
[Server] Agent service initialized
[WebSocket] Client connected
[WebSocket] Client disconnected
^C^C