EXT-02: Side Panel Dashboard UI & Local CV Parser

Objective

Design a beautiful, premium Dashboard in the side panel with tab navigation and implement local PDF/text file upload/parsing to extract CV content.

Description

Create the Side Panel's HTML and CSS with a modern dark-mode aesthetic (curated HSL palettes, smooth transitions, glassmorphism). Implement a drag-and-drop CV upload interface that processes PDF or text files locally, extracts plain text, and persists it in chrome.storage.local.

Acceptance Criteria (Subtasks)

• Side panel opens on click and presents a clean tabbed navigation (Dashboard, Narrative, Tailor, Match, Discover)
• Drag-and-drop area accepts .pdf and .txt files
• PDF parser (pdf.js integration) successfully extracts text locally in the side panel context
• Extracted text and filename are stored in chrome.storage.local under keys cvText and cvFileName respectively
• The UI updates dynamically to show "CV Loaded: [Filename]" once uploaded

Files to Create

• src/sidepanel/sidepanel.html
• src/sidepanel/sidepanel.css
• src/sidepanel/sidepanel.js

Start with the three specified entry files: src/sidepanel/sidepanel.html, src/sidepanel/sidepanel.css, and src/sidepanel/sidepanel.js. Implement the tabbed dark-mode side panel, local PDF/text upload and parsing, and chrome.storage.local persistence; it is done when the side panel opens, accepted files load, extracted text and filename are stored, and the UI shows the loaded filename.