design: goose branding on desktop (#6563)

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
This commit is contained in:
Angie Jones
2026-01-18 13:42:31 -06:00
committed by GitHub
parent dad65ffe29
commit eeefe3ee71
2 changed files with 8 additions and 10 deletions
@@ -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>
</>
@@ -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>