feat: add extension favicon

2026-07-17 14:38:42 -05:00
parent c983ee2b1a
commit 8351fc65f5
6 changed files with 12 additions and 0 deletions
@@ -36,6 +36,7 @@ Use `.env.local` for local secrets. Keep `.env.local` and any real token-bearing
 - `vite.config.ts` emits `dist/manifest.json` during production builds.
 - `dist/` is the deployable output directory. Deployment or Chrome load-unpacked flows should point directly at `dist/`.
 - `dist/` is generated output and should not be edited directly.
+- Static extension assets live in `public/`; the current favicon source is `public/favicon.svg`.
 - `npm run build` runs `scripts/verify-dist.mjs` after Vite to ensure the generated output has the required extension files.
 - Host permissions are derived from `VITE_GITEA_BASE_URL`. Rebuild after changing the base URL.
 - Runtime API calls are centralized in `src/api.ts`.
@@ -24,6 +24,8 @@ npm run build

 The deployable extension output is `dist/`. Load `dist/` in Chrome as an unpacked extension, or point deployment tooling at that folder. `npm run build` runs TypeScript, Vite, and a post-build check that verifies `dist/manifest.json` and the popup entry exist.

+Static assets, including the favicon, live in `public/` and are copied into `dist/` during the build.
+
 ## Extension Management

 See [docs/extension-management.md](docs/extension-management.md) before loading, reloading, testing, or automating the Chrome extension.
@@ -3,6 +3,7 @@
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <title>Silma AI Aide</title>
  </head>
  <body>
@@ -13,6 +13,7 @@ Important files:
 - `src/store.ts`: Vanilla Zustand popup state store.
 - `src/main.ts`: Popup UI behavior.
 - `index.html`: Popup document.
+- `public/favicon.svg`: Source favicon copied into `dist/` by Vite.

 Build with `npm run build`. The deployable output directory is `dist/`; load that folder in Chrome as an unpacked extension or point deployment tooling at it. Do not edit `dist/` directly.

@@ -16,6 +16,7 @@
    "state_store": "src/store.ts",
    "api_client": "src/api.ts",
    "vite_config": "vite.config.ts",
+    "favicon": "public/favicon.svg",
    "generated_manifest": "dist/manifest.json"
  },
  "documentation": {
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="Silma AI Aide">
+  <rect width="64" height="64" rx="14" fill="#102a43" />
+  <path d="M18 45V19h12c6 0 10 3 10 8 0 3-2 6-5 7l9 11h-9l-8-10h-2v10h-7Zm7-16h5c2 0 3-1 3-3s-1-3-3-3h-5v6Z" fill="#f5f7fa" />
+  <circle cx="45" cy="19" r="6" fill="#7bc47f" />
+  <path d="M44 18h2v13h-2zM39 23h12v2H39z" fill="#102a43" />
+</svg>