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

View File

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