fix: use ApeCloud logo on home page

Author: 梅西

ui/desktop/src/components/onboarding/OnboardingGuard.tsx

@@ -2,7 +2,7 @@ import { useEffect, useRef, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useConfig } from '../ConfigContext';
 import { useModelAndProvider } from '../ModelAndProviderContext';
-import { Goose } from '../icons';
+import apeCloudLogo from '../../images/logo.png';
 import { Button } from '../ui/button';
 import ProviderSelector from './ProviderSelector';
 import OnboardingSuccess from './OnboardingSuccess';
@@ -154,7 +154,7 @@ export default function OnboardingGuard({ children }: OnboardingGuardProps) {
       <div className="h-screen w-full bg-background-default flex flex-col items-center justify-center">
         <div className="text-center max-w-md">
           <div className="mb-4">
-            <Goose className="size-8 mx-auto" />
+            <img src={apeCloudLogo} alt="ApeMind Agent" className="size-8 mx-auto object-contain" />
           </div>
           <h1 className="text-xl font-light mb-3">{intl.formatMessage(i18n.checkProviderErrorTitle)}</h1>
           <p className="text-text-muted mb-6">{intl.formatMessage(i18n.checkProviderErrorDescription)}</p>
@@ -187,7 +187,7 @@ export default function OnboardingGuard({ children }: OnboardingGuardProps) {
               className={`text-left transition-all duration-500 ease-in-out overflow-hidden ${hasSelection ? 'max-h-0 opacity-0 mb-0' : 'max-h-60 opacity-100 mb-8'}`}
             >
               <div className="mb-4">
-                <Goose className="size-8" />
+                <img src={apeCloudLogo} alt="ApeMind Agent" className="size-8 object-contain" />
               </div>
               <h1 className="text-2xl sm:text-4xl font-light mb-3">{intl.formatMessage(i18n.welcomeTitle)}</h1>
               <p className="text-text-muted text-base sm:text-lg">

ui/desktop/src/components/sessions/SessionsInsights.tsx

@@ -6,7 +6,7 @@ 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 GooseLogo from '../GooseLogo';
 import { Skeleton } from '../ui/skeleton';
 import {
   getSessionInsights,
@@ -152,7 +152,7 @@ export function SessionInsights() {
       <div className="bg-background-primary 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" />
+            <GooseLogo size="small" hover={false} />
           </div>
           <Greeting />
         </div>
@@ -245,7 +245,7 @@ export function SessionInsights() {
       <div className="bg-background-primary 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" />
+            <GooseLogo size="small" hover={false} />
           </div>
           <Greeting />
         </div>