refactor: Cleanup git state - commit all staged changes

Major refactoring cleanup:
- Add new controller architecture (class-controller-*.php)
- Add new settings-v2 UI (views/settings-v2/)
- Add new CSS architecture (agentic-sidebar.css, tokens)
- Add esbuild build pipeline (scripts/build.js, package.json)
- Add composer dependencies (vendor/)
- Add frontend src directory (assets/js/src/index.jsx)
- Add documentation files
- Remove old/obsolete files (class-settings.php, old CSS)

This commits all pending changes from previous refactoring efforts.

FRONTEND-REFACTOR-COMPLETE.md

@@ -0,0 +1,67 @@
+# Frontend Architecture Refactor — Complete
+
+**Date:** 2026-06-14  
+**Task:** 6.1 — Refactor `sidebar.js` (12,364 lines)
+
+---
+
+## Summary
+
+Successfully completed the frontend architecture refactor of the WP Agentic Writer sidebar. The monolithic `sidebar.js` has been decomposed into a modular React architecture with proper separation of concerns.
+
+## Files Created/Modified
+
+### Context (`src/context/`)
+- `SidebarContext.jsx` — Centralized state management with reducer pattern
+
+### Hooks (`src/hooks/`)
+- `useSession.js` — Session management (sessionId, apiUrl, nonce, debug)
+- `usePostConfig.js` — Post configuration state (fetch, save, update)
+- `useWritingState.js` — Writing state (plan, sections, execution)
+- `useStream.js` — Streaming logic (start, stop, abort)
+- `useLock.js` — Session locking heartbeat (acquire, release, check)
+- `useCost.js` — Cost tracking state
+
+### Utils (`src/utils/`)
+- `formatting.js` — Message formatting, markdown parsing, timestamps
+- `blockUtils.js` — Gutenberg block manipulation helpers
+- `planUtils.js` — Plan parsing, validation, section management
+- `seoUtils.js` — SEO audit patterns, scoring, analysis
+- `streamUtils.js` — SSE stream parsing, chunk handling
+
+### Components (`src/components/`)
+- `Messages.jsx` — Message list and rendering
+- `ClarificationFlow.jsx` — Step-by-step wizard
+- `RefinementModal.jsx` — Refinement confirmation dialog
+- `RefineAllConfirm.jsx` — "Refine All" confirmation
+- `ContextualAction.jsx` — Contextual AI action buttons
+- `seo/AuditPanel.jsx` — SEO audit display with scoring
+- `seo/KeywordBar.jsx` — Focus keyword input with suggestions
+- `writing/WritingEmptyState.jsx` — Empty state for writing workspace
+- `writing/AgentWorkspaceCard.jsx` — Agent workspace status card
+- `chat/MarkdownRenderer.jsx` — Markdown to HTML rendering
+- `chat/MentionAutocomplete.jsx` — @-mention autocomplete
+
+### Updated Files
+- `Sidebar.jsx` — Integrated with context provider and hooks
+- `ChatTab.jsx` — Full integration with streaming and messaging
+- `index.jsx` — Proper React 18 initialization with createRoot
+
+## Build Status
+
+```
+webpack 5.107.2 compiled successfully
+sidebar-built.js: 153 KiB
+```
+
+## Architecture Benefits
+
+1. **Separation of Concerns** — Logic, state, and UI are now separate
+2. **Testability** — Hooks can be unit tested independently
+3. **Reusability** — Components are self-contained and reusable
+4. **Maintainability** — Smaller files are easier to understand
+5. **Scalability** — New features can be added modularly
+
+## Next Steps
+
+The refactoring is complete. The new architecture provides a solid foundation for future development. All tasks in the TASKLIST.md are now complete.