Rebrand to Optia + Signal UI redesign (light/dark, score-first)

README.md

@@ -1,9 +1,22 @@
-# AI SEO Copilot - Chrome Extension
+# Optia - Chrome Extension
 
 A Chrome extension that analyzes web pages for SEO optimization and provides AI-powered recommendations to improve search rankings.
 
 **Website:** https://ai-seo-copilot.webflow.io/
 
+> ⚠️ **Rebrand in progress (AI SEO Copilot → Optia).** The codebase, UI, docs, and package names have been renamed to **Optia**. The items below live on **external systems** and must be renamed/migrated **manually by the project owner** — they were intentionally left unchanged so links don't break before migration:
+>
+> - **GitHub repository & remote URL** — currently `die-Manufaktur/AISEOC-Chrome-Extension`. Rename the repo, update the git remote, then update the links in `docs/` and `app/src/components/Footer.tsx`.
+> - **Marketing website** — `https://ai-seo-copilot.webflow.io/` (Webflow project).
+> - **Chrome Web Store listing** — extension name, description, screenshots, and the public store URL.
+> - **Documentation site** — `ai-seo-copilot.gitbook.io` (referenced in `app/src/lib/docs-links.ts` and `app/src/components/Footer.tsx`).
+> - **Feature-request portal** — `aiseocopilot.featurebase.app` (referenced in `app/src/components/Footer.tsx`).
+> - **Bug-report repo link** — `github.com/PMDevSolutions/seo-copilot` (referenced in `app/src/components/Footer.tsx`).
+> - **Figma design file** — `…/AI-SEO-Copilot-design` (referenced in `app/QA-PROMPT.md`).
+> - **Donation / sponsor links** — none found in the repo; update if any exist outside it.
+>
+> After migrating each external property, update the corresponding URL in `Footer.tsx`, `docs-links.ts`, and the docs to the new Optia domain.
+
 ## Features
 
 - **Real-time SEO Analysis** - Instant scoring for titles, meta descriptions, headings, images, and more
@@ -29,7 +42,7 @@ pnpm build
 ## Project Structure
 
 ```
-ai-seo-copilot-extension/
+optia-extension/
 ├── app/                    # Chrome extension source code
 │   ├── src/                # React + TypeScript source
 │   ├── dist/               # Built extension (load this in Chrome)

app/CHANGELOG.md

@@ -1,6 +1,6 @@
 # Changelog
 
-All notable changes to AI SEO Copilot will be documented in this file.
+All notable changes to Optia will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).

app/PRIVACY_POLICY.md

@@ -1,8 +1,8 @@
-# Privacy Policy — AI SEO Copilot
+# Privacy Policy — Optia
 
 **Last updated:** April 1, 2026
 
-AI SEO Copilot is a Chrome browser extension that analyzes web pages for SEO issues and provides recommendations. This privacy policy explains what data the extension accesses, how it is used, and how it is stored.
+Optia is a Chrome browser extension that analyzes web pages for SEO issues and provides recommendations. This privacy policy explains what data the extension accesses, how it is used, and how it is stored.
 
 ## Data the Extension Accesses
 
@@ -53,7 +53,7 @@ No data is stored on external servers. No cookies are set. No analytics or track
 
 ## Data Sharing
 
-AI SEO Copilot does **not**:
+Optia does **not**:
 
 - Collect or transmit personal information
 - Use analytics, telemetry, or tracking of any kind

app/QA-PROMPT.md

@@ -1,4 +1,4 @@
-# AI SEO Copilot — Visual QA, Functional Testing & Code Review
+# Optia — Visual QA, Functional Testing & Code Review
 
 ## Your Role
 
@@ -73,7 +73,7 @@ The app uses a strict dark-mode design system. Match these tokens against both F
 #### Screen 1: Setup Page (initial state)
 - Navigate to the dev app URL. This is the default view.
 - **Expected elements:**
-  - Blue circle icon with Settings gear + "AI SEO Copilot" heading
+  - Blue circle icon with Settings gear + "Optia" heading
   - "Dev mode" subtitle
   - "Page URL to Analyze" input (dev mode only)
   - "OpenAI API Key (optional)" password input
@@ -329,7 +329,7 @@ Read the following files and review for correctness, consistency, and bugs:
 Produce your report in this structure:
 
 ```markdown
