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

apps/app/public/automaker.svg

@@ -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>

apps/app/src/components/layout/sidebar.tsx

@@ -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"

apps/app/src/components/session-manager.tsx

@@ -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>