From eeefe3ee71c191aac1ae807f2517b84bcf4cdedb Mon Sep 17 00:00:00 2001
From: Angie Jones <jones.angie@gmail.com>
Date: Sun, 18 Jan 2026 13:42:31 -0600
Subject: [PATCH] design: goose branding on desktop (#6563)

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
---
 ui/desktop/src/components/GooseSidebar/AppSidebar.tsx |  7 ++++++-
 .../src/components/sessions/SessionsInsights.tsx      | 11 ++---------
 2 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/ui/desktop/src/components/GooseSidebar/AppSidebar.tsx b/ui/desktop/src/components/GooseSidebar/AppSidebar.tsx
index 02787717ff..90d167d7d7 100644
--- a/ui/desktop/src/components/GooseSidebar/AppSidebar.tsx
+++ b/ui/desktop/src/components/GooseSidebar/AppSidebar.tsx
@@ -12,6 +12,7 @@ import {
   SidebarSeparator,
 } from '../ui/sidebar';
 import { ChatSmart, Gear } from '../icons';
+import { Goose } from '../icons/Goose';
 import { ViewOptions, View } from '../../utils/navigationUtils';
 import { useChatContext } from '../../contexts/ChatContext';
 import { DEFAULT_CHAT_TITLE } from '../../contexts/ChatContext';
@@ -210,7 +211,11 @@ const AppSidebar: React.FC<SidebarProps> = ({ currentPath }) => {
         </SidebarMenu>
       </SidebarContent>
 
-      <SidebarFooter className="pb-2 flex items-start">
+      <SidebarFooter className="pb-6 px-3 flex items-center justify-center">
+        <div className="flex flex-col items-center">
+          <Goose className="size-14 goose-icon-animation" />
+          <span className="text-base font-medium">goose</span>
+        </div>
         <EnvironmentBadge />
       </SidebarFooter>
     </>
diff --git a/ui/desktop/src/components/sessions/SessionsInsights.tsx b/ui/desktop/src/components/sessions/SessionsInsights.tsx
index a7d76e4b8a..2ff0cbc8d8 100644
--- a/ui/desktop/src/components/sessions/SessionsInsights.tsx
+++ b/ui/desktop/src/components/sessions/SessionsInsights.tsx
@@ -4,7 +4,6 @@ import { Greeting } from '../common/Greeting';
 import { useNavigate } from 'react-router-dom';
 import { Button } from '../ui/button';
 import { ChatSmart } from '../icons/';
-import { Goose } from '../icons/Goose';
 import { Skeleton } from '../ui/skeleton';
 import {
   getSessionInsights,
@@ -120,10 +119,7 @@ export function SessionInsights() {
     <div className="bg-background-muted flex flex-col h-full">
       {/* Header container with rounded bottom */}
       <div className="bg-background-default rounded-b-2xl mb-0.5">
-        <div className="px-8 pb-12 pt-19 space-y-4">
-          <div className="origin-bottom-left goose-icon-animation">
-            <Goose className="size-8" />
-          </div>
+        <div className="px-8 pb-12 pt-19">
           <Greeting />
         </div>
       </div>
@@ -213,10 +209,7 @@ export function SessionInsights() {
     <div className="bg-background-muted flex flex-col h-full">
       {/* Header container with rounded bottom */}
       <div className="bg-background-default rounded-b-2xl mb-0.5">
-        <div className="px-8 pb-12 pt-19 space-y-4">
-          <div className="origin-bottom-left goose-icon-animation">
-            <Goose className="size-8" />
-          </div>
+        <div className="px-8 pb-12 pt-19">
           <Greeting />
         </div>
       </div>