fix: replace broken remote logo refs with local assets

chrome-extension/manifest.js

@@ -46,7 +46,7 @@ const manifest = deepmerge(
     devtools_page: 'devtools/index.html',
     web_accessible_resources: [
       {
-        resources: ['*.js', '*.css', '*.svg', 'icon-128.png', 'icon-34.png'],
+        resources: ['*.js', '*.css', '*.svg', 'icon-128.png', 'icon-34.png', 'kk-logo.png'],
         matches: ['*://*/*'],
       },
     ],

chrome-extension/src/background/wallet.ts

@@ -71,7 +71,7 @@ export async function init(): Promise<WalletState> {
       apiKey: savedApiKey,
       baseUrl: 'http://localhost:1646',
       serviceName: 'KeepKey Browser Extension',
-      serviceImageUrl: 'https://api.keepkey.info/coins/keepkey.png',
+      serviceImageUrl: 'https://pioneers.dev/coins/keepkey.png',
     });
 
     state.sdk = sdk;

pages/popup/src/components/evm/ContractDetailsCard.tsx

@@ -100,7 +100,7 @@ export default function ContractDetailsCard({ transaction }: ContractDetailsCard
     <Card mt={4} shadow="md" borderWidth="1px">
       <CardHeader>
         <Flex alignItems="center">
-          <Avatar src={'https://api.keepkey.info/coins/pioneerMan.png'} size="md" mr={4} />
+          <Avatar src="/kk-logo.png" name="KeepKey" size="md" mr={4} />
           <Heading as="h5" size="lg">
             Pioneer Summary:
           </Heading>

pages/popup/src/components/evm/ProjectInfoCard.tsx

@@ -1,8 +1,7 @@
 import { useMemo, useEffect, useState } from 'react';
 import { Avatar, Box, Text, VStack, Stack, Badge, Image } from '@chakra-ui/react';
 
-// KeepKey logo URL with fallback
-const KEEPKEY_LOGO = 'https://api.keepkey.info/coins/keepkey.png';
+const KEEPKEY_LOGO = '/kk-logo.png';
 const KEEPKEY_LOGO_FALLBACK = '/icon-128.png';
 
 interface IProps {

pages/popup/src/components/other/ProjectInfoCard.tsx

@@ -28,7 +28,7 @@ export default function ProjectInfoCard({ transaction }: any) {
   return (
     <Box textAlign="center">
       <Stack align="center">
-        <Avatar src={'https://api.keepkey.info/coins/keepkey.png'} size="xl" bg="gray.700" />
+        <Avatar src="/kk-logo.png" name="KeepKey" size="xl" bg="gray.700" />
       </Stack>
       <Stack align="center">
         <Text fontSize="2xl" data-testid="session-info-card-text">

pages/popup/src/components/tendermint/ProjectInfoCard.tsx

@@ -28,7 +28,7 @@ export default function ProjectInfoCard({ transaction }: any) {
   return (
     <Box textAlign="center">
       <Stack align="center">
-        <Avatar src={'https://api.keepkey.info/coins/keepkey.png'} size="xl" bg="gray.700" />
+        <Avatar src="/kk-logo.png" name="KeepKey" size="xl" bg="gray.700" />
       </Stack>
       <Stack align="center">
         <Text fontSize="2xl" data-testid="session-info-card-text">

pages/popup/src/components/utxo/ProjectInfoCard.tsx

@@ -28,7 +28,7 @@ export default function ProjectInfoCard({ transaction }: any) {
   return (
     <Box textAlign="center">
       <Stack align="center">
-        <Avatar src={'https://api.keepkey.info/coins/keepkey.png'} size="xl" bg="gray.700" />
+        <Avatar src="/kk-logo.png" name="KeepKey" size="xl" bg="gray.700" />
       </Stack>
       <Stack align="center">
         <Text fontSize="2xl" data-testid="session-info-card-text">

pages/side-panel/src/SidePanel.tsx

@@ -217,11 +217,7 @@ const SidePanel = () => {
         return (
           <Flex direction="column" justifyContent="center" alignItems="center" height="100%" minH="300px">
             <Box mb={4} borderRadius="2xl" overflow="hidden" boxShadow="0 0 40px rgba(0, 200, 150, 0.15)">
-              <img
-                src="https://i.ibb.co/jR8WcJM/kk.gif"
-                alt="KeepKey"
-                style={{ maxWidth: '160px', borderRadius: '16px' }}
-              />
+              <img src="/kk.webp" alt="KeepKey" style={{ maxWidth: '160px', borderRadius: '16px' }} />
             </Box>
             <Text fontSize="xl" fontWeight="bold" textAlign="center" mb={1} color="white">
               Welcome to KeepKey

pages/side-panel/src/components/AddDappModal.tsx

@@ -16,6 +16,7 @@ import {
   useToast,
 } from '@chakra-ui/react';
 import { dappStorage } from '@extension/storage';
+import { caipToIcon } from '@extension/shared';
 
 interface AddDappModalProps {
   isOpen: boolean;
@@ -29,7 +30,7 @@ export function AddDappModal({ networkId, isOpen, onClose, onSave }: AddDappModa
   const [name, setName] = useState('');
   const [description, setDescription] = useState('');
   const toast = useToast();
-  const defaultIcon = 'https://api.keepkey.info/coins/ethereum.png';
+  const defaultIcon = caipToIcon('eip155:1/slip44:60');
 
   const handleSave = async () => {
     if (!url || !name) {
@@ -60,7 +61,7 @@ export function AddDappModal({ networkId, isOpen, onClose, onSave }: AddDappModa
       <ModalContent>
         <ModalHeader>
           <Flex align="center">
-            <Avatar src="https://api.keepkey.info/coins/pioneerMan.png" size="sm" mr={2} />
+            <Avatar src="/kk-logo.png" name="KeepKey" size="sm" mr={2} />
             <Text>Discovery</Text>
           </Flex>
         </ModalHeader>

pages/side-panel/src/components/NetworkAccountHeader.tsx

@@ -236,7 +236,7 @@ const NetworkAccountHeader: React.FC<NetworkAccountHeaderProps> = ({
           </Flex>
         ) : (
           <Flex flex={1} alignItems="center" justifyContent="center">
-            <Avatar size="xs" src="https://api.keepkey.info/coins/keepkey.png" mr={2} />
+            <Avatar size="xs" src="/kk-logo.png" name="KeepKey" mr={2} />
             <Text fontSize="sm" fontWeight="semibold" color="white">
               KeepKey
             </Text>

pages/side-panel/src/components/Settings.tsx

@@ -131,7 +131,7 @@ const Settings = () => {
         provider: {
           name: 'KeepKey',
           uuid: '350670db-19fa-4704-a166-e52e178b59d4',
-          icon: 'https://api.keepkey.info/coins/keepkey.png',
+          icon: chrome.runtime.getURL('kk-logo.png'),
           rdns: 'com.keepkey',
         },
       },
@@ -164,7 +164,7 @@ const Settings = () => {
         </Button>
       </Link>
 
-      <Image src={'https://i.ibb.co/jR8WcJM/kk.gif'} alt="KeepKey" />
+      <Image src="/kk.webp" alt="KeepKey" />
 
       <VStack spacing={4} align="stretch">
         <Text fontSize="md" fontWeight="bold">
@@ -174,11 +174,7 @@ const Settings = () => {
         {/* MetaMask Masking */}
         <HStack w="100%" justifyContent="space-between">
           <HStack>
-            <Avatar
-              size="md"
-              name="MetaMask"
-              src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/36/MetaMask_Fox.svg/1200px-MetaMask_Fox.svg.png"
-            />
+            <Avatar size="md" name="MetaMask" src="/brand/metamask-fox.svg" />
             <Text>Enable MetaMask Masking</Text>
           </HStack>
           <Switch size="md" isChecked={maskingSettings.enableMetaMaskMasking} onChange={toggleMetaMaskMasking} />
@@ -188,7 +184,7 @@ const Settings = () => {
         <Box position="relative" w="100%">
           <HStack w="100%" justifyContent="space-between" opacity={isComingSoon('Xfi') ? 0.5 : 1}>
             <HStack>
-              <Avatar size="md" name="Xfi" src="https://cdn.iconscout.com/icon/free/png-512/binance-67-433984.png" />
+              <Avatar size="md" name="Xfi" />
               <Text>Enable Xfi Masking</Text>
             </HStack>
             <Switch
@@ -220,11 +216,7 @@ const Settings = () => {
         <Box position="relative" w="100%">
           <HStack w="100%" justifyContent="space-between" opacity={isComingSoon('Keplr') ? 0.5 : 1}>
             <HStack>
-              <Avatar
-                size="md"
-                name="Keplr"
-                src="https://cdn.dealspotr.com/io-images/logo/keplr.jpg?fit=contain&trim=true&flatten=true&extend=10&width=500&height=500"
-              />
+              <Avatar size="md" name="Keplr" src="/brand/keplr.png" />
               <Text>Enable Keplr Masking</Text>
             </HStack>
             <Switch

pages/side-panel/src/components/header/NetworkDropdown.tsx

@@ -110,7 +110,7 @@ const NetworkDropdown: React.FC<NetworkDropdownProps> = ({
         _hover={{ bg: 'whiteAlpha.200' }}
         transition="background 0.15s"
         minW={0}>
-        <Avatar size="2xs" src={selected?.icon || 'https://api.keepkey.info/coins/keepkey.png'} mr={1.5} />
+        {selected?.icon && <Avatar size="2xs" src={selected.icon} name={selected.name} mr={1.5} />}
         <Text fontSize="xs" fontWeight="semibold" color="white" isTruncated maxW="90px">
           {selected?.name || 'Network'}
         </Text>

pages/side-panel/src/components/header/headerUtils.ts

@@ -19,7 +19,7 @@ export function getIconUrl(chainSymbol: string, networkId?: string): string {
   if (networkId) return networkIdToIcon(networkId);
   const nid = (ChainToNetworkId as Record<string, string>)[chainSymbol];
   if (nid) return networkIdToIcon(nid);
-  return `https://api.keepkey.info/coins/${btoa(chainSymbol.toLowerCase())}.png`;
+  return '';
 }
 
 export function parseAccountIndex(note?: string, accountIndex?: number): number {