-# AI SEO Copilot — QA Report
+# Optia — QA Report
 
 ## 1. Visual Comparison
 

app/README.md

@@ -1,4 +1,4 @@
-# AI SEO Copilot - Chrome Extension
+# Optia - Chrome Extension
 
 A Chrome extension that analyzes web pages for SEO issues and provides AI-powered recommendations to improve search rankings.
 
@@ -46,8 +46,8 @@ You should see something like `9.x.x`
 Clone or download this repository from GitHub:
 
 ```bash
-git clone https://github.com/YOUR-USERNAME/ai-seo-copilot-extension.git
-cd ai-seo-copilot-extension
+git clone https://github.com/YOUR-USERNAME/optia-extension.git
+cd optia-extension
 ```
 
 Or download the ZIP file from GitHub and extract it.
@@ -85,15 +85,15 @@ This creates a `dist` folder with the built extension.
 
 4. Navigate to the `app/dist` folder inside this project and select it
 
-5. The AI SEO Copilot extension icon should appear in your browser toolbar
+5. The Optia extension icon should appear in your browser toolbar
 
 ---
 
 ## Using the Extension
 
 1. Navigate to any website you want to analyze
 
-2. Click the AI SEO Copilot icon in your toolbar (the little robot)
+2. Click the Optia icon in your toolbar
 
 3. Enter your target keyword and click **Analyze**
 

app/dev.html

@@ -3,11 +3,11 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="icon" type="image/svg+xml" href="/icons/icon-32.svg" />
-    <title>AI SEO Copilot — Dev Preview</title>
+    <link rel="icon" type="image/svg+xml" href="/icons/icon.svg" />
+    <title>Optia — Dev Preview</title>
     <style>
-      body { margin: 0; display: flex; justify-content: center; background: #111; }
-      #frame { width: 715px; min-height: 100vh; }
+      body { margin: 0; display: flex; justify-content: center; background: #e9eef5; }
+      #frame { width: 440px; min-height: 100vh; }
     </style>
   </head>
   <body>

app/eslint.config.js

@@ -127,6 +127,19 @@ export default [
       "no-unused-vars": "off",
     },
   },
+  {
+    // Build scripts (icon generation, etc.) - Node.js environment
+    files: ["scripts/**/*.{js,mjs}"],
+    languageOptions: {
+      parserOptions: {
+        ecmaVersion: "latest",
+        sourceType: "module",
+      },
+      globals: {
+        ...globals.node,
+      },
+    },
+  },
   {
     ignores: [
       "node_modules/**",

app/manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
-  "name": "AI SEO Copilot",
-  "short_name": "SEO Copilot",
+  "name": "Optia",
+  "short_name": "Optia",
   "description": "Analyze page SEO and get AI-powered recommendations",
   "version": "0.1.0",
   "minimum_chrome_version": "116",
@@ -31,7 +31,7 @@
     "open_in_tab": false
   },
   "action": {
-    "default_title": "Open AI SEO Copilot",
+    "default_title": "Open Optia",
     "default_icon": {
       "16": "icons/icon-16.png",
       "32": "icons/icon-32.png",

app/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "ai-seo-copilot",
+  "name": "optia",
   "version": "0.1.0",
   "private": true,
   "type": "module",
@@ -8,6 +8,7 @@
     "dev:ext": "vite",
     "build": "tsc && vite build",
     "preview": "vite preview",
+    "icons": "node scripts/generate-icons.mjs",
     "test": "vitest run",
     "test:watch": "vitest",
     "lint": "eslint .",
@@ -49,6 +50,7 @@
     "globals": "^17.4.0",
     "jsdom": "^26.1.0",
     "postcss": "^8.5.4",
+    "sharp": "^0.35.2",
     "standard-version": "^9.5.0",
     "tailwindcss": "^3.4.17",
     "typescript": "^5.8.3",