Closes #016 - Deploy Native KaTeX Rig & Dual-Handbook System

components/modules/sandbox/SandboxDemo.tsx

@@ -7,6 +7,7 @@ import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContai
 import 'katex/dist/katex.min.css';
 import { BlockMath, InlineMath } from 'react-katex';
 import SandboxMathModal from './SandboxMathModal';
+import SandboxBlueprintModal from './SandboxBlueprintModal';
 import {
   TrendingUp, Wallet, ArrowDownRight, ArrowUpRight, Percent, Plus, FolderSync,
   HelpCircle, Settings, Calendar, DollarSign, Tag, Check, AlertCircle, ChevronDown, ChevronUp, Sparkles,
@@ -59,6 +60,7 @@ export default function SandboxDemo() {
 
   const [showMathAccordion, setShowMathAccordion] = useState(false);
   const [isMathModalOpen, setIsMathModalOpen] = useState(false);
+  const [isBlueprintModalOpen, setIsBlueprintModalOpen] = useState(false);
   const [showMsciBenchmark, setShowMsciBenchmark] = useState(true);
 
   // Kelly Position Sizing states
@@ -411,6 +413,14 @@ export default function SandboxDemo() {
               <span>📖 Quantitative Handbook</span>
             </button>
 
+            <button
+              onClick={() => setIsBlueprintModalOpen(true)}
+              className="flex items-center gap-1.5 px-4 py-3 rounded-xl bg-slate-950/80 hover:bg-slate-900 border border-slate-800 hover:border-slate-700 transition-all font-semibold text-xs tracking-wider text-emerald-400 justify-center h-[58px] shrink-0"
+            >
+              <Settings className="w-3.5 h-3.5" />
+              <span>⚙️ Operational Blueprint</span>
+            </button>
+
             {/* Net Worth Card */}
             <div className="flex-1 md:flex-initial bg-slate-950/80 border border-slate-800 rounded-xl p-3 px-5 min-w-[140px]">
               <div className="text-[10px] text-slate-400 uppercase font-semibold">Total Value</div>
@@ -1356,6 +1366,7 @@ export default function SandboxDemo() {
       </div>
 
       <SandboxMathModal isOpen={isMathModalOpen} onClose={() => setIsMathModalOpen(false)} />
+      <SandboxBlueprintModal isOpen={isBlueprintModalOpen} onClose={() => setIsBlueprintModalOpen(false)} />
     </div>
   );
 }