feat(ext): icon; set chrome profile

This commit is contained in:
Simon
2026-01-20 18:56:39 +08:00
parent be85d63ef8
commit 37332cbb9d
6 changed files with 15 additions and 5 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.2 KiB

View File

@@ -1,6 +1,5 @@
import { import {
ArrowRight, ArrowRight,
Bot,
CheckCircle, CheckCircle,
Loader2, Loader2,
MessageSquare, MessageSquare,
@@ -300,9 +299,8 @@ function StatusDot({ status }: { status: AgentStatus }) {
) )
} }
// Logo component (Bot icon as placeholder until real logo is added)
function Logo({ className }: { className?: string }) { function Logo({ className }: { className?: string }) {
return <Bot className={cn('text-primary', className)} /> return <img src="/assets/page-agent-256.webp" alt="Page Agent" className={cn('', className)} />
} }
// Empty state with logo // Empty state with logo

View File

@@ -1,8 +1,9 @@
<!doctype html> <!doctype html>
<html lang="en"> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/png" href="/assets/page-agent-64.png" />
<title>Page Agent</title> <title>Page Agent</title>
</head> </head>
<body> <body>

View File

@@ -1,18 +1,29 @@
import tailwindcss from '@tailwindcss/vite' import tailwindcss from '@tailwindcss/vite'
import { mkdirSync } from 'node:fs'
import { defineConfig } from 'wxt' import { defineConfig } from 'wxt'
const chromeProfile = '.wxt/chrome-data'
mkdirSync(chromeProfile, { recursive: true })
// See https://wxt.dev/api/config.html // See https://wxt.dev/api/config.html
export default defineConfig({ export default defineConfig({
srcDir: 'src', srcDir: 'src',
modules: ['@wxt-dev/module-react'], modules: ['@wxt-dev/module-react'],
runner: {
chromiumProfile: chromeProfile,
keepProfileChanges: true,
},
vite: () => ({ vite: () => ({
plugins: [tailwindcss()], plugins: [tailwindcss()],
}), }),
manifest: { manifest: {
name: 'Page Agent', name: 'Page Agent Ext',
description: 'AI Agent for browser automation', description: 'AI Agent for browser automation',
permissions: ['tabs', 'activeTab', 'scripting', 'sidePanel', 'storage'], permissions: ['tabs', 'activeTab', 'scripting', 'sidePanel', 'storage'],
host_permissions: ['<all_urls>'], host_permissions: ['<all_urls>'],
icons: {
64: 'assets/page-agent-64.png',
},
action: { action: {
default_title: 'Open Page Agent', default_title: 'Open Page Agent',
}, },