Closes #016 - Deploy Native KaTeX Rig & Dual-Handbook System
This commit is contained in:
Antigravity Agent
@@ -4,6 +4,7 @@ import React, { useState, useEffect } from 'react';
|
||||
import { LineChart, Line, ResponsiveContainer } from 'recharts';
|
||||
import 'katex/dist/katex.min.css';
|
||||
import TechMathModal from './TechMathModal';
|
||||
import TechBlueprintModal from './TechBlueprintModal';
|
||||
import {
|
||||
Cpu, AlertCircle, BookOpen, Activity, Zap, TrendingUp, TrendingDown,
|
||||
ArrowUpRight, ArrowDownRight, Minus, Server, Wallet
|
||||
@@ -89,7 +90,9 @@ export default function AiSpecialSilo() {
|
||||
const [loading, setLoading] = useState(true);
|
||||
const [error, setError] = useState<string | null>(null);
|
||||
const [payload, setPayload] = useState<Payload | null>(null);
|
||||
const [activeTab, setActiveTab] = useState<'matrix' | 'supply_chain'>('matrix');
|
||||
const [isMathModalOpen, setIsMathModalOpen] = useState(false);
|
||||
const [isBlueprintModalOpen, setIsBlueprintModalOpen] = useState(false);
|
||||
const [isShieldActive, setIsShieldActive] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
@@ -230,13 +233,21 @@ export default function AiSpecialSilo() {
|
||||
<div className="flex items-center gap-3 w-full md:w-auto justify-end">
|
||||
<button
|
||||
onClick={() => setIsMathModalOpen(true)}
|
||||
className="flex items-center gap-1.5 px-4 py-2.5 rounded-xl bg-slate-955/80 hover:bg-slate-900 border border-slate-800 hover:border-slate-700 transition-all font-semibold text-xs tracking-wider text-teal-400 w-full md:w-auto justify-center h-11 cursor-pointer"
|
||||
className="flex items-center gap-1.5 px-4 py-2.5 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-teal-400 w-full md:w-auto justify-center h-11 cursor-pointer"
|
||||
>
|
||||
<BookOpen className="w-4 h-4" />
|
||||
<span>📖 Quantitative Handbook</span>
|
||||
</button>
|
||||
|
||||
<button
|
||||
onClick={() => setIsBlueprintModalOpen(true)}
|
||||
className="flex items-center gap-1.5 px-4 py-2.5 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-teal-400 w-full md:w-auto justify-center h-11 cursor-pointer animate-pulse-slow"
|
||||
>
|
||||
<Cpu className="w-4 h-4" />
|
||||
<span>⚙️ Operational Blueprint</span>
|
||||
</button>
|
||||
|
||||
<div className="bg-slate-955/80 border border-slate-800 rounded-xl px-4 py-2 text-right shrink-0 h-11 flex flex-col justify-center">
|
||||
<div className="bg-slate-950/80 border border-slate-800 rounded-xl px-4 py-2 text-right shrink-0 h-11 flex flex-col justify-center">
|
||||
<div className="text-[9px] text-slate-500 uppercase font-mono">Archive State</div>
|
||||
<div className="font-mono text-xs text-slate-300">
|
||||
{new Date(payload.timestamp).toLocaleTimeString()}
|
||||
@@ -418,7 +429,7 @@ export default function AiSpecialSilo() {
|
||||
: '#f43f5e';
|
||||
|
||||
return (
|
||||
<div key={ticker} className="bg-slate-950/40 border border-slate-850 rounded-xl p-3 flex justify-between items-center hover:bg-slate-955/60 transition-colors">
|
||||
<div key={ticker} className="bg-slate-950/40 border border-slate-850 rounded-xl p-3 flex justify-between items-center hover:bg-slate-900/60 transition-colors">
|
||||
<div className="space-y-0.5 w-1/4">
|
||||
<div className="text-xs font-bold text-slate-200">{ticker}</div>
|
||||
<div className="text-[9px] text-slate-500 font-mono">
|
||||
@@ -483,7 +494,7 @@ export default function AiSpecialSilo() {
|
||||
: '#10b981';
|
||||
|
||||
return (
|
||||
<div key={ticker} className="bg-slate-955/40 border border-slate-850 rounded-xl p-3 flex justify-between items-center hover:bg-slate-955/60 transition-colors">
|
||||
<div key={ticker} className="bg-slate-950/40 border border-slate-850 rounded-xl p-3 flex justify-between items-center hover:bg-slate-900/60 transition-colors">
|
||||
<div className="space-y-0.5 w-1/4">
|
||||
<div className="text-xs font-bold text-slate-200">{ticker}</div>
|
||||
<div className="text-[9px] text-slate-500 font-mono">
|
||||
@@ -543,7 +554,7 @@ export default function AiSpecialSilo() {
|
||||
: '#10b981';
|
||||
|
||||
return (
|
||||
<div key={ticker} className="bg-slate-955/40 border border-slate-850 rounded-xl p-3 flex justify-between items-center hover:bg-slate-955/60 transition-colors">
|
||||
<div key={ticker} className="bg-slate-950/40 border border-slate-850 rounded-xl p-3 flex justify-between items-center hover:bg-slate-900/60 transition-colors">
|
||||
<div className="space-y-0.5 w-1/4">
|
||||
<div className="text-xs font-bold text-slate-200">{ticker}</div>
|
||||
<div className="text-[9px] text-slate-500 font-mono">
|
||||
@@ -592,7 +603,7 @@ export default function AiSpecialSilo() {
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="flex items-center gap-4 text-xs font-mono text-slate-400 bg-slate-955/80 border border-slate-850 px-3 py-1.5 rounded-xl">
|
||||
<div className="flex items-center gap-4 text-xs font-mono text-slate-400 bg-slate-900/80 border border-slate-850 px-3 py-1.5 rounded-xl">
|
||||
<div>
|
||||
NVDA Inventory: <span className="text-slate-200 font-semibold">{supplyChain.data[supplyChain.data.length - 1].aggregateObligations / 1000}B$</span>
|
||||
</div>
|
||||
@@ -629,7 +640,7 @@ export default function AiSpecialSilo() {
|
||||
: 'text-emerald-400';
|
||||
|
||||
return (
|
||||
<tr key={row.quarter} className="hover:bg-slate-955/20 transition-colors">
|
||||
<tr key={row.quarter} className="hover:bg-slate-900/20 transition-colors">
|
||||
<td className="py-3 font-semibold text-slate-300">{row.quarter}</td>
|
||||
<td className="py-3 text-right text-slate-300">{row.nvdaInvTurnover.toFixed(2)}x</td>
|
||||
<td className="py-3 text-right text-slate-355">{(row.aggregateObligations / 1000).toFixed(1)}B$</td>
|
||||
@@ -648,6 +659,10 @@ export default function AiSpecialSilo() {
|
||||
isOpen={isMathModalOpen}
|
||||
onClose={() => setIsMathModalOpen(false)}
|
||||
/>
|
||||
<TechBlueprintModal
|
||||
isOpen={isBlueprintModalOpen}
|
||||
onClose={() => setIsBlueprintModalOpen(false)}
|
||||
/>
|
||||
|
||||
</div>
|
||||
);
|
||||
|
||||
96
components/modules/tech/TechBlueprintModal.tsx
Normal file
96
components/modules/tech/TechBlueprintModal.tsx
Normal file
@@ -0,0 +1,96 @@
|
||||
import React from 'react';
|
||||
import { Settings, X } from 'lucide-react';
|
||||
|
||||
interface TechBlueprintModalProps {
|
||||
isOpen: boolean;
|
||||
onClose: () => void;
|
||||
}
|
||||
|
||||
export default function TechBlueprintModal({ isOpen, onClose }: TechBlueprintModalProps) {
|
||||
React.useEffect(() => {
|
||||
const handleKeyDown = (e: KeyboardEvent) => {
|
||||
if (e.key === 'Escape') {
|
||||
onClose();
|
||||
}
|
||||
};
|
||||
if (isOpen) {
|
||||
window.addEventListener('keydown', handleKeyDown);
|
||||
}
|
||||
return () => {
|
||||
window.removeEventListener('keydown', handleKeyDown);
|
||||
};
|
||||
}, [isOpen, onClose]);
|
||||
|
||||
if (!isOpen) return null;
|
||||
|
||||
return (
|
||||
<div className="fixed inset-0 z-50 flex items-center justify-center bg-slate-900/85 backdrop-blur-md p-4 sm:p-6 md:p-8 animate-fade-in">
|
||||
<div className="bg-slate-900 border border-slate-800/80 rounded-3xl w-full max-w-4xl h-[80vh] flex flex-col overflow-hidden shadow-2xl relative text-slate-355">
|
||||
|
||||
{/* Modal Header */}
|
||||
<div className="flex justify-between items-center px-6 py-4 bg-slate-950/45 border-b border-slate-800/60">
|
||||
<div>
|
||||
<h2 className="text-base font-bold bg-gradient-to-r from-teal-400 to-indigo-400 bg-clip-text text-transparent flex items-center gap-2">
|
||||
<Settings className="w-5 h-5 text-teal-400" /> AI & Tech Silo - Operational Blueprint
|
||||
</h2>
|
||||
<p className="text-[10px] text-slate-500 font-mono">System User Manual & Interface Mechanics</p>
|
||||
</div>
|
||||
<button
|
||||
onClick={onClose}
|
||||
className="text-slate-400 hover:text-slate-200 bg-slate-950/50 border border-slate-800 hover:border-slate-700 p-2 rounded-xl transition-all cursor-pointer flex items-center justify-center"
|
||||
aria-label="Close modal"
|
||||
>
|
||||
<X className="w-4 h-4" />
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{/* Modal Body */}
|
||||
<div className="flex-1 overflow-y-auto p-6 sm:p-8 space-y-8 text-slate-350 scrollbar-thin">
|
||||
|
||||
<div className="border-b border-slate-800/80 pb-3">
|
||||
<h3 className="text-base font-bold text-slate-200">CapEx Cycle & Infrastructure Indicators</h3>
|
||||
<p className="text-xs text-slate-400 mt-1">Operational details of tech overcapacity diagnosis.</p>
|
||||
</div>
|
||||
|
||||
{/* Core Mechanics */}
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||||
<div className="p-4 rounded-xl border border-slate-800/60 bg-slate-950/40 space-y-2">
|
||||
<h4 className="text-xs font-bold text-teal-400 uppercase tracking-wider font-mono">1. Monetization Gap & ROI-to-CapEx</h4>
|
||||
<p className="text-xs text-slate-400 leading-relaxed font-sans">
|
||||
Monitors segment revenues (e.g. Azure, AWS, Google Cloud, Meta Family of Apps) against capital spending growth. A negative monetization gap signals segment revenues are growing slower than capital investments. A collapsing ROI-to-CapEx ratio highlights write-down risks.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="p-4 rounded-xl border border-slate-800/60 bg-slate-950/40 space-y-2">
|
||||
<h4 className="text-xs font-bold text-teal-400 uppercase tracking-wider font-mono">2. Supply-Chain Velocity Index</h4>
|
||||
<p className="text-xs text-slate-400 leading-relaxed font-sans">
|
||||
Compares cloud buyers' future purchase obligations (disclosed in notes of 10-Q reports) against Nvidia's spot inventory turnover speeds. A collapsing velocity index indicates buyers are cutting back forward purchase commitments relative to hardware supplier stockpiles.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="p-4 rounded-xl border border-slate-800/60 bg-slate-950/40 space-y-2">
|
||||
<h4 className="text-xs font-bold text-teal-400 uppercase tracking-wider font-mono">3. Cluster Leverage (D/E & CapEx/Dep)</h4>
|
||||
<p className="text-xs text-slate-400 leading-relaxed font-sans">
|
||||
Monitors CapEx-to-depreciation ratios (ratios > 3x indicate hyper-aggressive server capacity additions) alongside Debt-to-Equity changes to assess whether the AI cluster construction is funded by leverage, exposing firms to massive future amortization drag.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Interface Specifications */}
|
||||
<div className="space-y-3">
|
||||
<h3 className="text-sm font-bold text-slate-200 border-b border-slate-800 pb-2">Interface Layout & Mechanics</h3>
|
||||
<div className="text-xs text-slate-400 space-y-3 leading-relaxed">
|
||||
<p>
|
||||
<strong className="text-teal-400 font-semibold">Sloan Accrual Card & Indicators:</strong> Integrates the Sloan Ratio indicator at the top of the silo dashboard, classifying reported revenues into Safe or Anomaly regimes.
|
||||
</p>
|
||||
<p>
|
||||
<strong className="text-teal-400 font-semibold">Silo Dashboard Sparklines:</strong> Displays quarterly trajectories for MSFT, GOOGL, META, AMZN, and AMD segment revenue and capital growth rates.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -26,7 +26,7 @@ export default function TechMathModal({ isOpen, onClose }: TechMathModalProps) {
|
||||
if (!isOpen) return null;
|
||||
|
||||
return (
|
||||
<div className="fixed inset-0 z-50 flex items-center justify-center bg-slate-955/90 backdrop-blur-md p-4 sm:p-6 md:p-8">
|
||||
<div className="fixed inset-0 z-50 flex items-center justify-center bg-slate-900/90 backdrop-blur-md p-4 sm:p-6 md:p-8">
|
||||
<div className="bg-slate-900 border border-slate-800/80 rounded-3xl w-full max-w-5xl h-[85vh] flex flex-col overflow-hidden shadow-2xl relative text-slate-350">
|
||||
|
||||
{/* Modal Header */}
|
||||
@@ -67,28 +67,28 @@ export default function TechMathModal({ isOpen, onClose }: TechMathModalProps) {
|
||||
<p className="text-xs leading-relaxed text-slate-400">
|
||||
When technology companies deploy huge amounts of capital for AI clusters and computing nodes, standard revenue metrics may hide margin pressure. The Monetization Gap and ROI-to-CapEx metrics track this by isolating the growth of targeted cloud/AI segments against the velocity of capital investments:
|
||||
</p>
|
||||
<div className="bg-slate-955/40 p-5 rounded-2xl border border-slate-850 my-2 space-y-4">
|
||||
<div className="bg-slate-900/40 p-5 rounded-2xl border border-slate-850 my-2 space-y-4">
|
||||
<div>
|
||||
<p className="text-xs text-slate-300 mb-2 font-semibold">
|
||||
{"Formula for Monetization Gap (\\(G_{\\text{monetization}}\\)):"}
|
||||
{"Formula for Monetization Gap ("}<InlineMath math="G_{\text{monetization}}" />{"):"}
|
||||
</p>
|
||||
<BlockMath math="G_{\\text{monetization}, i, t} = \\Delta \\text{Rev}_{\\text{segment}, i, t} - \\Delta \\text{CapEx}_{i, t}" />
|
||||
<BlockMath math="G_{\text{monetization}, i, t} = \Delta \text{Rev}_{\text{segment}, i, t} - \Delta \text{CapEx}_{i, t}" />
|
||||
<p className="text-xs text-slate-300 my-2 font-semibold">
|
||||
{"Formula for ROI-to-CapEx Ratio (\\(R_{\\text{ROI}}\\)):"}
|
||||
{"Formula for ROI-to-CapEx Ratio ("}<InlineMath math="R_{\text{ROI}}" />{"):"}
|
||||
</p>
|
||||
<BlockMath math="R_{\\text{ROI}, i, t} = \\frac{\\text{Rev}_{\\text{segment}, i, t} - \\text{Rev}_{\\text{segment}, i, t-1}}{\\text{CapEx}_{i, t}} \\times 100" />
|
||||
<BlockMath math="R_{\text{ROI}, i, t} = \frac{\text{Rev}_{\text{segment}, i, t} - \text{Rev}_{\text{segment}, i, t-1}}{\text{CapEx}_{i, t}} \times 100" />
|
||||
<p className="text-[10px] text-slate-500 mt-3 font-mono leading-relaxed">
|
||||
{"Where:"}
|
||||
<br />
|
||||
{"- "}<InlineMath math="\\Delta \\text{Rev}_{\\text{segment}, i, t}" />{" is the quarter-over-quarter percentage growth rate of isolated Cloud/Segment revenue (e.g., Azure for MSFT, Google Cloud for GOOGL, Data Center for NVDA/AMD, Family of Apps for META)."}
|
||||
{"- "}<InlineMath math="\Delta \text{Rev}_{\text{segment}, i, t}" />{" is the quarter-over-quarter percentage growth rate of isolated Cloud/Segment revenue (e.g., Azure for MSFT, Google Cloud for GOOGL, Data Center for NVDA/AMD, Family of Apps for META)."}
|
||||
<br />
|
||||
{"- "}<InlineMath math="\\Delta \\text{CapEx}_{i, t}" />{" is the quarter-over-quarter percentage growth rate of Capital Expenditures."}
|
||||
{"- "}<InlineMath math="\Delta \text{CapEx}_{i, t}" />{" is the quarter-over-quarter percentage growth rate of Capital Expenditures."}
|
||||
<br />
|
||||
{"- "}<InlineMath math="\\text{CapEx}_{i, t}" />{" is the absolute quarterly capital expenditure of the firm in millions."}
|
||||
{"- "}<InlineMath math="\text{CapEx}_{i, t}" />{" is the absolute quarterly capital expenditure of the firm in millions."}
|
||||
</p>
|
||||
</div>
|
||||
<p className="text-xs leading-relaxed text-slate-400">
|
||||
<strong className="text-teal-300">Strategic Rationale:</strong>{" A negative Monetization Gap (\\(G_{\\text{monetization}} < 0\\)) indicates that capital spending is growing faster than segment monetization, suggesting diminishing marginal returns. A collapsing ROI-to-CapEx ratio signals that the capital investment is failing to spark immediate segment growth, leading to eventual asset write-downs."}
|
||||
<strong className="text-teal-300">Strategic Rationale:</strong>{" A negative Monetization Gap ("}<InlineMath math="G_{\text{monetization}} < 0" />{") indicates that capital spending is growing faster than segment monetization, suggesting diminishing marginal returns. A collapsing "}<InlineMath math="R_{\text{ROI}}" />{" ratio signals that the capital investment is failing to spark immediate segment growth, leading to eventual asset write-downs."}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -101,22 +101,22 @@ export default function TechMathModal({ isOpen, onClose }: TechMathModalProps) {
|
||||
<p className="text-xs leading-relaxed text-slate-400">
|
||||
Supply-chain stress is a reliable leading indicator of demand contraction. We monitor the relationship between the key hardware supplier (Nvidia) and the primary cloud buyers (MSFT, GOOGL, META) by comparing buyers' future purchase commitments with the supplier's inventory speeds:
|
||||
</p>
|
||||
<div className="bg-slate-955/40 p-5 rounded-2xl border border-slate-850 my-2 space-y-4">
|
||||
<div className="bg-slate-900/40 p-5 rounded-2xl border border-slate-850 my-2 space-y-4">
|
||||
<div>
|
||||
<p className="text-xs text-slate-300 mb-2 font-semibold">Nvidia Inventory Turnover (Annualized):</p>
|
||||
<BlockMath math="\\text{Turnover}_{\\text{NVDA}, t} = \\frac{\\text{COGS}_{\\text{NVDA}, t}}{\\text{Inventory}_{\\text{NVDA}, t}} \\times 4" />
|
||||
<BlockMath math="\text{Turnover}_{\text{NVDA}, t} = \frac{\text{COGS}_{\text{NVDA}, t}}{\text{Inventory}_{\text{NVDA}, t}} \times 4" />
|
||||
<p className="text-xs text-slate-300 my-2 font-semibold">
|
||||
{"Supply-Chain Velocity Index (\\(V_{\\text{sc}}\\)):"}
|
||||
{"Supply-Chain Velocity Index ("}<InlineMath math="V_{\text{sc}}" />{"):"}
|
||||
</p>
|
||||
<BlockMath math="V_{\\text{sc}, t} = \\frac{\\sum_{j \\in \\text{Buyers}} \\text{Purchase Obligations}_{j, t}}{\\text{Inventory}_{\\text{NVDA}, t}}" />
|
||||
<BlockMath math="V_{\text{sc}, t} = \frac{\sum_{j \in \text{Buyers}} \text{Purchase Obligations}_{j, t}}{\text{Inventory}_{\text{NVDA}, t}}" />
|
||||
<p className="text-[10px] text-slate-555 mt-3 font-mono leading-relaxed">
|
||||
{"Where:"}
|
||||
<br />
|
||||
{"- "}<InlineMath math="\\text{COGS}_{\\text{NVDA}, t}" />{" is Nvidia's quarterly Cost of Goods Sold."}
|
||||
{"- "}<InlineMath math="\text{COGS}_{\text{NVDA}, t}" />{" is Nvidia's quarterly Cost of Goods Sold."}
|
||||
<br />
|
||||
{"- "}<InlineMath math="\\text{Inventory}_{\\text{NVDA}, t}" />{" is Nvidia's total inventory value on its balance sheet."}
|
||||
{"- "}<InlineMath math="\text{Inventory}_{\text{NVDA}, t}" />{" is Nvidia's total inventory value on its balance sheet."}
|
||||
<br />
|
||||
{"- "}<InlineMath math="\\text{Purchase Obligations}_{j, t}" />{" represents the forward purchase commitments disclosed in the notes of 10-Q filing reports by the buyers (MSFT, GOOGL, META)."}
|
||||
{"- "}<InlineMath math="\text{Purchase Obligations}_{j, t}" />{" represents the forward purchase commitments disclosed in the notes of 10-Q filing reports by the buyers (MSFT, GOOGL, META)."}
|
||||
</p>
|
||||
</div>
|
||||
<p className="text-xs leading-relaxed text-slate-400">
|
||||
@@ -133,20 +133,20 @@ export default function TechMathModal({ isOpen, onClose }: TechMathModalProps) {
|
||||
<p className="text-xs leading-relaxed text-slate-400">
|
||||
Aggressive cluster construction requires significant debt or capital consumption. We measure the balance sheet risk of massive computing nodes using the Debt-to-Equity (D/E) and CapEx-to-Depreciation ratios:
|
||||
</p>
|
||||
<div className="bg-slate-955/40 p-5 rounded-2xl border border-slate-850 my-2 space-y-4">
|
||||
<div className="bg-slate-900/40 p-5 rounded-2xl border border-slate-850 my-2 space-y-4">
|
||||
<div>
|
||||
<p className="text-xs text-slate-300 mb-2 font-semibold">Debt-to-Equity Shift Ratio:</p>
|
||||
<BlockMath math="\\text{D/E}_{i, t} = \\frac{\\text{Total Debt}_{i, t}}{\\text{Shareholders' Equity}_{i, t}}" />
|
||||
<BlockMath math="\text{D/E}_{i, t} = \frac{\text{Total Debt}_{i, t}}{\text{Shareholders' Equity}_{i, t}}" />
|
||||
<p className="text-xs text-slate-300 my-2 font-semibold">
|
||||
{"CapEx-to-Depreciation Ratio (\\(R_{\\text{capex-dep}}\\)):"}
|
||||
{"CapEx-to-Depreciation Ratio ("}<InlineMath math="R_{\text{capex-dep}}" />{"):"}
|
||||
</p>
|
||||
<BlockMath math="R_{\\text{capex-dep}, i, t} = \\frac{\\text{CapEx}_{i, t}}{\\text{Depreciation}_{i, t}}" />
|
||||
<BlockMath math="R_{\text{capex-dep}, i, t} = \frac{\text{CapEx}_{i, t}}{\text{Depreciation}_{i, t}}" />
|
||||
<p className="text-[10px] text-slate-555 mt-3 font-mono leading-relaxed">
|
||||
{"Where:"}
|
||||
<br />
|
||||
{"- "}<InlineMath math="\\text{Total Debt}_{i, t}" />{" represents short-term and long-term interest-bearing debt."}
|
||||
{"- "}<InlineMath math="\text{Total Debt}_{i, t}" />{" represents short-term and long-term interest-bearing debt."}
|
||||
<br />
|
||||
{"- "}<InlineMath math="\\text{Depreciation}_{i, t}" />{" represents the quarterly depreciation expense, reflecting the wear-and-tear of existing physical server arrays."}
|
||||
{"- "}<InlineMath math="\text{Depreciation}_{i, t}" />{" represents the quarterly depreciation expense, reflecting the wear-and-tear of existing physical server arrays."}
|
||||
</p>
|
||||
</div>
|
||||
<p className="text-xs leading-relaxed text-slate-400">
|
||||
@@ -163,24 +163,24 @@ export default function TechMathModal({ isOpen, onClose }: TechMathModalProps) {
|
||||
<p className="text-xs leading-relaxed text-slate-400">
|
||||
Investment hyper-leverage creates systematic feedback loops in equity markets. We model the amplification of tech sector risk (asymmetric beta expansion) using a non-linear scaling model:
|
||||
</p>
|
||||
<div className="bg-slate-955/40 p-5 rounded-2xl border border-slate-850 my-2 space-y-4">
|
||||
<div className="bg-slate-900/40 p-5 rounded-2xl border border-slate-850 my-2 space-y-4">
|
||||
<div>
|
||||
<p className="text-xs text-slate-300 mb-2 font-semibold">Systemic Tech Beta Model:</p>
|
||||
<BlockMath math="\\beta_{\\text{tech}, t} = \\beta_{0} \\times \\left(1 + \\gamma \\times \\frac{\\sum_{i} \\text{CapEx}_{i, t}}{\\sum_{i} \\text{Depreciation}_{i, t}}\\right) \\times e^{\\lambda \\times (1 - V_{\\text{sc}, t})}" />
|
||||
<BlockMath math="\beta_{\text{tech}, t} = \beta_{0} \times \left(1 + \gamma \times \frac{\sum_{i} \text{CapEx}_{i, t}}{\sum_{i} \text{Depreciation}_{i, t}}\right) \times e^{\lambda \times (1 - V_{\text{sc}, t})}" />
|
||||
<p className="text-[10px] text-slate-555 mt-3 font-mono leading-relaxed">
|
||||
{"Where:"}
|
||||
<br />
|
||||
{"- "}<InlineMath math="\\beta_{0}" />{" is the baseline systematic tech beta (historically ~1.10)."}
|
||||
{"- "}<InlineMath math="\beta_{0}" />{" is the baseline systematic tech beta (historically ~1.10)."}
|
||||
<br />
|
||||
{"- "}<InlineMath math="\\gamma" />{" represents the investment intensity multiplier (e.g. 0.05)."}
|
||||
{"- "}<InlineMath math="\gamma" />{" represents the investment intensity multiplier (e.g. 0.05)."}
|
||||
<br />
|
||||
{"- "}<InlineMath math="\\lambda" />{" represents the supply-chain velocity damping constant (e.g. 0.12)."}
|
||||
{"- "}<InlineMath math="\lambda" />{" represents the supply-chain velocity damping constant (e.g. 0.12)."}
|
||||
<br />
|
||||
{"- "}<InlineMath math="V_{\\text{sc}, t}" />{" is the Supply-Chain Velocity Index calculated in Section 2."}
|
||||
{"- "}<InlineMath math="V_{\text{sc}, t}" />{" is the Supply-Chain Velocity Index calculated in Section 2."}
|
||||
</p>
|
||||
</div>
|
||||
<p className="text-xs leading-relaxed text-slate-400">
|
||||
<strong className="text-teal-300">Economic Rationale:</strong>{" This equation demonstrates that tech equity risk is not static. As CapEx outstrips depreciation (building massive infrastructure) and the Supply-Chain Velocity Index collapses (build-up of unsellable inventory), the systemic beta "}<InlineMath math="\\beta_{\\text{tech}, t}" />{" expands exponentially. Under these parameters, any minor disappointment in earnings results in an asymmetric downward repricing."}
|
||||
<strong className="text-teal-300">Economic Rationale:</strong>{" This equation demonstrates that tech equity risk is not static. As CapEx outstrips depreciation (building massive infrastructure) and the Supply-Chain Velocity Index collapses (build-up of unsellable inventory), the systemic beta "}<InlineMath math="\beta_{\text{tech}, t}" />{" expands exponentially. Under these parameters, any minor disappointment in earnings results in an asymmetric downward repricing."}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -193,26 +193,26 @@ export default function TechMathModal({ isOpen, onClose }: TechMathModalProps) {
|
||||
<p className="text-xs leading-relaxed text-slate-400">
|
||||
The Sloan Ratio identifies discrepancies between reported net income and actual cash flows. A high proportion of non-cash accruals signals low earnings quality and is a historically proven accounting anomaly predictor:
|
||||
</p>
|
||||
<div className="bg-slate-955/40 p-5 rounded-2xl border border-slate-850 my-2 space-y-4">
|
||||
<div className="bg-slate-900/40 p-5 rounded-2xl border border-slate-850 my-2 space-y-4">
|
||||
<div>
|
||||
<p className="text-xs text-slate-300 mb-2 font-semibold">
|
||||
{"Formula for Accruals (\\(\\text{Accruals}\\)):"}
|
||||
{"Formula for Accruals ("}<InlineMath math="\text{Accruals}" />{"):"}
|
||||
</p>
|
||||
<BlockMath math="\\text{Accruals}_{t} = \\text{Net Income}_{t} - (\\text{CFO}_{t} + \\text{CFI}_{t})" />
|
||||
<BlockMath math="\text{Accruals}_{t} = \text{Net Income}_{t} - (\text{CFO}_{t} + \text{CFI}_{t})" />
|
||||
<p className="text-xs text-slate-300 my-2 font-semibold">
|
||||
{"Formula for Sloan Ratio (\\(\\text{Sloan Ratio}\\)):"}
|
||||
{"Formula for Sloan Ratio ("}<InlineMath math="\text{Sloan Ratio}" />{"):"}
|
||||
</p>
|
||||
<BlockMath math="\\text{Sloan Ratio}_{t} = \\frac{\\text{Accruals}_{t}}{\\text{Total Assets}_{t}} \\times 100" />
|
||||
<BlockMath math="\text{Sloan Ratio}_{t} = \frac{\text{Accruals}_{t}}{\text{Total Assets}_{t}} \times 100" />
|
||||
<p className="text-[10px] text-slate-555 mt-3 font-mono leading-relaxed">
|
||||
{"Where:"}
|
||||
<br />
|
||||
{"- "}<InlineMath math="\\text{Net Income}_{t}" />{" is the company's net income for the fiscal period."}
|
||||
{"- "}<InlineMath math="\text{Net Income}_{t}" />{" is the company's net income for the fiscal period."}
|
||||
<br />
|
||||
{"- "}<InlineMath math="\\text{CFO}_{t}" />{" is Cash Flow from Operations (operating cash flow)."}
|
||||
{"- "}<InlineMath math="\text{CFO}_{t}" />{" is Cash Flow from Operations (operating cash flow)."}
|
||||
<br />
|
||||
{"- "}<InlineMath math="\\text{CFI}_{t}" />{" is Cash Flow from Investing activities."}
|
||||
{"- "}<InlineMath math="\text{CFI}_{t}" />{" is Cash Flow from Investing activities."}
|
||||
<br />
|
||||
{"- "}<InlineMath math="\\text{Total Assets}_{t}" />{" is the total assets reported on the balance sheet at the end of the period."}
|
||||
{"- "}<InlineMath math="\text{Total Assets}_{t}" />{" is the total assets reported on the balance sheet at the end of the period."}
|
||||
</p>
|
||||
</div>
|
||||
<p className="text-xs leading-relaxed text-slate-400">
|
||||
|
||||
Reference in New Issue
Block a user