feat: Add Studio UI, intake system, and extractor improvements

Dashboard:
- Add Studio page with drag-drop model upload and Claude chat
- Add intake system for study creation workflow
- Improve session manager and context builder
- Add intake API routes and frontend components

Optimization Engine:
- Add CLI module for command-line operations
- Add intake module for study preprocessing
- Add validation module with gate checks
- Improve Zernike extractor documentation
- Update spec models with better validation
- Enhance solve_simulation robustness

Documentation:
- Add ATOMIZER_STUDIO.md planning doc
- Add ATOMIZER_UX_SYSTEM.md for UX patterns
- Update extractor library docs
- Add study-readme-generator skill

Tools:
- Add test scripts for extraction validation
- Add Zernike recentering test

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

atomizer-dashboard/frontend/src/pages/Home.tsx

@@ -18,12 +18,15 @@ import {
   FolderOpen,
   Maximize2,
   X,
-  Layers
+  Layers,
+  Sparkles,
+  Settings2
 } from 'lucide-react';
 import { useStudy } from '../context/StudyContext';
 import { Study } from '../types';
 import { apiClient } from '../api/client';
 import { MarkdownRenderer } from '../components/MarkdownRenderer';
+import { InboxSection } from '../components/intake';
 
 const Home: React.FC = () => {
   const { studies, setSelectedStudy, refreshStudies, isLoading } = useStudy();
@@ -174,6 +177,18 @@ const Home: React.FC = () => {
               />
             </div>
             <div className="flex items-center gap-3">
+              <button
+                onClick={() => navigate('/studio')}
+                className="flex items-center gap-2 px-4 py-2 rounded-lg transition-all font-medium hover:-translate-y-0.5"
+                style={{
+                  background: 'linear-gradient(135deg, #f59e0b 0%, #d97706 100%)',
+                  color: '#000',
+                  boxShadow: '0 4px 15px rgba(245, 158, 11, 0.3)'
+                }}
+              >
+                <Sparkles className="w-4 h-4" />
+                New Study
+              </button>
               <button
                 onClick={() => navigate('/canvas')}
                 className="flex items-center gap-2 px-4 py-2 rounded-lg transition-all font-medium hover:-translate-y-0.5"
@@ -250,6 +265,11 @@ const Home: React.FC = () => {
           </div>
         </div>
 
+        {/* Inbox Section - Study Creation Workflow */}
+        <div className="mb-8">
+          <InboxSection onStudyFinalized={refreshStudies} />
+        </div>
+
         {/* Two-column layout: Table + Preview */}
         <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
           {/* Study Table */}
@@ -407,6 +427,19 @@ const Home: React.FC = () => {
                       <Layers className="w-4 h-4" />
                       Canvas
                     </button>
+                    <button
+                      onClick={() => navigate(`/studio/${selectedPreview.id}`)}
+                      className="flex items-center gap-2 px-4 py-2.5 rounded-lg transition-all font-medium whitespace-nowrap hover:-translate-y-0.5"
+                      style={{
+                        background: 'rgba(8, 15, 26, 0.85)',
+                        border: '1px solid rgba(245, 158, 11, 0.3)',
+                        color: '#f59e0b'
+                      }}
+                      title="Edit study configuration with AI assistant"
+                    >
+                      <Settings2 className="w-4 h-4" />
+                      Studio
+                    </button>
                     <button
                       onClick={() => handleSelectStudy(selectedPreview)}
                       className="flex items-center gap-2 px-5 py-2.5 rounded-lg transition-all font-semibold whitespace-nowrap hover:-translate-y-0.5"