feat: portfolio dashboard v1.0

.dockerignore

@@ -0,0 +1,6 @@
+node_modules
+dist
+.git
+.env
+.DS_Store
+*.log

.gitattributes

@@ -0,0 +1,3 @@
+*.png filter=lfs diff=lfs merge=lfs -text
+*.jpg filter=lfs diff=lfs merge=lfs -text
+*.svg filter=lfs diff=lfs merge=lfs -text

.gitignore

@@ -0,0 +1,26 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+.env

.hfignore

@@ -0,0 +1,5 @@
+node_modules/
+.git/
+dist/
+.env
+package-lock.json

Dockerfile

@@ -0,0 +1,32 @@
+# Stage 1: Build the React application
+FROM node:20-alpine as build-stage
+
+WORKDIR /app
+
+# Copy package files and install dependencies
+COPY package*.json ./
+RUN npm install
+
+# Copy the rest of the application code
+COPY . .
+
+# Build the app for production
+# Note: VITE_ environment variables must be available at build time
+RUN npm run build
+
+# Stage 2: Serve the app with Nginx
+FROM nginx:stable-alpine
+
+# Copy the built assets from the build stage to Nginx's html directory
+COPY --from=build-stage /app/dist /usr/share/nginx/html
+
+# Copy a custom Nginx configuration to handle React Router (SPA) routing
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+
+# Expose port 7860 (default for Hugging Face Spaces)
+EXPOSE 7860
+
+# Adjust Nginx to run on port 7860
+RUN sed -i 's/listen\(.*\)80;/listen 7860;/' /etc/nginx/conf.d/default.conf
+
+CMD ["nginx", "-g", "daemon off;"]

README.md

@@ -0,0 +1,21 @@
+---
+title: GS Portfolio Dashboard
+emoji: 📊
+colorFrom: indigo
+colorTo: blue
+sdk: docker
+pinned: false
+---
+
+# Goldman Sachs Style Portfolio Dashboard
+
+A premium, jargon-free investment portfolio management platform built with React, Tailwind CSS, and Framer Motion.
+
+## Features
+- **Radical Transparency**: Clear explanations of health scores and risk levels.
+- **Dynamic Heatmap**: Visualize allocation and performance at a glance.
+- **AI Investment Committee**: Real-time analysis of stock holdings.
+- **Scenario Planning**: Macroeconomic rebalancing engine.
+
+## Deployment
+This app is dockerized and served via Nginx on port 7860 for Hugging Face Spaces.

Stock Portfolio - Sheet1.csv

@@ -0,0 +1,6 @@
+Stock Name ,Unit Bought,Price When Purchased,Purchase Cost
+OKTA,5,98.26,491.3
+AMZN,5,181.96,909.8
+NVDA,250,138,34500
+SEDG,10,25.05,250.5
+TSLA,5,244.5,1222.5

Stocks data for tableau - Stock Prices.csv

@@ -0,0 +1,1262 @@
+Stock,Date,Close,Daily%change
+OKTA ,5/2/2025 16:00:00,112.9,
+OKTA ,5/5/2025 16:00:00,115.71,0.02488928255
+OKTA ,5/6/2025 16:00:00,117.07,0.01175352174
+OKTA ,5/7/2025 16:00:00,118.03,0.008200222089
+OKTA ,5/8/2025 16:00:00,120.75,0.02304498856
+OKTA ,5/9/2025 16:00:00,119.45,-0.01076604555
+OKTA ,5/12/2025 16:00:00,124.17,0.03951444119
+OKTA ,5/13/2025 16:00:00,124.05,-0.0009664170089
+OKTA ,5/14/2025 16:00:00,123.34,-0.005723498589
+OKTA ,5/15/2025 16:00:00,124.39,0.008513053348
+OKTA ,5/16/2025 16:00:00,127.3,0.02339416352
+OKTA ,5/19/2025 16:00:00,126.44,-0.006755695208
+OKTA ,5/20/2025 16:00:00,125.54,-0.007118000633
+OKTA ,5/21/2025 16:00:00,122.06,-0.02772024853
+OKTA ,5/22/2025 16:00:00,122.06,0
+OKTA ,5/23/2025 16:00:00,123.72,0.01359986892
+OKTA ,5/27/2025 16:00:00,125.5,0.01438732622
+OKTA ,5/28/2025 16:00:00,105.23,-0.1615139442
+OKTA ,5/29/2025 16:00:00,106.63,0.01330419082
+OKTA ,5/30/2025 16:00:00,103.17,-0.03244865422
+OKTA ,6/2/2025 16:00:00,104.73,0.01512067461
+OKTA ,6/3/2025 16:00:00,103.58,-0.01098061682
+OKTA ,6/4/2025 16:00:00,105.6,0.01950183433
+OKTA ,6/5/2025 16:00:00,104.18,-0.0134469697
+OKTA ,6/6/2025 16:00:00,105.08,0.008638894222
+OKTA ,6/9/2025 16:00:00,101.2,-0.03692424819
+OKTA ,6/10/2025 16:00:00,100.78,-0.004150197628
+OKTA ,6/11/2025 16:00:00,100.44,-0.003373685255
+OKTA ,6/12/2025 16:00:00,100.18,-0.002588610115
+OKTA ,6/13/2025 16:00:00,97.48,-0.02695148732
+OKTA ,6/16/2025 16:00:00,99.28,0.01846532622
+OKTA ,6/17/2025 16:00:00,98.67,-0.006144238517
+OKTA ,6/18/2025 16:00:00,99,0.003344481605
+OKTA ,6/20/2025 16:00:00,99.42,0.004242424242
+OKTA ,6/23/2025 16:00:00,98.66,-0.007644337156
+OKTA ,6/24/2025 16:00:00,98.53,-0.001317656598
+OKTA ,6/25/2025 16:00:00,98.21,-0.003247741805
+OKTA ,6/26/2025 16:00:00,98.13,-0.0008145809999
+OKTA ,6/27/2025 16:00:00,98.43,0.003057169061
+OKTA ,6/30/2025 16:00:00,99.97,0.01564563649
+OKTA ,7/1/2025 16:00:00,98.55,-0.01420426128
+OKTA ,7/2/2025 16:00:00,98.14,-0.004160324708
+OKTA ,7/3/2025 13:05:00,99.11,0.009883839413
+OKTA ,7/7/2025 16:00:00,97.4,-0.01725355665
+OKTA ,7/8/2025 16:00:00,97.53,0.001334702259
+OKTA ,7/9/2025 16:00:00,99.15,0.01661027376
+OKTA ,7/10/2025 16:00:00,94.41,-0.04780635401
+OKTA ,7/11/2025 16:00:00,91.56,-0.03018748014
+OKTA ,7/14/2025 16:00:00,91.97,0.004477937964
+OKTA ,7/15/2025 16:00:00,91.1,-0.009459606393
+OKTA ,7/16/2025 16:00:00,91.07,-0.0003293084523
+OKTA ,7/17/2025 16:00:00,92.1,0.01130998133
+OKTA ,7/18/2025 16:00:00,95.43,0.03615635179
+OKTA ,7/21/2025 16:00:00,95.86,0.00450592057
+OKTA ,7/22/2025 16:00:00,95.65,-0.002190694763
+OKTA ,7/23/2025 16:00:00,95.63,-0.0002090956613
+OKTA ,7/24/2025 16:00:00,97.89,0.02363275123
+OKTA ,7/25/2025 16:00:00,101.1,0.03279190929
+OKTA ,7/28/2025 16:00:00,97.84,-0.03224530168
+OKTA ,7/29/2025 16:00:00,98.99,0.01175388389
+OKTA ,7/30/2025 16:00:00,99.77,0.007879583796
+OKTA ,7/31/2025 16:00:00,97.8,-0.01974541445
+OKTA ,8/1/2025 16:00:00,95.13,-0.0273006135
+OKTA ,8/4/2025 16:00:00,97.72,0.0272259014
+OKTA ,8/5/2025 16:00:00,95.98,-0.01780597626
+OKTA ,8/6/2025 16:00:00,97.75,0.01844134195
+OKTA ,8/7/2025 16:00:00,93.58,-0.04265984655
+OKTA ,8/8/2025 16:00:00,91.55,-0.02169266937
+OKTA ,8/11/2025 16:00:00,88.51,-0.03320589842
+OKTA ,8/12/2025 16:00:00,89.33,0.009264489888
+OKTA ,8/13/2025 16:00:00,90.98,0.01847083846
+OKTA ,8/14/2025 16:00:00,88.61,-0.02604968125
+OKTA ,8/15/2025 16:00:00,92.02,0.03848324117
+OKTA ,8/18/2025 16:00:00,91.38,-0.00695500978
+OKTA ,8/19/2025 16:00:00,91.15,-0.002516962136
+OKTA ,8/20/2025 16:00:00,91.03,-0.001316511245
+OKTA ,8/21/2025 16:00:00,89.78,-0.01373173679
+OKTA ,8/22/2025 16:00:00,92.05,0.02528402762
+OKTA ,8/25/2025 16:00:00,91.35,-0.007604562738
+OKTA ,8/26/2025 16:00:00,91.56,0.002298850575
+OKTA ,8/27/2025 16:00:00,93.03,0.01605504587
+OKTA ,8/28/2025 16:00:00,92.59,-0.0047296571
+OKTA ,8/29/2025 16:00:00,92.77,0.001944054434
+OKTA ,9/2/2025 16:00:00,89.5,-0.03524846394
+OKTA ,9/3/2025 16:00:00,89.82,0.003575418994
+OKTA ,9/4/2025 16:00:00,89.74,-0.0008906702293
+OKTA ,9/5/2025 16:00:00,91.48,0.019389347
+OKTA ,9/8/2025 16:00:00,92.68,0.01311762134
+OKTA ,9/9/2025 16:00:00,93.85,0.01262408287
+OKTA ,9/10/2025 16:00:00,90.21,-0.03878529568
+OKTA ,9/11/2025 16:00:00,91.96,0.01939917969
+OKTA ,9/12/2025 16:00:00,90.34,-0.01761635494
+OKTA ,9/15/2025 16:00:00,90.91,0.006309497454
+OKTA ,9/16/2025 16:00:00,89.92,-0.0108898911
+OKTA ,9/17/2025 16:00:00,90,0.0008896797153
+OKTA ,9/18/2025 16:00:00,93.6,0.04
+OKTA ,9/19/2025 16:00:00,93.37,-0.002457264957
+OKTA ,9/22/2025 16:00:00,92.38,-0.0106029774
+OKTA ,9/23/2025 16:00:00,92.2,-0.001948473696
+OKTA ,9/24/2025 16:00:00,92.2,0
+OKTA ,9/25/2025 16:00:00,91.19,-0.01095444685
+OKTA ,9/26/2025 16:00:00,91.16,-0.0003289834412
+OKTA ,9/29/2025 16:00:00,93.86,0.02961825362
+OKTA ,9/30/2025 16:00:00,91.7,-0.02301299808
+OKTA ,10/1/2025 16:00:00,91.69,-0.0001090512541
+OKTA ,10/2/2025 16:00:00,94.92,0.03522739666
+OKTA ,10/3/2025 16:00:00,93.3,-0.01706700379
+OKTA ,10/6/2025 16:00:00,93.71,0.004394426581
+OKTA ,10/7/2025 16:00:00,90.89,-0.03009283961
+OKTA ,10/8/2025 16:00:00,92.63,0.01914402024
+OKTA ,10/9/2025 16:00:00,93.64,0.01090359495
+OKTA ,10/10/2025 16:00:00,89.35,-0.04581375481
+OKTA ,10/13/2025 16:00:00,90.14,0.008841634024
+OKTA ,10/14/2025 16:00:00,89.08,-0.01175948525
+OKTA ,10/15/2025 16:00:00,88.35,-0.008194881006
+OKTA ,10/16/2025 16:00:00,87.71,-0.007243916242
+OKTA ,10/17/2025 16:00:00,87.43,-0.003192338388
+OKTA ,10/20/2025 16:00:00,88.32,0.01017957223
+OKTA ,10/21/2025 16:00:00,89.45,0.01279438406
+OKTA ,10/22/2025 16:00:00,87.04,-0.02694242594
+OKTA ,10/23/2025 16:00:00,88.55,0.01734834559
+OKTA ,10/24/2025 16:00:00,89.07,0.005872388481
+OKTA ,10/27/2025 16:00:00,90.01,0.01055349725
+OKTA ,10/28/2025 16:00:00,89.31,-0.007776913676
+OKTA ,10/29/2025 16:00:00,87.65,-0.01858694435
+OKTA ,10/30/2025 16:00:00,87.91,0.002966343411
+OKTA ,10/31/2025 16:00:00,91.53,0.04117847799
+OKTA ,11/3/2025 16:00:00,91.08,-0.004916420846
+OKTA ,11/4/2025 16:00:00,86.97,-0.04512516469
+OKTA ,11/5/2025 16:00:00,87.13,0.001839714844
+OKTA ,11/6/2025 16:00:00,85.87,-0.01446115001
+OKTA ,11/7/2025 16:00:00,85.21,-0.007686037033
+OKTA ,11/10/2025 16:00:00,85.74,0.006219927239
+OKTA ,11/11/2025 16:00:00,85.58,-0.001866106835
+OKTA ,11/12/2025 16:00:00,84.69,-0.01039962608
+OKTA ,11/13/2025 16:00:00,83.76,-0.01098122565
+OKTA ,11/14/2025 16:00:00,83.94,0.002148997135
+OKTA ,11/17/2025 16:00:00,81.07,-0.03419108887
+OKTA ,11/18/2025 16:00:00,81.03,-0.0004934007648
+OKTA ,11/19/2025 16:00:00,80.09,-0.01160064174
+OKTA ,11/20/2025 16:00:00,78.32,-0.02210013735
+OKTA ,11/21/2025 16:00:00,78.68,0.004596527068
+OKTA ,11/24/2025 16:00:00,79.15,0.005973563803
+OKTA ,11/25/2025 16:00:00,81.16,0.02539481996
+OKTA ,11/26/2025 16:00:00,80.56,-0.007392804337
+OKTA ,11/28/2025 13:05:00,80.33,-0.002855014896
+OKTA ,12/1/2025 16:00:00,80.64,0.00385908129
+OKTA ,12/2/2025 16:00:00,81.87,0.01525297619
+OKTA ,12/3/2025 16:00:00,86.34,0.05459875412
+OKTA ,12/4/2025 16:00:00,85.9,-0.005096131573
+OKTA ,12/5/2025 16:00:00,85.89,-0.0001164144354
+OKTA ,12/8/2025 16:00:00,87.29,0.0162999185
+OKTA ,12/9/2025 16:00:00,87.79,0.005728032993
+OKTA ,12/10/2025 16:00:00,89.84,0.02335117895
+OKTA ,12/11/2025 16:00:00,90.59,0.008348174533
+OKTA ,12/12/2025 16:00:00,90.18,-0.004525885859
+OKTA ,12/15/2025 16:00:00,88.2,-0.02195608782
+OKTA ,12/16/2025 16:00:00,90.59,0.02709750567
+OKTA ,12/17/2025 16:00:00,88.42,-0.02395407882
+OKTA ,12/18/2025 16:00:00,90.23,0.02047048179
+OKTA ,12/19/2025 16:00:00,90.21,-0.0002216557686
+OKTA ,12/22/2025 16:00:00,90.94,0.008092229243
+OKTA ,12/23/2025 16:00:00,89.06,-0.02067297119
+OKTA ,12/24/2025 13:05:00,88.39,-0.00752301819
+OKTA ,12/26/2025 16:00:00,88.61,0.00248896934
+OKTA ,12/29/2025 16:00:00,88.08,-0.005981266223
+OKTA ,12/30/2025 16:00:00,87.43,-0.007379654859
+OKTA ,12/31/2025 16:00:00,86.47,-0.01098021274
+OKTA ,1/2/2026 16:00:00,83.64,-0.0327281138
+OKTA ,1/5/2026 16:00:00,87.71,0.04866092779
+OKTA ,1/6/2026 16:00:00,90.36,0.0302132026
+OKTA ,1/7/2026 16:00:00,93.84,0.0385126162
+OKTA ,1/8/2026 16:00:00,93.93,0.0009590792839
+OKTA ,1/9/2026 16:00:00,92.23,-0.01809858405
+OKTA ,1/12/2026 16:00:00,93.57,0.01452889515
+OKTA ,1/13/2026 16:00:00,94.07,0.005343593032
+OKTA ,1/14/2026 16:00:00,93.35,-0.007653874774
+OKTA ,1/15/2026 16:00:00,91.94,-0.01510444563
+OKTA ,1/16/2026 16:00:00,89.55,-0.02599521427
+OKTA ,1/20/2026 16:00:00,87.71,-0.02054718035
+OKTA ,1/21/2026 16:00:00,88.94,0.01402348649
+OKTA ,1/22/2026 16:00:00,91.46,0.02833370812
+OKTA ,1/23/2026 16:00:00,90.76,-0.007653619068
+OKTA ,1/26/2026 16:00:00,91.29,0.005839576906
+OKTA ,1/27/2026 16:00:00,91.46,0.001862197393
+OKTA ,1/28/2026 16:00:00,90.74,-0.007872293899
+OKTA ,1/29/2026 16:00:00,85.69,-0.05565351554
+OKTA ,1/30/2026 16:00:00,84.48,-0.01412066752
+OKTA ,2/2/2026 16:00:00,88.13,0.04320549242
+OKTA ,2/3/2026 16:00:00,82.31,-0.06603880631
+OKTA ,2/4/2026 16:00:00,83.42,0.01348560321
+OKTA ,2/5/2026 16:00:00,82.15,-0.01522416687
+OKTA ,2/6/2026 16:00:00,86.74,0.05587340231
+OKTA ,2/9/2026 16:00:00,88.18,0.01660133733
+OKTA ,2/10/2026 16:00:00,88.45,0.003061918802
+OKTA ,2/11/2026 16:00:00,88.18,-0.003052572075
+OKTA ,2/12/2026 16:00:00,84.91,-0.03708323883
+OKTA ,2/13/2026 16:00:00,87.26,0.02767636321
+OKTA ,2/17/2026 16:00:00,82.46,-0.055008022
+OKTA ,2/18/2026 16:00:00,82.93,0.005699733204
+OKTA ,2/19/2026 16:00:00,81.8,-0.0136259496
+OKTA ,2/20/2026 16:00:00,74.29,-0.09180929095
+OKTA ,2/23/2026 16:00:00,69.51,-0.06434244178
+OKTA ,2/24/2026 16:00:00,71.14,0.02344986333
+OKTA ,2/25/2026 16:00:00,73.01,0.02628619623
+OKTA ,2/26/2026 16:00:00,75.25,0.03068072867
+OKTA ,2/27/2026 16:00:00,72.5,-0.0365448505
+OKTA ,3/2/2026 16:00:00,73.97,0.02027586207
+OKTA ,3/3/2026 16:00:00,72.52,-0.01960254157
+OKTA ,3/4/2026 16:00:00,71.74,-0.01075565361
+OKTA ,3/5/2026 16:00:00,79.65,0.1102592696
+OKTA ,3/6/2026 16:00:00,80.72,0.01343377276
+OKTA ,3/9/2026 16:00:00,79.71,-0.0125123885
+OKTA ,3/10/2026 16:00:00,79.61,-0.001254547736
+OKTA ,3/11/2026 16:00:00,80.85,0.01557593267
+OKTA ,3/12/2026 16:00:00,78.95,-0.02350030921
+OKTA ,3/13/2026 16:00:00,79.16,0.002659911336
+OKTA ,3/16/2026 16:00:00,77.16,-0.0252652855
+OKTA ,3/17/2026 16:00:00,78.53,0.01775531363
+OKTA ,3/18/2026 16:00:00,78.43,-0.001273398701
+OKTA ,3/19/2026 16:00:00,80.76,0.02970801989
+OKTA ,3/20/2026 16:00:00,78.41,-0.02909856365
+OKTA ,3/23/2026 16:00:00,81.1,0.03430684862
+OKTA ,3/24/2026 16:00:00,76.76,-0.05351418002
+OKTA ,3/25/2026 16:00:00,78.12,0.01771756123
+OKTA ,3/26/2026 16:00:00,79.38,0.01612903226
+OKTA ,3/27/2026 16:00:00,73.23,-0.07747543462
+OKTA ,3/30/2026 16:00:00,75.47,0.0305885566
+OKTA ,3/31/2026 16:00:00,78.71,0.04293096595
+OKTA ,4/1/2026 16:00:00,79.15,0.005590141024
+OKTA ,4/2/2026 16:00:00,80.19,0.01313960834
+OKTA ,4/6/2026 16:00:00,80.56,0.004614041651
+OKTA ,4/7/2026 16:00:00,79.34,-0.01514399206
+OKTA ,4/8/2026 16:00:00,76.04,-0.04159314343
+OKTA ,4/9/2026 16:00:00,67.76,-0.1088900579
+OKTA ,4/10/2026 16:00:00,62.93,-0.07128099174
+OKTA ,4/13/2026 16:00:00,65.46,0.0402034006
+OKTA ,4/14/2026 16:00:00,64.09,-0.02092881149
+OKTA ,4/15/2026 16:00:00,67.35,0.05086596973
+OKTA ,4/16/2026 16:00:00,72.01,0.06919079436
+OKTA ,4/17/2026 16:00:00,72.25,0.003332870435
+OKTA ,4/20/2026 16:00:00,75.76,0.04858131488
+OKTA ,4/21/2026 16:00:00,77.64,0.02481520591
+OKTA ,4/22/2026 16:00:00,78.7,0.01365275631
+OKTA ,4/23/2026 16:00:00,76.04,-0.03379923761
+OKTA ,4/24/2026 16:00:00,75.98,-0.0007890583903
+OKTA ,4/27/2026 16:00:00,76.14,0.00210581732
+OKTA ,4/28/2026 16:00:00,76.2,0.0007880220646
+OKTA ,4/29/2026 16:00:00,76.16,-0.0005249343832
+OKTA ,4/30/2026 16:00:00,73.65,-0.03295693277
+OKTA ,5/1/2026 16:00:00,75.78,-0.004989495798
+,,,
+stock ,Date,Close,
+SEDG,5/2/2025 16:00:00,13.1,
+SEDG,5/5/2025 16:00:00,12.92,-0.01374045802
+SEDG,5/6/2025 16:00:00,14.37,0.1122291022
+SEDG,5/7/2025 16:00:00,14.77,0.02783576896
+SEDG,5/8/2025 16:00:00,18.29,0.2383209208
+SEDG,5/9/2025 16:00:00,19.84,0.08474576271
+SEDG,5/12/2025 16:00:00,19.16,-0.03427419355
+SEDG,5/13/2025 16:00:00,18.15,-0.05271398747
+SEDG,5/14/2025 16:00:00,17.93,-0.01212121212
+SEDG,5/15/2025 16:00:00,20.84,0.1622978249
+SEDG,5/16/2025 16:00:00,22.02,0.056621881
+SEDG,5/19/2025 16:00:00,20.76,-0.05722070845
+SEDG,5/20/2025 16:00:00,20.65,-0.005298651252
+SEDG,5/21/2025 16:00:00,19.84,-0.0392251816
+SEDG,5/22/2025 16:00:00,19.84,0
+SEDG,5/23/2025 16:00:00,16.7,-0.158266129
+SEDG,5/27/2025 16:00:00,17.22,0.03113772455
+SEDG,5/28/2025 16:00:00,16.92,-0.01742160279
+SEDG,5/29/2025 16:00:00,16.6,-0.01891252955
+SEDG,5/30/2025 16:00:00,17.86,0.07590361446
+SEDG,6/2/2025 16:00:00,17.1,-0.04255319149
+SEDG,6/3/2025 16:00:00,18.11,0.05906432749
+SEDG,6/4/2025 16:00:00,17.47,-0.03533959139
+SEDG,6/5/2025 16:00:00,17.74,0.01545506583
+SEDG,6/6/2025 16:00:00,18.19,0.02536640361
+SEDG,6/9/2025 16:00:00,18.72,0.0291368884
+SEDG,6/10/2025 16:00:00,20.93,0.1180555556
+SEDG,6/11/2025 16:00:00,20.83,-0.004777830865
+SEDG,6/12/2025 16:00:00,21.02,0.009121459434
+SEDG,6/13/2025 16:00:00,23.3,0.1084681256
+SEDG,6/16/2025 16:00:00,23.98,0.02918454936
+SEDG,6/17/2025 16:00:00,15.96,-0.3344453711
+SEDG,6/18/2025 16:00:00,16.98,0.06390977444
+SEDG,6/20/2025 16:00:00,16.52,-0.02709069494
+SEDG,6/23/2025 16:00:00,16.06,-0.02784503632
+SEDG,6/24/2025 16:00:00,18.93,0.1787048568
+SEDG,6/25/2025 16:00:00,19.09,0.008452192287
+SEDG,6/26/2025 16:00:00,20.07,0.05133577789
+SEDG,6/27/2025 16:00:00,19.8,-0.0134529148
+SEDG,6/30/2025 16:00:00,20.4,0.0303030303
+SEDG,7/1/2025 16:00:00,21.86,0.07156862745
+SEDG,7/2/2025 16:00:00,23.6,0.07959743824
+SEDG,7/3/2025 13:05:00,27.54,0.1669491525
+SEDG,7/7/2025 16:00:00,26.43,-0.04030501089
+SEDG,7/8/2025 16:00:00,26.15,-0.01059402194
+SEDG,7/9/2025 16:00:00,27.09,0.03594646272
+SEDG,7/10/2025 16:00:00,27.57,0.01771871539
+SEDG,7/11/2025 16:00:00,25.62,-0.07072905332
+SEDG,7/14/2025 16:00:00,26.72,0.04293520687
+SEDG,7/15/2025 16:00:00,27.37,0.02432634731
+SEDG,7/16/2025 16:00:00,24.96,-0.08805261235
+SEDG,7/17/2025 16:00:00,25.26,0.01201923077
+SEDG,7/18/2025 16:00:00,26.62,0.05384006334
+SEDG,7/21/2025 16:00:00,28.83,0.0830202855
+SEDG,7/22/2025 16:00:00,31.86,0.1050988554
+SEDG,7/23/2025 16:00:00,29.07,-0.08757062147
+SEDG,7/24/2025 16:00:00,28.47,-0.02063983488
+SEDG,7/25/2025 16:00:00,27.23,-0.0435546189
+SEDG,7/28/2025 16:00:00,27.06,-0.006243114212
+SEDG,7/29/2025 16:00:00,24.95,-0.07797487066
+SEDG,7/30/2025 16:00:00,25.81,0.03446893788
+SEDG,7/31/2025 16:00:00,25.66,-0.005811700891
+SEDG,8/1/2025 16:00:00,25.55,-0.004286827747
+SEDG,8/4/2025 16:00:00,25.63,0.00313111546
+SEDG,8/5/2025 16:00:00,26.12,0.01911822083
+SEDG,8/6/2025 16:00:00,25.79,-0.01263399694
+SEDG,8/7/2025 16:00:00,24.42,-0.05312136487
+SEDG,8/8/2025 16:00:00,24.94,0.02129402129
+SEDG,8/11/2025 16:00:00,24.9,-0.001603849238
+SEDG,8/12/2025 16:00:00,25.1,0.008032128514
+SEDG,8/13/2025 16:00:00,26.46,0.05418326693
+SEDG,8/14/2025 16:00:00,25.67,-0.029856387
+SEDG,8/15/2025 16:00:00,30.06,0.1710167511
+SEDG,8/18/2025 16:00:00,31.16,0.03659347971
+SEDG,8/19/2025 16:00:00,31.99,0.02663671374
+SEDG,8/20/2025 16:00:00,32.06,0.002188183807
+SEDG,8/21/2025 16:00:00,30.21,-0.05770430443
+SEDG,8/22/2025 16:00:00,34.3,0.1353856339
+SEDG,8/25/2025 16:00:00,31.99,-0.06734693878
+SEDG,8/26/2025 16:00:00,32.25,0.008127539856
+SEDG,8/27/2025 16:00:00,33.09,0.02604651163
+SEDG,8/28/2025 16:00:00,33.25,0.004835297673
+SEDG,8/29/2025 16:00:00,33.82,0.01714285714
+SEDG,9/2/2025 16:00:00,31.53,-0.06771141336
+SEDG,9/3/2025 16:00:00,33.21,0.05328258801
+SEDG,9/4/2025 16:00:00,34.16,0.02860584161
+SEDG,9/5/2025 16:00:00,34.42,0.007611241218
+SEDG,9/8/2025 16:00:00,33.44,-0.02847181871
+SEDG,9/9/2025 16:00:00,30.04,-0.1016746411
+SEDG,9/10/2025 16:00:00,29.42,-0.0206391478
+SEDG,9/11/2025 16:00:00,29.49,0.002379333787
+SEDG,9/12/2025 16:00:00,28.97,-0.01763309596
+SEDG,9/15/2025 16:00:00,30.59,0.05591991716
+SEDG,9/16/2025 16:00:00,33.11,0.0823798627
+SEDG,9/17/2025 16:00:00,34.11,0.03020235578
+SEDG,9/18/2025 16:00:00,34.71,0.01759014952
+SEDG,9/19/2025 16:00:00,35.45,0.02131950447
+SEDG,9/22/2025 16:00:00,38.58,0.08829337094
+SEDG,9/23/2025 16:00:00,35.93,-0.06868843961
+SEDG,9/24/2025 16:00:00,37.47,0.04286111884
+SEDG,9/25/2025 16:00:00,37.9,0.01147584734
+SEDG,9/26/2025 16:00:00,39.45,0.04089709763
+SEDG,9/29/2025 16:00:00,37.68,-0.04486692015
+SEDG,9/30/2025 16:00:00,37,-0.01804670913
+SEDG,10/1/2025 16:00:00,38.62,0.04378378378
+SEDG,10/2/2025 16:00:00,37.96,-0.01708959089
+SEDG,10/3/2025 16:00:00,36.24,-0.04531085353
+SEDG,10/6/2025 16:00:00,37.09,0.02345474614
+SEDG,10/7/2025 16:00:00,35.55,-0.04152062551
+SEDG,10/8/2025 16:00:00,35.66,0.003094233474
+SEDG,10/9/2025 16:00:00,38.61,0.08272574313
+SEDG,10/10/2025 16:00:00,35.06,-0.09194509195
+SEDG,10/13/2025 16:00:00,36.46,0.03993154592
+SEDG,10/14/2025 16:00:00,37.73,0.03483269336
+SEDG,10/15/2025 16:00:00,40.53,0.07421150278
+SEDG,10/16/2025 16:00:00,40.11,-0.0103626943
+SEDG,10/17/2025 16:00:00,37.02,-0.0770381451
+SEDG,10/20/2025 16:00:00,40,0.08049702863
+SEDG,10/21/2025 16:00:00,38.77,-0.03075
+SEDG,10/22/2025 16:00:00,37.5,-0.03275728656
+SEDG,10/23/2025 16:00:00,37.82,0.008533333333
+SEDG,10/24/2025 16:00:00,39.7,0.0497091486
+SEDG,10/27/2025 16:00:00,39.74,0.001007556675
+SEDG,10/28/2025 16:00:00,37.84,-0.04781077001
+SEDG,10/29/2025 16:00:00,36.3,-0.04069767442
+SEDG,10/30/2025 16:00:00,34.34,-0.05399449036
+SEDG,10/31/2025 16:00:00,35.09,0.02184041934
+SEDG,11/3/2025 16:00:00,32.87,-0.06326588772
+SEDG,11/4/2025 16:00:00,31.82,-0.0319440219
+SEDG,11/5/2025 16:00:00,41.02,0.2891263356
+SEDG,11/6/2025 16:00:00,38.88,-0.05216967333
+SEDG,11/7/2025 16:00:00,40,0.02880658436
+SEDG,11/10/2025 16:00:00,45.38,0.1345
+SEDG,11/11/2025 16:00:00,44.7,-0.0149845747
+SEDG,11/12/2025 16:00:00,42.51,-0.04899328859
+SEDG,11/13/2025 16:00:00,36.42,-0.1432604093
+SEDG,11/14/2025 16:00:00,36.18,-0.006589785832
+SEDG,11/17/2025 16:00:00,34.27,-0.05279159757
+SEDG,11/18/2025 16:00:00,34.8,0.01546542165
+SEDG,11/19/2025 16:00:00,33.46,-0.03850574713
+SEDG,11/20/2025 16:00:00,33.09,-0.01105797968
+SEDG,11/21/2025 16:00:00,34.45,0.04110003022
+SEDG,11/24/2025 16:00:00,34.45,0
+SEDG,11/25/2025 16:00:00,34.99,0.01567489115
+SEDG,11/26/2025 16:00:00,35.47,0.0137182052
+SEDG,11/28/2025 13:05:00,36.53,0.02988440936
+SEDG,12/1/2025 16:00:00,32.92,-0.0988228853
+SEDG,12/2/2025 16:00:00,32.66,-0.007897934386
+SEDG,12/3/2025 16:00:00,31.61,-0.03214941825
+SEDG,12/4/2025 16:00:00,31.94,0.01043973426
+SEDG,12/5/2025 16:00:00,29.52,-0.07576706324
+SEDG,12/8/2025 16:00:00,30.43,0.03082655827
+SEDG,12/9/2025 16:00:00,30.26,-0.005586592179
+SEDG,12/10/2025 16:00:00,31.56,0.04296100463
+SEDG,12/11/2025 16:00:00,32.02,0.01457541191
+SEDG,12/12/2025 16:00:00,29.53,-0.07776389756
+SEDG,12/15/2025 16:00:00,28.54,-0.03352522858
+SEDG,12/16/2025 16:00:00,29.48,0.03293622985
+SEDG,12/17/2025 16:00:00,28.92,-0.01899592944
+SEDG,12/18/2025 16:00:00,28.47,-0.01556016598
+SEDG,12/19/2025 16:00:00,29.06,0.02072356867
+SEDG,12/22/2025 16:00:00,30.91,0.06366139023
+SEDG,12/23/2025 16:00:00,30.48,-0.01391135555
+SEDG,12/24/2025 13:05:00,30.74,0.008530183727
+SEDG,12/26/2025 16:00:00,30.45,-0.009433962264
+SEDG,12/29/2025 16:00:00,29.19,-0.04137931034
+SEDG,12/30/2025 16:00:00,29.02,-0.005823912299
+SEDG,12/31/2025 16:00:00,28.85,-0.005858028946
+SEDG,1/2/2026 16:00:00,31.36,0.0870017331
+SEDG,1/5/2026 16:00:00,31.26,-0.00318877551
+SEDG,1/6/2026 16:00:00,30.78,-0.01535508637
+SEDG,1/7/2026 16:00:00,30.52,-0.008447043535
+SEDG,1/8/2026 16:00:00,30.26,-0.008519003932
+SEDG,1/9/2026 16:00:00,32.89,0.08691341705
+SEDG,1/12/2026 16:00:00,35.31,0.07357859532
+SEDG,1/13/2026 16:00:00,34.31,-0.02832058907
+SEDG,1/14/2026 16:00:00,34.78,0.01369863014
+SEDG,1/15/2026 16:00:00,33.84,-0.02702702703
+SEDG,1/16/2026 16:00:00,33.91,0.00206855792
+SEDG,1/20/2026 16:00:00,32.49,-0.04187555293
+SEDG,1/21/2026 16:00:00,33.34,0.02616189597
+SEDG,1/22/2026 16:00:00,34.54,0.03599280144
+SEDG,1/23/2026 16:00:00,34.6,0.001737116387
+SEDG,1/26/2026 16:00:00,34.41,-0.00549132948
+SEDG,1/27/2026 16:00:00,34.81,0.01162452775
+SEDG,1/28/2026 16:00:00,35.8,0.02844010342
+SEDG,1/29/2026 16:00:00,34.04,-0.04916201117
+SEDG,1/30/2026 16:00:00,30.95,-0.09077555817
+SEDG,2/2/2026 16:00:00,30.64,-0.01001615509
+SEDG,2/3/2026 16:00:00,30.97,0.01077023499
+SEDG,2/4/2026 16:00:00,35.04,0.1314175008
+SEDG,2/5/2026 16:00:00,33.28,-0.0502283105
+SEDG,2/6/2026 16:00:00,35.92,0.07932692308
+SEDG,2/9/2026 16:00:00,36.8,0.02449888641
+SEDG,2/10/2026 16:00:00,36.79,-0.0002717391304
+SEDG,2/11/2026 16:00:00,36.33,-0.01250339766
+SEDG,2/12/2026 16:00:00,34.41,-0.05284888522
+SEDG,2/13/2026 16:00:00,35.53,0.03254867771
+SEDG,2/17/2026 16:00:00,37.13,0.04503236701
+SEDG,2/18/2026 16:00:00,35.1,-0.05467277134
+SEDG,2/19/2026 16:00:00,34.96,-0.003988603989
+SEDG,2/20/2026 16:00:00,37.9,0.08409610984
+SEDG,2/23/2026 16:00:00,39.38,0.03905013193
+SEDG,2/24/2026 16:00:00,43.07,0.093702387
+SEDG,2/25/2026 16:00:00,42.45,-0.01439517065
+SEDG,2/26/2026 16:00:00,40.4,-0.04829210836
+SEDG,2/27/2026 16:00:00,35.4,-0.1237623762
+SEDG,3/2/2026 16:00:00,40.6,0.1468926554
+SEDG,3/3/2026 16:00:00,37.81,-0.06871921182
+SEDG,3/4/2026 16:00:00,37.94,0.003438243851
+SEDG,3/5/2026 16:00:00,35.24,-0.07116499736
+SEDG,3/6/2026 16:00:00,33.41,-0.05192962543
+SEDG,3/9/2026 16:00:00,34.59,0.03531876684
+SEDG,3/10/2026 16:00:00,38.11,0.1017635155
+SEDG,3/11/2026 16:00:00,36.09,-0.05300446077
+SEDG,3/12/2026 16:00:00,35.19,-0.02493765586
+SEDG,3/13/2026 16:00:00,37.44,0.06393861893
+SEDG,3/16/2026 16:00:00,40.71,0.08733974359
+SEDG,3/17/2026 16:00:00,42.88,0.05330385655
+SEDG,3/18/2026 16:00:00,44.88,0.04664179104
+SEDG,3/19/2026 16:00:00,45.66,0.01737967914
+SEDG,3/20/2026 16:00:00,51.73,0.1329391152
+SEDG,3/23/2026 16:00:00,46.73,-0.09665571235
+SEDG,3/24/2026 16:00:00,47.67,0.02011555746
+SEDG,3/25/2026 16:00:00,51.28,0.07572897
+SEDG,3/26/2026 16:00:00,50.27,-0.01969578783
+SEDG,3/27/2026 16:00:00,51.76,0.0296399443
+SEDG,3/30/2026 16:00:00,47.37,-0.08481452859
+SEDG,3/31/2026 16:00:00,51.05,0.07768629935
+SEDG,4/1/2026 16:00:00,51.87,0.01606268364
+SEDG,4/2/2026 16:00:00,48.75,-0.06015037594
+SEDG,4/6/2026 16:00:00,45.09,-0.07507692308
+SEDG,4/7/2026 16:00:00,43.85,-0.02750055445
+SEDG,4/8/2026 16:00:00,43.52,-0.007525655644
+SEDG,4/9/2026 16:00:00,41.84,-0.03860294118
+SEDG,4/10/2026 16:00:00,41.76,-0.001912045889
+SEDG,4/13/2026 16:00:00,43.21,0.03472222222
+SEDG,4/14/2026 16:00:00,42.98,-0.005322841935
+SEDG,4/15/2026 16:00:00,37.83,-0.1198231736
+SEDG,4/16/2026 16:00:00,38.91,0.02854877082
+SEDG,4/17/2026 16:00:00,38.3,-0.0156772038
+SEDG,4/20/2026 16:00:00,39.82,0.03968668407
+SEDG,4/21/2026 16:00:00,40.57,0.0188347564
+SEDG,4/22/2026 16:00:00,42.6,0.05003697313
+SEDG,4/23/2026 16:00:00,47.36,0.1117370892
+SEDG,4/24/2026 16:00:00,45.83,-0.03230574324
+SEDG,4/27/2026 16:00:00,47.38,0.0338206415
+SEDG,4/28/2026 16:00:00,44.29,-0.0652173913
+SEDG,4/29/2026 16:00:00,41.58,-0.061187627
+SEDG,4/30/2026 16:00:00,42.86,0.03078403078
+SDEG,5/1/2026 16:00:00,42.91,0.001166588894
+,,,
+Stock,Date,Close,
+AMZN,5/2/2025 16:00:00,189.98,
+AMZN,5/5/2025 16:00:00,186.35,-0.01910727445
+AMZN,5/6/2025 16:00:00,185.01,-0.007190770056
+AMZN,5/7/2025 16:00:00,188.71,0.01999891898
+AMZN,5/8/2025 16:00:00,192.08,0.01785808913
+AMZN,5/9/2025 16:00:00,193.06,0.005102040816
+AMZN,5/12/2025 16:00:00,208.64,0.08070030042
+AMZN,5/13/2025 16:00:00,211.37,0.01308473926
+AMZN,5/14/2025 16:00:00,210.25,-0.005298765198
+AMZN,5/15/2025 16:00:00,205.17,-0.02416171225
+AMZN,5/16/2025 16:00:00,205.59,0.002047082907
+AMZN,5/19/2025 16:00:00,206.16,0.00277250839
+AMZN,5/20/2025 16:00:00,204.07,-0.01013775708
+AMZN,5/21/2025 16:00:00,201.12,-0.01445582398
+AMZN,5/22/2025 16:00:00,201.12,0
+AMZN,5/23/2025 16:00:00,200.99,-0.0006463802705
+AMZN,5/27/2025 16:00:00,206.02,0.0250261207
+AMZN,5/28/2025 16:00:00,204.72,-0.006310066984
+AMZN,5/29/2025 16:00:00,205.7,0.004787026182
+AMZN,5/30/2025 16:00:00,205.01,-0.003354399611
+AMZN,6/2/2025 16:00:00,206.65,0.007999609775
+AMZN,6/3/2025 16:00:00,205.71,-0.004548753932
+AMZN,6/4/2025 16:00:00,207.23,0.007389042827
+AMZN,6/5/2025 16:00:00,207.91,0.003281378179
+AMZN,6/6/2025 16:00:00,213.57,0.02722331778
+AMZN,6/9/2025 16:00:00,216.98,0.01596666198
+AMZN,6/10/2025 16:00:00,217.61,0.00290349341
+AMZN,6/11/2025 16:00:00,213.2,-0.02026561279
+AMZN,6/12/2025 16:00:00,213.24,0.0001876172608
+AMZN,6/13/2025 16:00:00,212.1,-0.005346088914
+AMZN,6/16/2025 16:00:00,216.1,0.01885902876
+AMZN,6/17/2025 16:00:00,214.82,-0.005923183711
+AMZN,6/18/2025 16:00:00,212.52,-0.01070663812
+AMZN,6/20/2025 16:00:00,209.69,-0.01331639375
+AMZN,6/23/2025 16:00:00,208.47,-0.005818112452
+AMZN,6/24/2025 16:00:00,212.77,0.02062646904
+AMZN,6/25/2025 16:00:00,211.99,-0.003665930347
+AMZN,6/26/2025 16:00:00,217.12,0.02419925468
+AMZN,6/27/2025 16:00:00,223.3,0.02846352248
+AMZN,6/30/2025 16:00:00,219.39,-0.01751007613
+AMZN,7/1/2025 16:00:00,220.46,0.004877159397
+AMZN,7/2/2025 16:00:00,219.92,-0.002449423932
+AMZN,7/3/2025 13:05:00,223.41,0.01586940706
+AMZN,7/7/2025 16:00:00,223.47,0.0002685645226
+AMZN,7/8/2025 16:00:00,219.36,-0.01839173043
+AMZN,7/9/2025 16:00:00,222.54,0.01449671772
+AMZN,7/10/2025 16:00:00,222.26,-0.001258200773
+AMZN,7/11/2025 16:00:00,225.02,0.01241788896
+AMZN,7/14/2025 16:00:00,225.69,0.00297751311
+AMZN,7/15/2025 16:00:00,226.35,0.00292436528
+AMZN,7/16/2025 16:00:00,223.19,-0.01396068036
+AMZN,7/17/2025 16:00:00,223.88,0.003091536359
+AMZN,7/18/2025 16:00:00,226.13,0.0100500268
+AMZN,7/21/2025 16:00:00,229.3,0.01401848494
+AMZN,7/22/2025 16:00:00,227.47,-0.007980811164
+AMZN,7/23/2025 16:00:00,228.29,0.003604870972
+AMZN,7/24/2025 16:00:00,232.23,0.01725874984
+AMZN,7/25/2025 16:00:00,231.44,-0.00340179994
+AMZN,7/28/2025 16:00:00,232.79,0.005833045282
+AMZN,7/29/2025 16:00:00,231.01,-0.007646376563
+AMZN,7/30/2025 16:00:00,230.19,-0.003549629886
+AMZN,7/31/2025 16:00:00,234.11,0.01702941049
+AMZN,8/1/2025 16:00:00,214.75,-0.08269616847
+AMZN,8/4/2025 16:00:00,211.65,-0.01443538999
+AMZN,8/5/2025 16:00:00,213.75,0.009922041106
+AMZN,8/6/2025 16:00:00,222.31,0.04004678363
+AMZN,8/7/2025 16:00:00,223.13,0.003688543026
+AMZN,8/8/2025 16:00:00,222.69,-0.001971944606
+AMZN,8/11/2025 16:00:00,221.3,-0.006241860883
+AMZN,8/12/2025 16:00:00,221.47,0.0007681879801
+AMZN,8/13/2025 16:00:00,224.56,0.01395222829
+AMZN,8/14/2025 16:00:00,230.98,0.02858924118
+AMZN,8/15/2025 16:00:00,231.03,0.0002164689584
+AMZN,8/18/2025 16:00:00,231.49,0.001991083409
+AMZN,8/19/2025 16:00:00,228.01,-0.01503304678
+AMZN,8/20/2025 16:00:00,223.81,-0.01842024473
+AMZN,8/21/2025 16:00:00,221.95,-0.008310620616
+AMZN,8/22/2025 16:00:00,228.84,0.03104302771
+AMZN,8/25/2025 16:00:00,227.94,-0.003932878867
+AMZN,8/26/2025 16:00:00,228.71,0.003378081951
+AMZN,8/27/2025 16:00:00,229.12,0.001792663198
+AMZN,8/28/2025 16:00:00,231.6,0.01082402235
+AMZN,8/29/2025 16:00:00,229,-0.01122625216
+AMZN,9/2/2025 16:00:00,225.34,-0.01598253275
+AMZN,9/3/2025 16:00:00,225.99,0.002884530043
+AMZN,9/4/2025 16:00:00,235.68,0.04287800345
+AMZN,9/5/2025 16:00:00,232.33,-0.01421418873
+AMZN,9/8/2025 16:00:00,235.84,0.01510782077
+AMZN,9/9/2025 16:00:00,238.24,0.01017639077
+AMZN,9/10/2025 16:00:00,230.33,-0.0332018133
+AMZN,9/11/2025 16:00:00,229.95,-0.001649806799
+AMZN,9/12/2025 16:00:00,228.15,-0.00782778865
+AMZN,9/15/2025 16:00:00,231.43,0.01437650668
+AMZN,9/16/2025 16:00:00,234.05,0.01132091777
+AMZN,9/17/2025 16:00:00,231.62,-0.01038239692
+AMZN,9/18/2025 16:00:00,231.23,-0.001683792419
+AMZN,9/19/2025 16:00:00,231.48,0.001081174588
+AMZN,9/22/2025 16:00:00,227.63,-0.01663210645
+AMZN,9/23/2025 16:00:00,220.71,-0.03040021087
+AMZN,9/24/2025 16:00:00,220.21,-0.002265416157
+AMZN,9/25/2025 16:00:00,218.15,-0.009354706871
+AMZN,9/26/2025 16:00:00,219.78,0.007471922989
+AMZN,9/29/2025 16:00:00,222.17,0.01087451087
+AMZN,9/30/2025 16:00:00,219.57,-0.01170275015
+AMZN,10/1/2025 16:00:00,220.63,0.004827617616
+AMZN,10/2/2025 16:00:00,222.41,0.008067805829
+AMZN,10/3/2025 16:00:00,219.51,-0.01303898206
+AMZN,10/6/2025 16:00:00,220.9,0.006332285545
+AMZN,10/7/2025 16:00:00,221.78,0.003983703033
+AMZN,10/8/2025 16:00:00,225.22,0.01551086662
+AMZN,10/9/2025 16:00:00,227.74,0.01118905959
+AMZN,10/10/2025 16:00:00,216.37,-0.04992535347
+AMZN,10/13/2025 16:00:00,220.07,0.01710033739
+AMZN,10/14/2025 16:00:00,216.39,-0.01672195211
+AMZN,10/15/2025 16:00:00,215.57,-0.003789454226
+AMZN,10/16/2025 16:00:00,214.47,-0.005102750847
+AMZN,10/17/2025 16:00:00,213.04,-0.006667599198
+AMZN,10/20/2025 16:00:00,216.48,0.0161472024
+AMZN,10/21/2025 16:00:00,222.03,0.02563747228
+AMZN,10/22/2025 16:00:00,217.95,-0.01837589515
+AMZN,10/23/2025 16:00:00,221.09,0.01440697408
+AMZN,10/24/2025 16:00:00,224.21,0.01411190013
+AMZN,10/27/2025 16:00:00,226.97,0.01230988805
+AMZN,10/28/2025 16:00:00,229.25,0.01004538045
+AMZN,10/29/2025 16:00:00,230.3,0.004580152672
+AMZN,10/30/2025 16:00:00,222.86,-0.03230568823
+AMZN,10/31/2025 16:00:00,244.22,0.09584492507
+AMZN,11/3/2025 16:00:00,254,0.04004586029
+AMZN,11/4/2025 16:00:00,249.32,-0.01842519685
+AMZN,11/5/2025 16:00:00,250.2,0.003529600513
+AMZN,11/6/2025 16:00:00,243.04,-0.02861710631
+AMZN,11/7/2025 16:00:00,244.41,0.005636932192
+AMZN,11/10/2025 16:00:00,248.4,0.01632502762
+AMZN,11/11/2025 16:00:00,249.1,0.002818035427
+AMZN,11/12/2025 16:00:00,244.2,-0.01967081493
+AMZN,11/13/2025 16:00:00,237.58,-0.02710892711
+AMZN,11/14/2025 16:00:00,234.69,-0.0121643236
+AMZN,11/17/2025 16:00:00,232.87,-0.007754910733
+AMZN,11/18/2025 16:00:00,222.55,-0.04431657148
+AMZN,11/19/2025 16:00:00,222.69,0.0006290721186
+AMZN,11/20/2025 16:00:00,217.14,-0.02492253806
+AMZN,11/21/2025 16:00:00,220.69,0.01634889933
+AMZN,11/24/2025 16:00:00,226.28,0.02532964792
+AMZN,11/25/2025 16:00:00,229.67,0.01498143893
+AMZN,11/26/2025 16:00:00,229.16,-0.00222057735
+AMZN,11/28/2025 13:05:00,233.22,0.01771687904
+AMZN,12/1/2025 16:00:00,233.88,0.002829945974
+AMZN,12/2/2025 16:00:00,234.42,0.002308876347
+AMZN,12/3/2025 16:00:00,232.38,-0.008702329153
+AMZN,12/4/2025 16:00:00,229.11,-0.01407177898
+AMZN,12/5/2025 16:00:00,229.53,0.001833180568
+AMZN,12/8/2025 16:00:00,226.89,-0.01150176448
+AMZN,12/9/2025 16:00:00,227.92,0.004539644762
+AMZN,12/10/2025 16:00:00,231.78,0.01693576694
+AMZN,12/11/2025 16:00:00,230.28,-0.006471654155
+AMZN,12/12/2025 16:00:00,226.19,-0.01776098662
+AMZN,12/15/2025 16:00:00,222.54,-0.01613687608
+AMZN,12/16/2025 16:00:00,222.56,0.00008987148378
+AMZN,12/17/2025 16:00:00,221.27,-0.005796189792
+AMZN,12/18/2025 16:00:00,226.76,0.02481131649
+AMZN,12/19/2025 16:00:00,227.35,0.002601869818
+AMZN,12/22/2025 16:00:00,228.43,0.004750384869
+AMZN,12/23/2025 16:00:00,232.14,0.0162412993
+AMZN,12/24/2025 13:05:00,232.38,0.001033858878
+AMZN,12/26/2025 16:00:00,232.52,0.0006024614855
+AMZN,12/29/2025 16:00:00,232.07,-0.001935317392
+AMZN,12/30/2025 16:00:00,232.53,0.001982160555
+AMZN,12/31/2025 16:00:00,230.82,-0.007353889821
+AMZN,1/2/2026 16:00:00,226.5,-0.01871588251
+AMZN,1/5/2026 16:00:00,233.06,0.02896247241
+AMZN,1/6/2026 16:00:00,240.93,0.03376812838
+AMZN,1/7/2026 16:00:00,241.56,0.002614867389
+AMZN,1/8/2026 16:00:00,246.29,0.01958105647
+AMZN,1/9/2026 16:00:00,247.38,0.004425677047
+AMZN,1/12/2026 16:00:00,246.47,-0.003678551217
+AMZN,1/13/2026 16:00:00,242.6,-0.01570170812
+AMZN,1/14/2026 16:00:00,236.65,-0.02452596867
+AMZN,1/15/2026 16:00:00,238.18,0.006465244031
+AMZN,1/16/2026 16:00:00,239.12,0.003946595012
+AMZN,1/20/2026 16:00:00,231,-0.03395784543
+AMZN,1/21/2026 16:00:00,231.31,0.001341991342
+AMZN,1/22/2026 16:00:00,234.34,0.01309930396
+AMZN,1/23/2026 16:00:00,239.16,0.02056840488
+AMZN,1/26/2026 16:00:00,238.42,-0.003094162903
+AMZN,1/27/2026 16:00:00,244.68,0.02625618656
+AMZN,1/28/2026 16:00:00,243.01,-0.006825241131
+AMZN,1/29/2026 16:00:00,241.73,-0.005267272952
+AMZN,1/30/2026 16:00:00,239.3,-0.01005253796
+AMZN,2/2/2026 16:00:00,242.96,0.01529460928
+AMZN,2/3/2026 16:00:00,238.62,-0.01786302272
+AMZN,2/4/2026 16:00:00,232.99,-0.02359399883
+AMZN,2/5/2026 16:00:00,222.69,-0.04420790592
+AMZN,2/6/2026 16:00:00,210.32,-0.05554807131
+AMZN,2/9/2026 16:00:00,208.72,-0.007607455306
+AMZN,2/10/2026 16:00:00,206.96,-0.008432349559
+AMZN,2/11/2026 16:00:00,204.08,-0.01391573251
+AMZN,2/12/2026 16:00:00,199.6,-0.02195217562
+AMZN,2/13/2026 16:00:00,198.79,-0.004058116232
+AMZN,2/17/2026 16:00:00,201.15,0.01187182454
+AMZN,2/18/2026 16:00:00,204.79,0.0180959483
+AMZN,2/19/2026 16:00:00,204.86,0.0003418135651
+AMZN,2/20/2026 16:00:00,210.11,0.02562725764
+AMZN,2/23/2026 16:00:00,205.27,-0.02303555281
+AMZN,2/24/2026 16:00:00,208.56,0.01602767087
+AMZN,2/25/2026 16:00:00,210.64,0.009973149214
+AMZN,2/26/2026 16:00:00,207.92,-0.01291302697
+AMZN,2/27/2026 16:00:00,210,0.01000384763
+AMZN,3/2/2026 16:00:00,208.39,-0.007666666667
+AMZN,3/3/2026 16:00:00,208.73,0.001631556217
+AMZN,3/4/2026 16:00:00,216.82,0.03875820438
+AMZN,3/5/2026 16:00:00,218.94,0.009777695785
+AMZN,3/6/2026 16:00:00,213.21,-0.02617155385
+AMZN,3/9/2026 16:00:00,213.49,0.001313259228
+AMZN,3/10/2026 16:00:00,214.33,0.00393461052
+AMZN,3/11/2026 16:00:00,212.65,-0.007838380068
+AMZN,3/12/2026 16:00:00,209.53,-0.01467199624
+AMZN,3/13/2026 16:00:00,207.67,-0.008877010452
+AMZN,3/16/2026 16:00:00,211.74,0.01959840131
+AMZN,3/17/2026 16:00:00,215.2,0.01634079532
+AMZN,3/18/2026 16:00:00,209.87,-0.02476765799
+AMZN,3/19/2026 16:00:00,208.76,-0.005288988421
+AMZN,3/20/2026 16:00:00,205.37,-0.01623874305
+AMZN,3/23/2026 16:00:00,210.14,0.02322637191
+AMZN,3/24/2026 16:00:00,207.24,-0.01380032359
+AMZN,3/25/2026 16:00:00,211.71,0.02156919514
+AMZN,3/26/2026 16:00:00,207.54,-0.019696755
+AMZN,3/27/2026 16:00:00,199.34,-0.03951045582
+AMZN,3/30/2026 16:00:00,200.95,0.008076652955
+AMZN,3/31/2026 16:00:00,208.27,0.03642697188
+AMZN,4/1/2026 16:00:00,210.57,0.01104335718
+AMZN,4/2/2026 16:00:00,209.77,-0.003799211664
+AMZN,4/6/2026 16:00:00,212.79,0.01439672022
+AMZN,4/7/2026 16:00:00,213.77,0.004605479581
+AMZN,4/8/2026 16:00:00,221.25,0.03499087805
+AMZN,4/9/2026 16:00:00,233.65,0.05604519774
+AMZN,4/10/2026 16:00:00,238.38,0.02024395463
+AMZN,4/13/2026 16:00:00,239.89,0.006334424029
+AMZN,4/14/2026 16:00:00,249.02,0.03805911043
+AMZN,4/15/2026 16:00:00,248.5,-0.002088185688
+AMZN,4/16/2026 16:00:00,249.7,0.004828973843
+AMZN,4/17/2026 16:00:00,250.56,0.00344413296
+AMZN,4/20/2026 16:00:00,248.28,-0.009099616858
+AMZN,4/21/2026 16:00:00,249.91,0.006565168358
+AMZN,4/22/2026 16:00:00,255.36,0.02180785083
+AMZN,4/23/2026 16:00:00,255.08,-0.001096491228
+AMZN,4/24/2026 16:00:00,263.99,0.03493021797
+AMZN,4/27/2026 16:00:00,261.12,-0.01087162393
+AMZN,4/28/2026 16:00:00,259.7,-0.005438112745
+AMZN,4/29/2026 16:00:00,263.04,0.01286099345
+AMZN,4/30/2026 16:00:00,265.06,0.007679440389
+AMZN,5/1/2026 16:00:00,268.26,0.01984489051
+Stock,Date,Close,
+TSLA,5/2/2025 16:00:00,287.21,
+TSLA,5/5/2025 16:00:00,280.26,-0.02419832179
+TSLA,5/6/2025 16:00:00,275.35,-0.01751944623
+TSLA,5/7/2025 16:00:00,276.22,0.003159615035
+TSLA,5/8/2025 16:00:00,284.82,0.03113460285
+TSLA,5/9/2025 16:00:00,298.26,0.04718769749
+TSLA,5/12/2025 16:00:00,318.38,0.06745792262
+TSLA,5/13/2025 16:00:00,334.07,0.04928073371
+TSLA,5/14/2025 16:00:00,347.68,0.04073996468
+TSLA,5/15/2025 16:00:00,342.82,-0.01397837092
+TSLA,5/16/2025 16:00:00,349.98,0.02088559594
+TSLA,5/19/2025 16:00:00,342.09,-0.02254414538
+TSLA,5/20/2025 16:00:00,343.82,0.005057148704
+TSLA,5/21/2025 16:00:00,334.62,-0.02675818742
+TSLA,5/22/2025 16:00:00,334.62,0
+TSLA,5/23/2025 16:00:00,339.34,0.01410555257
+TSLA,5/27/2025 16:00:00,362.89,0.06939942241
+TSLA,5/28/2025 16:00:00,356.9,-0.01650637934
+TSLA,5/29/2025 16:00:00,358.43,0.004286915102
+TSLA,5/30/2025 16:00:00,346.46,-0.03339564211
+TSLA,6/2/2025 16:00:00,342.69,-0.01088148704
+TSLA,6/3/2025 16:00:00,344.27,0.004610580992
+TSLA,6/4/2025 16:00:00,332.05,-0.03549539606
+TSLA,6/5/2025 16:00:00,284.7,-0.1425990062
+TSLA,6/6/2025 16:00:00,295.14,0.03667017914
+TSLA,6/9/2025 16:00:00,308.58,0.04553771092
+TSLA,6/10/2025 16:00:00,326.09,0.05674379415
+TSLA,6/11/2025 16:00:00,326.43,0.001042656935
+TSLA,6/12/2025 16:00:00,319.11,-0.02242440952
+TSLA,6/13/2025 16:00:00,325.31,0.01942903701
+TSLA,6/16/2025 16:00:00,329.13,0.01174264548
+TSLA,6/17/2025 16:00:00,316.35,-0.03882964178
+TSLA,6/18/2025 16:00:00,322.05,0.01801801802
+TSLA,6/20/2025 16:00:00,322.16,0.0003415618693
+TSLA,6/23/2025 16:00:00,348.68,0.08231934443
+TSLA,6/24/2025 16:00:00,340.47,-0.02354594471
+TSLA,6/25/2025 16:00:00,327.55,-0.0379475431
+TSLA,6/26/2025 16:00:00,325.78,-0.005403755152
+TSLA,6/27/2025 16:00:00,323.63,-0.006599545706
+TSLA,6/30/2025 16:00:00,317.66,-0.01844699194
+TSLA,7/1/2025 16:00:00,300.71,-0.05335893723
+TSLA,7/2/2025 16:00:00,315.65,0.04968241828
+TSLA,7/3/2025 13:05:00,315.35,-0.0009504197687
+TSLA,7/7/2025 16:00:00,293.94,-0.0678928175
+TSLA,7/8/2025 16:00:00,297.81,0.01316595224
+TSLA,7/9/2025 16:00:00,295.88,-0.00648064202
+TSLA,7/10/2025 16:00:00,309.87,0.04728268217
+TSLA,7/11/2025 16:00:00,313.51,0.01174686159
+TSLA,7/14/2025 16:00:00,316.9,0.01081305222
+TSLA,7/15/2025 16:00:00,310.78,-0.01931208583
+TSLA,7/16/2025 16:00:00,321.67,0.03504086492
+TSLA,7/17/2025 16:00:00,319.41,-0.007025833929
+TSLA,7/18/2025 16:00:00,329.65,0.03205910898
+TSLA,7/21/2025 16:00:00,328.49,-0.003518883664
+TSLA,7/22/2025 16:00:00,332.11,0.01102012238
+TSLA,7/23/2025 16:00:00,332.56,0.00135497275
+TSLA,7/24/2025 16:00:00,305.3,-0.0819701708
+TSLA,7/25/2025 16:00:00,316.06,0.03524402227
+TSLA,7/28/2025 16:00:00,325.59,0.03015250269
+TSLA,7/29/2025 16:00:00,321.2,-0.01348321509
+TSLA,7/30/2025 16:00:00,319.04,-0.006724782067
+TSLA,7/31/2025 16:00:00,308.27,-0.03375752257
+TSLA,8/1/2025 16:00:00,302.63,-0.01829564992
+TSLA,8/4/2025 16:00:00,309.26,0.02190794039
+TSLA,8/5/2025 16:00:00,308.72,-0.001746103602
+TSLA,8/6/2025 16:00:00,319.91,0.0362464369
+TSLA,8/7/2025 16:00:00,322.27,0.007377074802
+TSLA,8/8/2025 16:00:00,329.65,0.02290005275
+TSLA,8/11/2025 16:00:00,339.03,0.02845442136
+TSLA,8/12/2025 16:00:00,340.84,0.005338760582
+TSLA,8/13/2025 16:00:00,339.38,-0.004283534796
+TSLA,8/14/2025 16:00:00,335.58,-0.01119688844
+TSLA,8/15/2025 16:00:00,330.56,-0.01495917516
+TSLA,8/18/2025 16:00:00,335.16,0.01391577928
+TSLA,8/19/2025 16:00:00,329.31,-0.01745435016
+TSLA,8/20/2025 16:00:00,323.9,-0.01642828945
+TSLA,8/21/2025 16:00:00,320.11,-0.01170114233
+TSLA,8/22/2025 16:00:00,340.01,0.06216613039
+TSLA,8/25/2025 16:00:00,346.6,0.01938178289
+TSLA,8/26/2025 16:00:00,351.67,0.01462781304
+TSLA,8/27/2025 16:00:00,349.6,-0.005886200131
+TSLA,8/28/2025 16:00:00,345.98,-0.01035469108
+TSLA,8/29/2025 16:00:00,333.87,-0.03500202324
+TSLA,9/2/2025 16:00:00,329.36,-0.01350825171
+TSLA,9/3/2025 16:00:00,334.09,0.01436118533
+TSLA,9/4/2025 16:00:00,338.53,0.01328983208
+TSLA,9/5/2025 16:00:00,350.84,0.03636309928
+TSLA,9/8/2025 16:00:00,346.4,-0.01265534147
+TSLA,9/9/2025 16:00:00,346.97,0.001645496536
+TSLA,9/10/2025 16:00:00,347.79,0.002363316713
+TSLA,9/11/2025 16:00:00,368.81,0.06043877052
+TSLA,9/12/2025 16:00:00,395.94,0.07356091212
+TSLA,9/15/2025 16:00:00,410.04,0.03561145628
+TSLA,9/16/2025 16:00:00,421.62,0.02824114721
+TSLA,9/17/2025 16:00:00,425.86,0.01005644894
+TSLA,9/18/2025 16:00:00,416.85,-0.02115718781
+TSLA,9/19/2025 16:00:00,426.07,0.02211826796
+TSLA,9/22/2025 16:00:00,434.21,0.01910484193
+TSLA,9/23/2025 16:00:00,425.85,-0.01925335667
+TSLA,9/24/2025 16:00:00,442.79,0.039779265
+TSLA,9/25/2025 16:00:00,423.39,-0.04381309424
+TSLA,9/26/2025 16:00:00,440.4,0.04017572451
+TSLA,9/29/2025 16:00:00,443.21,0.006380563124
+TSLA,9/30/2025 16:00:00,444.72,0.003406962839
+TSLA,10/1/2025 16:00:00,459.46,0.03314445044
+TSLA,10/2/2025 16:00:00,436,-0.05105993993
+TSLA,10/3/2025 16:00:00,429.83,-0.01415137615
+TSLA,10/6/2025 16:00:00,453.25,0.05448665752
+TSLA,10/7/2025 16:00:00,433.09,-0.04447876448
+TSLA,10/8/2025 16:00:00,438.69,0.01293033781
+TSLA,10/9/2025 16:00:00,435.54,-0.007180469124
+TSLA,10/10/2025 16:00:00,413.49,-0.0506268081
+TSLA,10/13/2025 16:00:00,435.9,0.05419719945
+TSLA,10/14/2025 16:00:00,429.24,-0.01527873365
+TSLA,10/15/2025 16:00:00,435.15,0.01376852111
+TSLA,10/16/2025 16:00:00,428.75,-0.0147075721
+TSLA,10/17/2025 16:00:00,439.31,0.02462973761
+TSLA,10/20/2025 16:00:00,447.43,0.01848353099
+TSLA,10/21/2025 16:00:00,442.6,-0.01079498469
+TSLA,10/22/2025 16:00:00,438.97,-0.008201536376
+TSLA,10/23/2025 16:00:00,448.98,0.02280338064
+TSLA,10/24/2025 16:00:00,433.72,-0.03398815092
+TSLA,10/27/2025 16:00:00,452.42,0.04311537397
+TSLA,10/28/2025 16:00:00,460.55,0.01797002785
+TSLA,10/29/2025 16:00:00,461.51,0.002084464228
+TSLA,10/30/2025 16:00:00,440.1,-0.04639119412
+TSLA,10/31/2025 16:00:00,456.56,0.03740059077
+TSLA,11/3/2025 16:00:00,468.37,0.02586735588
+TSLA,11/4/2025 16:00:00,444.26,-0.05147639687
+TSLA,11/5/2025 16:00:00,462.07,0.04008913699
+TSLA,11/6/2025 16:00:00,445.91,-0.03497305603
+TSLA,11/7/2025 16:00:00,429.52,-0.03675629611
+TSLA,11/10/2025 16:00:00,445.23,0.03657571242
+TSLA,11/11/2025 16:00:00,439.62,-0.0126002291
+TSLA,11/12/2025 16:00:00,430.6,-0.02051771985
+TSLA,11/13/2025 16:00:00,401.99,-0.06644217371
+TSLA,11/14/2025 16:00:00,404.35,0.005870792806
+TSLA,11/17/2025 16:00:00,408.92,0.01130208977
+TSLA,11/18/2025 16:00:00,401.25,-0.01875672503
+TSLA,11/19/2025 16:00:00,403.99,0.006828660436
+TSLA,11/20/2025 16:00:00,395.23,-0.02168370504
+TSLA,11/21/2025 16:00:00,391.09,-0.01047491334
+TSLA,11/24/2025 16:00:00,417.78,0.06824516096
+TSLA,11/25/2025 16:00:00,419.4,0.003877638949
+TSLA,11/26/2025 16:00:00,426.58,0.0171196948
+TSLA,11/28/2025 13:05:00,430.17,0.008415771954
+TSLA,12/1/2025 16:00:00,430.14,-0.00006973987028
+TSLA,12/2/2025 16:00:00,429.24,-0.002092342028
+TSLA,12/3/2025 16:00:00,446.74,0.04076973255
+TSLA,12/4/2025 16:00:00,454.53,0.01743743564
+TSLA,12/5/2025 16:00:00,455,0.001034035157
+TSLA,12/8/2025 16:00:00,439.58,-0.03389010989
+TSLA,12/9/2025 16:00:00,445.17,0.01271668411
+TSLA,12/10/2025 16:00:00,451.45,0.01410697037
+TSLA,12/11/2025 16:00:00,446.89,-0.01010078636
+TSLA,12/12/2025 16:00:00,458.96,0.02700888362
+TSLA,12/15/2025 16:00:00,475.31,0.03562401952
+TSLA,12/16/2025 16:00:00,489.88,0.03065367865
+TSLA,12/17/2025 16:00:00,467.26,-0.04617457336
+TSLA,12/18/2025 16:00:00,483.37,0.03447759277
+TSLA,12/19/2025 16:00:00,481.2,-0.004489314604
+TSLA,12/22/2025 16:00:00,488.73,0.01564837905
+TSLA,12/23/2025 16:00:00,485.56,-0.006486198924
+TSLA,12/24/2025 13:05:00,485.4,-0.0003295164346
+TSLA,12/26/2025 16:00:00,475.19,-0.0210341986
+TSLA,12/29/2025 16:00:00,459.64,-0.0327237526
+TSLA,12/30/2025 16:00:00,454.43,-0.01133495779
+TSLA,12/31/2025 16:00:00,449.72,-0.01036463262
+TSLA,1/2/2026 16:00:00,438.07,-0.02590500756
+TSLA,1/5/2026 16:00:00,451.67,0.03104526674
+TSLA,1/6/2026 16:00:00,432.96,-0.04142404853
+TSLA,1/7/2026 16:00:00,431.41,-0.003580007391
+TSLA,1/8/2026 16:00:00,435.8,0.01017593473
+TSLA,1/9/2026 16:00:00,445.01,0.0211335475
+TSLA,1/12/2026 16:00:00,448.96,0.008876205029
+TSLA,1/13/2026 16:00:00,447.2,-0.003920171062
+TSLA,1/14/2026 16:00:00,439.2,-0.01788908766
+TSLA,1/15/2026 16:00:00,438.57,-0.00143442623
+TSLA,1/16/2026 16:00:00,437.5,-0.002439747361
+TSLA,1/20/2026 16:00:00,419.25,-0.04171428571
+TSLA,1/21/2026 16:00:00,431.44,0.02907573047
+TSLA,1/22/2026 16:00:00,449.36,0.04153532357
+TSLA,1/23/2026 16:00:00,449.06,-0.0006676161652
+TSLA,1/26/2026 16:00:00,435.2,-0.03086447245
+TSLA,1/27/2026 16:00:00,430.9,-0.009880514706
+TSLA,1/28/2026 16:00:00,431.46,0.001299605477
+TSLA,1/29/2026 16:00:00,416.56,-0.03453390813
+TSLA,1/30/2026 16:00:00,430.41,0.03324851162
+TSLA,2/2/2026 16:00:00,421.81,-0.0199809484
+TSLA,2/3/2026 16:00:00,421.96,0.0003556103459
+TSLA,2/4/2026 16:00:00,406.01,-0.03779979145
+TSLA,2/5/2026 16:00:00,397.21,-0.021674343
+TSLA,2/6/2026 16:00:00,411.11,0.03499408373
+TSLA,2/9/2026 16:00:00,417.32,0.01510544623
+TSLA,2/10/2026 16:00:00,425.21,0.01890635484
+TSLA,2/11/2026 16:00:00,428.27,0.00719644411
+TSLA,2/12/2026 16:00:00,417.07,-0.02615172671
+TSLA,2/13/2026 16:00:00,417.44,0.0008871412473
+TSLA,2/17/2026 16:00:00,410.63,-0.01631372173
+TSLA,2/18/2026 16:00:00,411.32,0.001680344836
+TSLA,2/19/2026 16:00:00,411.71,0.0009481668774
+TSLA,2/20/2026 16:00:00,411.82,0.0002671783537
+TSLA,2/23/2026 16:00:00,399.83,-0.02911466175
+TSLA,2/24/2026 16:00:00,409.38,0.02388515119
+TSLA,2/25/2026 16:00:00,417.4,0.01959060042
+TSLA,2/26/2026 16:00:00,408.58,-0.02113080977
+TSLA,2/27/2026 16:00:00,402.51,-0.01485633169
+TSLA,3/2/2026 16:00:00,403.32,0.002012372363
+TSLA,3/3/2026 16:00:00,392.43,-0.02700089259
+TSLA,3/4/2026 16:00:00,405.94,0.03442652193
+TSLA,3/5/2026 16:00:00,405.55,-0.0009607331133
+TSLA,3/6/2026 16:00:00,396.73,-0.02174824313
+TSLA,3/9/2026 16:00:00,398.68,0.00491518161
+TSLA,3/10/2026 16:00:00,399.24,0.001404635296
+TSLA,3/11/2026 16:00:00,407.82,0.02149083258
+TSLA,3/12/2026 16:00:00,395.01,-0.03141091658
+TSLA,3/13/2026 16:00:00,391.2,-0.009645325435
+TSLA,3/16/2026 16:00:00,395.56,0.01114519427
+TSLA,3/17/2026 16:00:00,399.27,0.0093791081
+TSLA,3/18/2026 16:00:00,392.78,-0.01625466476
+TSLA,3/19/2026 16:00:00,380.3,-0.03177351189
+TSLA,3/20/2026 16:00:00,367.96,-0.03244806732
+TSLA,3/23/2026 16:00:00,380.85,0.03503098163
+TSLA,3/24/2026 16:00:00,383.03,0.005724038335
+TSLA,3/25/2026 16:00:00,385.95,0.007623423753
+TSLA,3/26/2026 16:00:00,372.11,-0.0358595673
+TSLA,3/27/2026 16:00:00,361.83,-0.02762623955
+TSLA,3/30/2026 16:00:00,355.28,-0.01810242379
+TSLA,3/31/2026 16:00:00,371.75,0.0463578023
+TSLA,4/1/2026 16:00:00,381.26,0.02558170814
+TSLA,4/2/2026 16:00:00,360.59,-0.05421497141
+TSLA,4/6/2026 16:00:00,352.82,-0.02154801853
+TSLA,4/7/2026 16:00:00,346.65,-0.01748767077
+TSLA,4/8/2026 16:00:00,343.25,-0.009808163854
+TSLA,4/9/2026 16:00:00,345.62,0.006904588492
+TSLA,4/10/2026 16:00:00,348.95,0.009634859094
+TSLA,4/13/2026 16:00:00,352.42,0.009944118068
+TSLA,4/14/2026 16:00:00,364.2,0.03342602576
+TSLA,4/15/2026 16:00:00,391.95,0.07619439868
+TSLA,4/16/2026 16:00:00,388.9,-0.007781604797
+TSLA,4/17/2026 16:00:00,400.62,0.03013628182
+TSLA,4/20/2026 16:00:00,392.5,-0.0202685837
+TSLA,4/21/2026 16:00:00,386.42,-0.01549044586
+TSLA,4/22/2026 16:00:00,387.51,0.002820764971
+TSLA,4/23/2026 16:00:00,373.72,-0.03558617842
+TSLA,4/24/2026 16:00:00,376.3,0.006903564166
+TSLA,4/27/2026 16:00:00,378.67,0.006298166357
+TSLA,4/28/2026 16:00:00,376.02,-0.006998177833
+TSLA,4/29/2026 16:00:00,372.8,-0.008563374289
+TSLA,4/30/2026 16:00:00,381.63,0.02368562232
+TSLA,5/1/2026 16:00:00,390.82,0.04833690987
+Stock,Date,Close,
+NVDA,5/2/2025 16:00:00,114.5,
+NVDA,5/5/2025 16:00:00,113.82,-0.005938864629
+NVDA,5/6/2025 16:00:00,113.54,-0.0024600246
+NVDA,5/7/2025 16:00:00,117.06,0.03100228994
+NVDA,5/8/2025 16:00:00,117.37,0.002648214591
+NVDA,5/9/2025 16:00:00,116.65,-0.006134446622
+NVDA,5/12/2025 16:00:00,123,0.05443634805
+NVDA,5/13/2025 16:00:00,129.93,0.05634146341
+NVDA,5/14/2025 16:00:00,135.34,0.04163780497
+NVDA,5/15/2025 16:00:00,134.83,-0.003768287276
+NVDA,5/16/2025 16:00:00,135.4,0.004227545798
+NVDA,5/19/2025 16:00:00,135.57,0.001255539143
+NVDA,5/20/2025 16:00:00,134.38,-0.00877775319
+NVDA,5/21/2025 16:00:00,131.8,-0.01919928561
+NVDA,5/22/2025 16:00:00,131.8,0
+NVDA,5/23/2025 16:00:00,131.29,-0.003869499241
+NVDA,5/27/2025 16:00:00,135.5,0.03206641785
+NVDA,5/28/2025 16:00:00,134.81,-0.005092250923
+NVDA,5/29/2025 16:00:00,139.19,0.03249017135
+NVDA,5/30/2025 16:00:00,135.13,-0.02916876212
+NVDA,6/2/2025 16:00:00,137.38,0.01665063272
+NVDA,6/3/2025 16:00:00,141.22,0.02795166691
+NVDA,6/4/2025 16:00:00,141.92,0.004956804985
+NVDA,6/5/2025 16:00:00,139.99,-0.01359921082
+NVDA,6/6/2025 16:00:00,141.72,0.01235802557
+NVDA,6/9/2025 16:00:00,142.63,0.006421112052
+NVDA,6/10/2025 16:00:00,143.96,0.009324826474
+NVDA,6/11/2025 16:00:00,142.83,-0.007849402612
+NVDA,6/12/2025 16:00:00,145,0.01519288665
+NVDA,6/13/2025 16:00:00,141.97,-0.02089655172
+NVDA,6/16/2025 16:00:00,144.69,0.01915897725
+NVDA,6/17/2025 16:00:00,144.12,-0.00393945677
+NVDA,6/18/2025 16:00:00,145.48,0.009436580627
+NVDA,6/20/2025 16:00:00,143.85,-0.01120428925
+NVDA,6/23/2025 16:00:00,144.17,0.002224539451
+NVDA,6/24/2025 16:00:00,147.9,0.02587223417
+NVDA,6/25/2025 16:00:00,154.31,0.04334009466
+NVDA,6/26/2025 16:00:00,155.02,0.0046011276
+NVDA,6/27/2025 16:00:00,157.75,0.01761063089
+NVDA,6/30/2025 16:00:00,157.99,0.001521394612
+NVDA,7/1/2025 16:00:00,153.3,-0.02968542313
+NVDA,7/2/2025 16:00:00,157.25,0.02576647097
+NVDA,7/3/2025 13:05:00,159.34,0.013290938
+NVDA,7/7/2025 16:00:00,158.24,-0.006903476842
+NVDA,7/8/2025 16:00:00,160,0.0111223458
+NVDA,7/9/2025 16:00:00,162.88,0.018
+NVDA,7/10/2025 16:00:00,164.1,0.007490176817
+NVDA,7/11/2025 16:00:00,164.92,0.004996953077
+NVDA,7/14/2025 16:00:00,164.07,-0.005154014067
+NVDA,7/15/2025 16:00:00,170.7,0.04040958128
+NVDA,7/16/2025 16:00:00,171.37,0.003925014646
+NVDA,7/17/2025 16:00:00,173,0.009511583124
+NVDA,7/18/2025 16:00:00,172.41,-0.003410404624
+NVDA,7/21/2025 16:00:00,171.38,-0.005974131431
+NVDA,7/22/2025 16:00:00,167.03,-0.02538219162
+NVDA,7/23/2025 16:00:00,170.78,0.0224510567
+NVDA,7/24/2025 16:00:00,173.74,0.01733224031
+NVDA,7/25/2025 16:00:00,173.5,-0.001381374468
+NVDA,7/28/2025 16:00:00,176.75,0.01873198847
+NVDA,7/29/2025 16:00:00,175.51,-0.007015558699
+NVDA,7/30/2025 16:00:00,179.27,0.02142328072
+NVDA,7/31/2025 16:00:00,177.87,-0.007809449434
+NVDA,8/1/2025 16:00:00,173.72,-0.02333164671
+NVDA,8/4/2025 16:00:00,180,0.03615012664
+NVDA,8/5/2025 16:00:00,178.26,-0.009666666667
+NVDA,8/6/2025 16:00:00,179.42,0.006507348816
+NVDA,8/7/2025 16:00:00,180.77,0.007524244789
+NVDA,8/8/2025 16:00:00,182.7,0.01067655031
+NVDA,8/11/2025 16:00:00,182.06,-0.0035030104
+NVDA,8/12/2025 16:00:00,183.16,0.006041964188
+NVDA,8/13/2025 16:00:00,181.59,-0.008571740555
+NVDA,8/14/2025 16:00:00,182.02,0.002367971805
+NVDA,8/15/2025 16:00:00,180.45,-0.008625425777
+NVDA,8/18/2025 16:00:00,182.01,0.008645054032
+NVDA,8/19/2025 16:00:00,175.64,-0.03499807703
+NVDA,8/20/2025 16:00:00,175.4,-0.001366431337
+NVDA,8/21/2025 16:00:00,174.98,-0.002394526796
+NVDA,8/22/2025 16:00:00,177.99,0.01720196594
+NVDA,8/25/2025 16:00:00,179.81,0.01022529356
+NVDA,8/26/2025 16:00:00,181.77,0.01090039486
+NVDA,8/27/2025 16:00:00,181.6,-0.0009352478407
+NVDA,8/28/2025 16:00:00,180.17,-0.007874449339
+NVDA,8/29/2025 16:00:00,174.18,-0.03324637842
+NVDA,9/2/2025 16:00:00,170.78,-0.01952003674
+NVDA,9/3/2025 16:00:00,170.62,-0.0009368778545
+NVDA,9/4/2025 16:00:00,171.66,0.006095416716
+NVDA,9/5/2025 16:00:00,167.02,-0.02703017593
+NVDA,9/8/2025 16:00:00,168.31,0.007723625913
+NVDA,9/9/2025 16:00:00,170.76,0.01455647317
+NVDA,9/10/2025 16:00:00,177.33,0.03847505271
+NVDA,9/11/2025 16:00:00,177.17,-0.0009022725991
+NVDA,9/12/2025 16:00:00,177.82,0.003668792685
+NVDA,9/15/2025 16:00:00,177.75,-0.0003936565066
+NVDA,9/16/2025 16:00:00,174.88,-0.01614627286
+NVDA,9/17/2025 16:00:00,170.29,-0.02624656908
+NVDA,9/18/2025 16:00:00,176.24,0.0349403958
+NVDA,9/19/2025 16:00:00,176.67,0.002439854744
+NVDA,9/22/2025 16:00:00,183.61,0.03928227769
+NVDA,9/23/2025 16:00:00,178.43,-0.02821197103
+NVDA,9/24/2025 16:00:00,176.97,-0.008182480525
+NVDA,9/25/2025 16:00:00,177.69,0.004068486184
+NVDA,9/26/2025 16:00:00,178.19,0.002813889358
+NVDA,9/29/2025 16:00:00,181.85,0.02053987317
+NVDA,9/30/2025 16:00:00,186.58,0.02601044817
+NVDA,10/1/2025 16:00:00,187.24,0.00353735663
+NVDA,10/2/2025 16:00:00,188.89,0.008812219611
+NVDA,10/3/2025 16:00:00,187.62,-0.006723489862
+NVDA,10/6/2025 16:00:00,185.54,-0.01108623814
+NVDA,10/7/2025 16:00:00,185.04,-0.002694836693
+NVDA,10/8/2025 16:00:00,189.11,0.02199524427
+NVDA,10/9/2025 16:00:00,192.57,0.01829622971
+NVDA,10/10/2025 16:00:00,183.16,-0.04886534767
+NVDA,10/13/2025 16:00:00,188.32,0.02817208998
+NVDA,10/14/2025 16:00:00,180.03,-0.04402081563
+NVDA,10/15/2025 16:00:00,179.83,-0.001110925957
+NVDA,10/16/2025 16:00:00,181.81,0.01101039871
+NVDA,10/17/2025 16:00:00,183.22,0.007755348991
+NVDA,10/20/2025 16:00:00,182.64,-0.003165593276
+NVDA,10/21/2025 16:00:00,181.16,-0.008103372755
+NVDA,10/22/2025 16:00:00,180.28,-0.004857584456
+NVDA,10/23/2025 16:00:00,182.16,0.01042822276
+NVDA,10/24/2025 16:00:00,186.26,0.02250768555
+NVDA,10/27/2025 16:00:00,191.49,0.02807902931
+NVDA,10/28/2025 16:00:00,201.03,0.04981983393
+NVDA,10/29/2025 16:00:00,207.04,0.02989603542
+NVDA,10/30/2025 16:00:00,202.89,-0.02004443586
+NVDA,10/31/2025 16:00:00,202.49,-0.001971511657
+NVDA,11/3/2025 16:00:00,206.88,0.02168008297
+NVDA,11/4/2025 16:00:00,198.69,-0.03958816705
+NVDA,11/5/2025 16:00:00,195.21,-0.01751472143
+NVDA,11/6/2025 16:00:00,188.08,-0.0365247682
+NVDA,11/7/2025 16:00:00,188.15,0.0003721820502
+NVDA,11/10/2025 16:00:00,199.05,0.05793250066
+NVDA,11/11/2025 16:00:00,193.16,-0.02959055514
+NVDA,11/12/2025 16:00:00,193.8,0.003313315386
+NVDA,11/13/2025 16:00:00,186.86,-0.03581011352
+NVDA,11/14/2025 16:00:00,190.17,0.01771379643
+NVDA,11/17/2025 16:00:00,186.6,-0.01877267708
+NVDA,11/18/2025 16:00:00,181.36,-0.02808145766
+NVDA,11/19/2025 16:00:00,186.52,0.02845169828
+NVDA,11/20/2025 16:00:00,180.64,-0.03152476946
+NVDA,11/21/2025 16:00:00,178.88,-0.009743135518
+NVDA,11/24/2025 16:00:00,182.55,0.02051654741
+NVDA,11/25/2025 16:00:00,177.82,-0.02591070939
+NVDA,11/26/2025 16:00:00,180.26,0.01372174109
+NVDA,11/28/2025 13:05:00,177,-0.01808498835
+NVDA,12/1/2025 16:00:00,179.92,0.01649717514
+NVDA,12/2/2025 16:00:00,181.46,0.008559359715
+NVDA,12/3/2025 16:00:00,179.59,-0.01030530144
+NVDA,12/4/2025 16:00:00,183.38,0.02110362492
+NVDA,12/5/2025 16:00:00,182.41,-0.005289562657
+NVDA,12/8/2025 16:00:00,185.55,0.01721396853
+NVDA,12/9/2025 16:00:00,184.97,-0.003125842091
+NVDA,12/10/2025 16:00:00,183.78,-0.006433475699
+NVDA,12/11/2025 16:00:00,180.93,-0.01550767222
+NVDA,12/12/2025 16:00:00,175.02,-0.03266456641
+NVDA,12/15/2025 16:00:00,176.29,0.007256313564
+NVDA,12/16/2025 16:00:00,177.72,0.008111634239
+NVDA,12/17/2025 16:00:00,170.94,-0.03814989872
+NVDA,12/18/2025 16:00:00,174.14,0.01872001872
+NVDA,12/19/2025 16:00:00,180.99,0.0393361663
+NVDA,12/22/2025 16:00:00,183.69,0.01491795127
+NVDA,12/23/2025 16:00:00,189.21,0.03005062878
+NVDA,12/24/2025 13:05:00,188.61,-0.003171079753
+NVDA,12/26/2025 16:00:00,190.53,0.01017973596
+NVDA,12/29/2025 16:00:00,188.22,-0.01212407495
+NVDA,12/30/2025 16:00:00,187.54,-0.003612793539
+NVDA,12/31/2025 16:00:00,186.5,-0.00554548363
+NVDA,1/2/2026 16:00:00,188.85,0.01260053619
+NVDA,1/5/2026 16:00:00,188.12,-0.003865501721
+NVDA,1/6/2026 16:00:00,187.24,-0.004677865192
+NVDA,1/7/2026 16:00:00,189.11,0.009987182226
+NVDA,1/8/2026 16:00:00,185.04,-0.02152186558
+NVDA,1/9/2026 16:00:00,184.86,-0.0009727626459
+NVDA,1/12/2026 16:00:00,184.94,0.0004327599264
+NVDA,1/13/2026 16:00:00,185.81,0.004704228398
+NVDA,1/14/2026 16:00:00,183.14,-0.01436951725
+NVDA,1/15/2026 16:00:00,187.05,0.02134978705
+NVDA,1/16/2026 16:00:00,186.23,-0.004383854584
+NVDA,1/20/2026 16:00:00,178.07,-0.0438167857
+NVDA,1/21/2026 16:00:00,183.32,0.02948278767
+NVDA,1/22/2026 16:00:00,184.84,0.00829151211
+NVDA,1/23/2026 16:00:00,187.67,0.01531053884
+NVDA,1/26/2026 16:00:00,186.47,-0.00639420259
+NVDA,1/27/2026 16:00:00,188.52,0.01099372553
+NVDA,1/28/2026 16:00:00,191.52,0.01591343094
+NVDA,1/29/2026 16:00:00,192.51,0.005169172932
+NVDA,1/30/2026 16:00:00,191.13,-0.007168458781
+NVDA,2/2/2026 16:00:00,185.61,-0.02888086643
+NVDA,2/3/2026 16:00:00,180.34,-0.02839286676
+NVDA,2/4/2026 16:00:00,174.19,-0.0341022513
+NVDA,2/5/2026 16:00:00,171.88,-0.01326138125
+NVDA,2/6/2026 16:00:00,185.41,0.07871771003
+NVDA,2/9/2026 16:00:00,190.04,0.02497168438
+NVDA,2/10/2026 16:00:00,188.54,-0.007893075142
+NVDA,2/11/2026 16:00:00,190.05,0.008008910576
+NVDA,2/12/2026 16:00:00,186.94,-0.01636411471
+NVDA,2/13/2026 16:00:00,182.81,-0.02209265005
+NVDA,2/17/2026 16:00:00,184.97,0.0118155462
+NVDA,2/18/2026 16:00:00,187.98,0.01627290912
+NVDA,2/19/2026 16:00:00,187.9,-0.0004255771891
+NVDA,2/20/2026 16:00:00,189.82,0.01021820117
+NVDA,2/23/2026 16:00:00,191.55,0.009113897376
+NVDA,2/24/2026 16:00:00,192.85,0.006786739755
+NVDA,2/25/2026 16:00:00,195.56,0.01405237231
+NVDA,2/26/2026 16:00:00,184.89,-0.05456125997
+NVDA,2/27/2026 16:00:00,177.19,-0.04164638434
+NVDA,3/2/2026 16:00:00,182.48,0.02985495795
+NVDA,3/3/2026 16:00:00,180.05,-0.01331652784
+NVDA,3/4/2026 16:00:00,183.04,0.01660649819
+NVDA,3/5/2026 16:00:00,183.34,0.001638986014
+NVDA,3/6/2026 16:00:00,177.82,-0.03010799607
+NVDA,3/9/2026 16:00:00,182.65,0.02716229895
+NVDA,3/10/2026 16:00:00,184.77,0.01160689844
+NVDA,3/11/2026 16:00:00,186.03,0.006819288846
+NVDA,3/12/2026 16:00:00,183.14,-0.01553512874
+NVDA,3/13/2026 16:00:00,180.25,-0.01578027738
+NVDA,3/16/2026 16:00:00,183.22,0.01647711512
+NVDA,3/17/2026 16:00:00,181.93,-0.007040716079
+NVDA,3/18/2026 16:00:00,180.4,-0.008409827956
+NVDA,3/19/2026 16:00:00,178.56,-0.01019955654
+NVDA,3/20/2026 16:00:00,172.7,-0.03281810036
+NVDA,3/23/2026 16:00:00,175.64,0.01702374059
+NVDA,3/24/2026 16:00:00,175.2,-0.002505124118
+NVDA,3/25/2026 16:00:00,178.68,0.0198630137
+NVDA,3/26/2026 16:00:00,171.24,-0.04163868368
+NVDA,3/27/2026 16:00:00,167.52,-0.02172389629
+NVDA,3/30/2026 16:00:00,165.17,-0.01402817574
+NVDA,3/31/2026 16:00:00,174.4,0.05588181873
+NVDA,4/1/2026 16:00:00,175.75,0.007740825688
+NVDA,4/2/2026 16:00:00,177.39,0.0093314367
+NVDA,4/6/2026 16:00:00,177.64,0.001409324088
+NVDA,4/7/2026 16:00:00,178.1,0.002589506868
+NVDA,4/8/2026 16:00:00,182.08,0.02234699607
+NVDA,4/9/2026 16:00:00,183.91,0.01005052724
+NVDA,4/10/2026 16:00:00,188.63,0.02566472731
+NVDA,4/13/2026 16:00:00,189.31,0.00360494089
+NVDA,4/14/2026 16:00:00,196.51,0.03803285616
+NVDA,4/15/2026 16:00:00,198.87,0.01200956694
+NVDA,4/16/2026 16:00:00,198.35,-0.00261477347
+NVDA,4/17/2026 16:00:00,201.68,0.01678850517
+NVDA,4/20/2026 16:00:00,202.06,0.001884172947
+NVDA,4/21/2026 16:00:00,199.88,-0.01078887459
+NVDA,4/22/2026 16:00:00,202.5,0.01310786472
+NVDA,4/23/2026 16:00:00,199.64,-0.01412345679
+NVDA,4/24/2026 16:00:00,208.27,0.04322781006
+NVDA,4/27/2026 16:00:00,216.61,0.04004417343
+NVDA,4/28/2026 16:00:00,213.17,-0.01588107659
+NVDA,4/29/2026 16:00:00,209.25,-0.01838907914
+NVDA,4/30/2026 16:00:00,199.57,-0.046260454
+NVDA,5/1/2026 16:00:00,198.45,-0.005612065942

debug.js

@@ -0,0 +1,48 @@
+import puppeteer from 'puppeteer';
+
+(async () => {
+  const browser = await puppeteer.launch();
+  const page = await browser.newPage();
+  
+  page.on('console', msg => console.log('BROWSER LOG:', msg.text()));
+  page.on('pageerror', error => console.log('BROWSER ERROR:', error.message));
+  page.on('requestfailed', request => console.log('REQUEST FAILED:', request.url(), request.failure().errorText));
+
+  try {
+    await page.goto('http://localhost:5174/');
+    // Wait for landing page and click the first option
+    await page.waitForSelector('button');
+    const buttons = await page.$$('button');
+    await buttons[0].click(); // Select General wealth building
+    await new Promise(r => setTimeout(r, 500));
+    
+    const buttons2 = await page.$$('button');
+    await buttons2[0].click(); // Select I'd see it as a buying opportunity
+    await new Promise(r => setTimeout(r, 500));
+    
+    const buttons3 = await page.$$('button');
+    await buttons3[0].click(); // Select Cautious
+    await new Promise(r => setTimeout(r, 2000));
+    
+    // Now on dashboard, click a stock to open popup
+    const qqqBtn = await page.$x("//span[contains(text(), 'QQQ')]");
+    if (qqqBtn.length > 0) {
+      await qqqBtn[0].click();
+      console.log("Clicked QQQ, waiting for crash...");
+    } else {
+      console.log("QQQ button not found, trying SPY");
+      const spyBtn = await page.$x("//span[contains(text(), 'SPY')]");
+      if (spyBtn.length > 0) {
+        await spyBtn[0].click();
+        console.log("Clicked SPY, waiting for crash...");
+      }
+    }
+    
+    await new Promise(r => setTimeout(r, 5000));
+    console.log("Done waiting.");
+  } catch (e) {
+    console.log("Script error:", e);
+  } finally {
+    await browser.close();
+  }
+})();

eslint.config.js

@@ -0,0 +1,21 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import { defineConfig, globalIgnores } from 'eslint/config'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{js,jsx}'],
+    extends: [
+      js.configs.recommended,
+      reactHooks.configs.flat.recommended,
+      reactRefresh.configs.vite,
+    ],
+    languageOptions: {
+      globals: globals.browser,
+      parserOptions: { ecmaFeatures: { jsx: true } },
+    },
+  },
+])

index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>gsp</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>

nginx.conf

@@ -0,0 +1,16 @@
+server {
+    listen 7860;
+    server_name localhost;
+
+    location / {
+        root /usr/share/nginx/html;
+        index index.html index.htm;
+        try_files $uri $uri/ /index.html;
+    }
+
+    # Error handling
+    error_page 500 502 503 504 /50x.html;
+    location = /50x.html {
+        root /usr/share/nginx/html;
+    }
+}

package.json

@@ -0,0 +1,40 @@
+{
+  "name": "gsp",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@langchain/core": "^1.1.43",
+    "@langchain/google-genai": "^2.1.30",
+    "@langchain/openai": "^1.4.5",
+    "autoprefixer": "^10.5.0",
+    "clsx": "^2.1.1",
+    "framer-motion": "^12.38.0",
+    "lucide-react": "^1.14.0",
+    "postcss": "^8.5.13",
+    "puppeteer": "^24.42.0",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "react-router-dom": "^7.14.2",
+    "recharts": "^3.8.1",
+    "tailwind-merge": "^3.5.0",
+    "tailwindcss": "^3.4.19"
+  },
+  "devDependencies": {
+    "@eslint/js": "^10.0.1",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^4.7.0",
+    "eslint": "^10.2.1",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "eslint-plugin-react-refresh": "^0.5.2",
+    "globals": "^17.5.0",
+    "vite": "^5.4.21"
+  }
+}

postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

src/App.css

@@ -0,0 +1,184 @@
+.counter {
+  font-size: 16px;
+  padding: 5px 10px;
+  border-radius: 5px;
+  color: var(--accent);
+  background: var(--accent-bg);
+  border: 2px solid transparent;
+  transition: border-color 0.3s;
+  margin-bottom: 24px;
+
+  &:hover {
+    border-color: var(--accent-border);
+  }
+  &:focus-visible {
+    outline: 2px solid var(--accent);
+    outline-offset: 2px;
+  }
+}
+
+.hero {
+  position: relative;
+
+  .base,
+  .framework,
+  .vite {
+    inset-inline: 0;
+    margin: 0 auto;
+  }
+
+  .base {
+    width: 170px;
+    position: relative;
+    z-index: 0;
+  }
+
+  .framework,
+  .vite {
+    position: absolute;
+  }
+
+  .framework {
+    z-index: 1;
+    top: 34px;
+    height: 28px;
+    transform: perspective(2000px) rotateZ(300deg) rotateX(44deg) rotateY(39deg)
+      scale(1.4);
+  }
+
+  .vite {
+    z-index: 0;
+    top: 107px;
+    height: 26px;
+    width: auto;
+    transform: perspective(2000px) rotateZ(300deg) rotateX(40deg) rotateY(39deg)
+      scale(0.8);
+  }
+}
+
+#center {
+  display: flex;
+  flex-direction: column;
+  gap: 25px;
+  place-content: center;
+  place-items: center;
+  flex-grow: 1;
+
+  @media (max-width: 1024px) {
+    padding: 32px 20px 24px;
+    gap: 18px;
+  }
+}
+
+#next-steps {
+  display: flex;
+  border-top: 1px solid var(--border);
+  text-align: left;
+
+  & > div {
+    flex: 1 1 0;
+    padding: 32px;
+    @media (max-width: 1024px) {
+      padding: 24px 20px;
+    }
+  }
+
+  .icon {
+    margin-bottom: 16px;
+    width: 22px;
+    height: 22px;
+  }
+
+  @media (max-width: 1024px) {
+    flex-direction: column;
+    text-align: center;
+  }
+}
+
+#docs {
+  border-right: 1px solid var(--border);
+
+  @media (max-width: 1024px) {
+    border-right: none;
+    border-bottom: 1px solid var(--border);
+  }
+}
+
+#next-steps ul {
+  list-style: none;
+  padding: 0;
+  display: flex;
+  gap: 8px;
+  margin: 32px 0 0;
+
+  .logo {
+    height: 18px;
+  }
+
+  a {
+    color: var(--text-h);
+    font-size: 16px;
+    border-radius: 6px;
+    background: var(--social-bg);
+    display: flex;
+    padding: 6px 12px;
+    align-items: center;
+    gap: 8px;
+    text-decoration: none;
+    transition: box-shadow 0.3s;
+
+    &:hover {
+      box-shadow: var(--shadow);
+    }
+    .button-icon {
+      height: 18px;
+      width: 18px;
+    }
+  }
+
+  @media (max-width: 1024px) {
+    margin-top: 20px;
+    flex-wrap: wrap;
+    justify-content: center;
+
+    li {
+      flex: 1 1 calc(50% - 8px);
+    }
+
+    a {
+      width: 100%;
+      justify-content: center;
+      box-sizing: border-box;
+    }
+  }
+}
+
+#spacer {
+  height: 88px;
+  border-top: 1px solid var(--border);
+  @media (max-width: 1024px) {
+    height: 48px;
+  }
+}
+
+.ticks {
+  position: relative;
+  width: 100%;
+
+  &::before,
+  &::after {
+    content: '';
+    position: absolute;
+    top: -4.5px;
+    border: 5px solid transparent;
+  }
+
+  &::before {
+    left: 0;
+    border-left-color: var(--border);
+  }
+  &::after {
+    right: 0;
+    border-right-color: var(--border);
+  }
+}

src/App.jsx

@@ -0,0 +1,34 @@
+import { useState } from 'react';
+import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom';
+import LandingPage from './pages/LandingPage';
+import Dashboard from './pages/Dashboard';
+
+function App() {
+  const [riskProfile, setRiskProfile] = useState(() => {
+    return localStorage.getItem('gs_risk_profile') || null;
+  });
+
+  const handleSetRiskProfile = (profile) => {
+    setRiskProfile(profile);
+    localStorage.setItem('gs_risk_profile', profile);
+  };
+
+  return (
+    <Router>
+      <div className="min-h-screen bg-gs-light text-gs-navy font-sans">
+        <Routes>
+          <Route 
+            path="/" 
+            element={<LandingPage setRiskProfile={handleSetRiskProfile} />} 
+          />
+          <Route 
+            path="/dashboard" 
+            element={riskProfile ? <Dashboard riskProfile={riskProfile} /> : <Navigate to="/" />} 
+          />
+        </Routes>
+      </div>
+    </Router>
+  );
+}
+
+export default App;

src/components/FeeTransparencyModule.jsx

@@ -0,0 +1,58 @@
+import React from 'react';
+import { Search } from 'lucide-react';
+
+export default function FeeTransparencyModule({ portfolio }) {
+  const { hiddenFees } = portfolio;
+  
+  // Convert percentages to an illustrative dollar amount based on a $10,000 investment over 1 year
+  const illustrativeInvestment = 10000;
+  const expenseRatioCost = (illustrativeInvestment * (hiddenFees.expenseRatio / 100)).toFixed(2);
+  const advisoryCost = (illustrativeInvestment * (hiddenFees.advisoryFee / 100)).toFixed(2);
+  const totalCost = (parseFloat(expenseRatioCost) + parseFloat(advisoryCost) + hiddenFees.tradingCosts).toFixed(2);
+
+  return (
+    <div className="bg-gs-navy text-white rounded-2xl p-8 shadow-lg relative overflow-hidden">
+      {/* Background Accent */}
+      <div className="absolute -right-10 -top-10 w-40 h-40 bg-white/5 rounded-full blur-2xl"></div>
+
+      <div className="relative z-10">
+        <header className="mb-6 flex justify-between items-end border-b border-white/10 pb-4">
+          <div>
+            <h2 className="text-2xl font-light mb-1 flex items-center">
+              <Search className="mr-2 text-gs-gold" size={24} /> Radical Transparency
+            </h2>
+            <p className="text-white/60 text-sm font-light">What you actually pay per $10,000 invested yearly</p>
+          </div>
+          <div className="text-right">
+            <span className="text-xs uppercase tracking-widest text-gs-gold font-semibold block mb-1">Fee Rating</span>
+            <span className="text-lg font-medium">{portfolio.feeImpact}</span>
+          </div>
+        </header>
+
+        <div className="space-y-4 font-light text-sm">
+          <div className="flex justify-between items-center bg-white/5 p-3 rounded-lg">
+            <span className="text-white/80">Fund Expense Ratios ({hiddenFees.expenseRatio}%)</span>
+            <span className="font-medium text-white">${expenseRatioCost}</span>
+          </div>
+          <div className="flex justify-between items-center bg-white/5 p-3 rounded-lg">
+            <span className="text-white/80">Platform/Advisory Fee ({hiddenFees.advisoryFee}%)</span>
+            <span className="font-medium text-white">${advisoryCost}</span>
+          </div>
+          <div className="flex justify-between items-center bg-white/5 p-3 rounded-lg">
+            <span className="text-white/80">Estimated Trading Costs</span>
+            <span className="font-medium text-white">${hiddenFees.tradingCosts.toFixed(2)}</span>
+          </div>
+          
+          <div className="flex justify-between items-center pt-4 border-t border-white/10">
+            <span className="font-medium">Total Yearly Cost</span>
+            <span className="text-xl font-medium text-gs-gold">${totalCost}</span>
+          </div>
+        </div>
+        
+        <p className="text-xs text-white/40 mt-6 italic">
+          *Many traditional brokerages hide these numbers in dense prospectuses. We show them to you upfront so there are no surprises.
+        </p>
+      </div>
+    </div>
+  );
+}

src/components/FinancialCalculators.jsx

@@ -0,0 +1,503 @@
+import React, { useState, useMemo } from 'react';
+import { motion, AnimatePresence } from 'framer-motion';
+import { TrendingUp, Wallet, Landmark, ArrowRight, X, Info, Calculator, Percent, ShieldCheck } from 'lucide-react';
+import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, AreaChart, Area } from 'recharts';
+
+const CALCULATORS = [
+  {
+    id: 'compound',
+    tag: 'INVESTING',
+    title: 'Compound Interest Calculator',
+    description: 'Watch your money grow year by year with a live animated chart. Adjust return rate, contributions, and timeline.',
+    icon: <TrendingUp className="text-blue-500" />,
+    color: 'border-blue-400',
+    features: [
+      'Year-by-year growth chart',
+      'Contribution vs. gain breakdown',
+      'Rule of 72 insight built in',
+      'Compare fee drag scenarios'
+    ]
+  },
+  {
+    id: 'retirement',
+    tag: 'RETIREMENT',
+    title: 'Retirement Savings Calculator',
+    description: 'Find your magic number — how much you need to retire, based on your spending, Social Security, and withdrawal rate.',
+    icon: <Landmark className="text-amber-500" />,
+    color: 'border-amber-400',
+    features: [
+      '4% rule & safe withdrawal modeling',
+      'Social Security income offset',
+      'On-track vs. gap analysis',
+      'Inflation-adjusted projections'
+    ]
+  },
+  {
+    id: 'tax',
+    tag: 'TAX STRATEGY',
+    title: 'Roth vs. Traditional IRA',
+    description: 'Side-by-side after-tax comparison at retirement. Select your current and expected future tax brackets.',
+    icon: <Wallet className="text-purple-500" />,
+    color: 'border-purple-400',
+    features: [
+      'Current vs. retirement bracket selector',
+      'After-tax value comparison',
+      'Break-even tax rate shown',
+      'RMD impact explained'
+    ]
+  }
+];
+
+export default function FinancialCalculators() {
+  const [activeCalc, setActiveCalc] = useState(null);
+
+  return (
+    <div className="mt-12 mb-16">
+      <div className="flex items-center justify-between mb-8">
+        <div>
+          <h2 className="text-2xl font-light text-gs-navy">Institutional <span className="font-semibold">Planning Tools</span></h2>
+          <p className="text-gs-slate text-sm">Advanced modeling used by our private wealth advisors.</p>
+        </div>
+      </div>
+
+      <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
+        {CALCULATORS.map((calc) => (
+          <CalculatorCard 
+            key={calc.id} 
+            calc={calc} 
+            onClick={() => setActiveCalc(calc)} 
+          />
+        ))}
+      </div>
+
+      <AnimatePresence>
+        {activeCalc && (
+          <CalculatorModal 
+            calc={activeCalc} 
+            onClose={() => setActiveCalc(null)} 
+          />
+        )}
+      </AnimatePresence>
+    </div>
+  );
+}
+
+function CalculatorCard({ calc, onClick }) {
+  return (
+    <motion.div 
+      whileHover={{ y: -5 }}
+      className={`bg-white rounded-xl shadow-sm border-t-4 ${calc.color} p-6 flex flex-col h-full border-x border-b border-gray-100 hover:shadow-md transition-shadow cursor-pointer group`}
+      onClick={onClick}
+    >
+      <div className="flex justify-between items-start mb-6">
+        <div className="p-3 bg-gray-50 rounded-xl group-hover:bg-gs-light transition-colors">
+          {calc.icon}
+        </div>
+        <span className="text-[10px] font-bold tracking-widest text-gs-slate/60 bg-gray-100 px-2 py-1 rounded">
+          {calc.tag}
+        </span>
+      </div>
+
+      <h3 className="text-xl font-semibold text-gs-navy mb-3 group-hover:text-gs-gold transition-colors">
+        {calc.title}
+      </h3>
+      
+      <p className="text-gs-slate text-sm font-light leading-relaxed mb-6 flex-grow">
+        {calc.description}
+      </p>
+
+      <ul className="space-y-2 mb-8">
+        {calc.features.map((feature, i) => (
+          <li key={i} className="flex items-center text-xs text-gs-slate/80">
+            <ShieldCheck size={14} className="text-gs-gold mr-2 flex-shrink-0" />
+            {feature}
+          </li>
+        ))}
+      </ul>
+
+      <div className="flex items-center text-gs-navy font-semibold text-sm group-hover:translate-x-1 transition-transform">
+        Open Calculator <ArrowRight size={16} className="ml-2" />
+      </div>
+    </motion.div>
+  );
+}
+
+function CalculatorModal({ calc, onClose }) {
+  const [inputs, setInputs] = useState({
+    salary: 120000,
+    contribution: 15, // percent
+    has401k: true,
+    employerMatch: 4,
+    age: 30,
+    retirementAge: 65,
+    initialSavings: 50000,
+    annualReturn: 7,
+    taxBracket: 24,
+    futureTaxBracket: 20
+  });
+
+  const handleInputChange = (e) => {
+    const { name, value, type, checked } = e.target;
+    setInputs(prev => ({
+      ...prev,
+      [name]: type === 'checkbox' ? checked : parseFloat(value)
+    }));
+  };
+
+  const renderCalculatorContent = () => {
+    switch (calc.id) {
+      case 'compound':
+        return <CompoundCalc inputs={inputs} onChange={handleInputChange} />;
+      case 'retirement':
+        return <RetirementCalc inputs={inputs} onChange={handleInputChange} />;
+      case 'tax':
+        return <TaxCalc inputs={inputs} onChange={handleInputChange} />;
+      default:
+        return null;
+    }
+  };
+
+  return (
+    <div className="fixed inset-0 z-[100] flex items-center justify-center p-4 bg-gs-navy/40 backdrop-blur-sm">
+      <motion.div 
+        initial={{ opacity: 0, scale: 0.95, y: 20 }}
+        animate={{ opacity: 1, scale: 1, y: 0 }}
+        exit={{ opacity: 0, scale: 0.95, y: 20 }}
+        className="bg-white rounded-2xl shadow-2xl w-full max-w-5xl max-h-[90vh] overflow-hidden flex flex-col md:flex-row"
+      >
+        {/* Sidebar / Inputs */}
+        <div className="w-full md:w-80 bg-gs-light p-8 border-r border-gray-200 overflow-y-auto">
+          <div className="flex items-center mb-8">
+            <div className="p-2 bg-white rounded-lg shadow-sm mr-3">
+              {calc.icon}
+            </div>
+            <h3 className="font-bold text-gs-navy uppercase tracking-wider text-sm">{calc.tag}</h3>
+          </div>
+
+          <div className="space-y-6">
+            <div className="grid grid-cols-2 gap-4">
+              <InputGroup 
+                label="Current Age" 
+                name="age" 
+                value={inputs.age} 
+                onChange={handleInputChange} 
+              />
+              <InputGroup 
+                label="Retire Age" 
+                name="retirementAge" 
+                value={inputs.retirementAge} 
+                onChange={handleInputChange} 
+              />
+            </div>
+            <InputGroup 
+              label="Annual Salary" 
+              name="salary" 
+              value={inputs.salary} 
+              onChange={handleInputChange} 
+              prefix="$" 
+            />
+            <InputGroup 
+              label="401k Contribution (%)" 
+              name="contribution" 
+              value={inputs.contribution} 
+              onChange={handleInputChange} 
+              suffix="%" 
+              type="range"
+              min="0"
+              max="50"
+            />
+            <InputGroup 
+              label="Employer Match (%)" 
+              name="employerMatch" 
+              value={inputs.employerMatch} 
+              onChange={handleInputChange} 
+              suffix="%" 
+            />
+            <div className="grid grid-cols-2 gap-4">
+              <InputGroup 
+                label="Current Tax" 
+                name="taxBracket" 
+                value={inputs.taxBracket} 
+                onChange={handleInputChange} 
+                suffix="%"
+              />
+              <InputGroup 
+                label="Retire Tax" 
+                name="futureTaxBracket" 
+                value={inputs.futureTaxBracket} 
+                onChange={handleInputChange} 
+                suffix="%"
+              />
+            </div>
+            <InputGroup 
+              label="Initial Savings" 
+              name="initialSavings" 
+              value={inputs.initialSavings} 
+              onChange={handleInputChange} 
+              prefix="$" 
+            />
+            <InputGroup 
+              label="Expected Return" 
+              name="annualReturn" 
+              value={inputs.annualReturn} 
+              onChange={handleInputChange} 
+              suffix="%" 
+            />
+          </div>
+
+          <div className="mt-12 p-4 bg-gs-gold/10 rounded-xl border border-gs-gold/20">
+            <h4 className="text-xs font-bold text-gs-gold mb-2 flex items-center">
+              <Info size={14} className="mr-1" /> GS ADVICE
+            </h4>
+            <InvestmentAdvice inputs={inputs} />
+          </div>
+        </div>
+
+        {/* Main Content / Results */}
+        <div className="flex-grow flex flex-col h-full bg-white relative">
+          <button 
+            onClick={onClose}
+            className="absolute top-6 right-6 p-2 hover:bg-gray-100 rounded-full transition-colors z-10"
+          >
+            <X size={20} className="text-gs-slate" />
+          </button>
+
+          <div className="p-8 md:p-12 overflow-y-auto">
+            <div className="mb-10">
+              <h2 className="text-3xl font-light text-gs-navy mb-2">{calc.title}</h2>
+              <p className="text-gs-slate font-light">Interactive projection based on institutional modeling.</p>
+            </div>
+
+            {renderCalculatorContent()}
+          </div>
+        </div>
+      </motion.div>
+    </div>
+  );
+}
+
+function InputGroup({ label, name, value, onChange, prefix, suffix, type = "number", min, max }) {
+  return (
+    <div className="space-y-2">
+      <div className="flex justify-between items-center">
+        <label className="text-xs font-semibold text-gs-slate uppercase tracking-tighter">{label}</label>
+        {type === "range" && <span className="text-sm font-bold text-gs-navy">{value}{suffix}</span>}
+      </div>
+      <div className="relative">
+        {prefix && <span className="absolute left-3 top-1/2 -translate-y-1/2 text-gray-400 text-sm">{prefix}</span>}
+        <input 
+          type={type}
+          name={name}
+          value={value}
+          onChange={onChange}
+          min={min}
+          max={max}
+          className={`w-full bg-white border border-gray-200 rounded-lg p-2 text-sm focus:ring-2 focus:ring-gs-gold focus:border-transparent outline-none transition-all ${prefix ? 'pl-7' : ''} ${suffix && type !== 'range' ? 'pr-7' : ''}`}
+        />
+        {suffix && type !== "range" && <span className="absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 text-sm">{suffix}</span>}
+      </div>
+    </div>
+  );
+}
+
+function InvestmentAdvice({ inputs }) {
+  const { salary, contribution, employerMatch } = inputs;
+  const totalContribution = contribution + employerMatch;
+  
+  let advice = "";
+  if (totalContribution < 15) {
+    advice = `Increase your total savings to at least 15% ($${(salary * 0.15 / 12).toLocaleString()} /mo) to remain on track for institutional-grade retirement.`;
+  } else if (contribution > employerMatch + 10) {
+    advice = "You are over-contributing to 401k. Consider diversifying into a brokerage account for liquidity or high-yield GS instruments.";
+  } else {
+    advice = "Excellent contribution level. Ensure your portfolio allocation matches your risk profile in the main dashboard.";
+  }
+
+  return <p className="text-xs text-gs-navy leading-relaxed">{advice}</p>;
+}
+
+// Calculator Logic Components
+function CompoundCalc({ inputs }) {
+  const data = useMemo(() => {
+    let current = inputs.initialSavings;
+    let totalContributed = inputs.initialSavings;
+    const yearlyReturn = inputs.annualReturn / 100;
+    const yearlyContribution = (inputs.salary * (inputs.contribution / 100));
+    
+    const results = [];
+    for (let i = 0; i <= 30; i++) {
+      results.push({
+        year: `Year ${i}`,
+        balance: Math.round(current),
+        contributions: Math.round(totalContributed)
+      });
+      current = (current + yearlyContribution) * (1 + yearlyReturn);
+      totalContributed += yearlyContribution;
+    }
+    return results;
+  }, [inputs]);
+
+  const finalBalance = data[data.length - 1].balance;
+
+  return (
+    <div className="space-y-8">
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+        <div className="p-6 bg-gs-navy text-white rounded-2xl">
+          <p className="text-xs font-bold text-gs-gold uppercase tracking-widest mb-1">Estimated Value (30 Years)</p>
+          <p className="text-4xl font-light">${finalBalance.toLocaleString()}</p>
+        </div>
+        <div className="p-6 bg-gs-light rounded-2xl border border-gray-100">
+          <p className="text-xs font-bold text-gs-slate uppercase tracking-widest mb-1">Total Interest Earned</p>
+          <p className="text-4xl font-light text-gs-navy">${(finalBalance - data[data.length-1].contributions).toLocaleString()}</p>
+        </div>
+      </div>
+
+      <div className="h-[350px] w-full">
+        <ResponsiveContainer width="100%" height="100%">
+          <AreaChart data={data}>
+            <defs>
+              <linearGradient id="colorBalance" x1="0" y1="0" x2="0" y2="1">
+                <stop offset="5%" stopColor="#C5A880" stopOpacity={0.3}/>
+                <stop offset="95%" stopColor="#C5A880" stopOpacity={0}/>
+              </linearGradient>
+            </defs>
+            <CartesianGrid strokeDasharray="3 3" vertical={false} stroke="#eee" />
+            <XAxis dataKey="year" hide />
+            <YAxis 
+              tickFormatter={(value) => `$${value / 1000}k`} 
+              axisLine={false} 
+              tickLine={false}
+              tick={{fontSize: 12, fill: '#666'}}
+            />
+            <Tooltip 
+              formatter={(value) => [`$${value.toLocaleString()}`, '']}
+              contentStyle={{ borderRadius: '12px', border: 'none', boxShadow: '0 10px 15px -3px rgba(0, 0, 0, 0.1)' }}
+            />
+            <Area type="monotone" dataKey="balance" stroke="#C5A880" strokeWidth={3} fillOpacity={1} fill="url(#colorBalance)" />
+            <Area type="monotone" dataKey="contributions" stroke="#0B233F" strokeWidth={2} fillOpacity={0.1} fill="#0B233F" />
+          </AreaChart>
+        </ResponsiveContainer>
+      </div>
+    </div>
+  );
+}
+
+function RetirementCalc({ inputs }) {
+  const { salary, contribution, employerMatch, initialSavings, annualReturn, age, retirementAge } = inputs;
+  
+  const yearsToRetirement = retirementAge - age;
+  const annualContribution = salary * ((contribution + employerMatch) / 100);
+  const rate = annualReturn / 100;
+
+  // FV of current savings + FV of annual contributions
+  const fvInitial = initialSavings * Math.pow(1 + rate, yearsToRetirement);
+  const fvContributions = annualContribution * (Math.pow(1 + rate, yearsToRetirement) - 1) / rate;
+  const projectedTotal = fvInitial + fvContributions;
+
+  // Retirement Need: 80% of salary * 25 (4% rule)
+  const annualNeed = salary * 0.8;
+  const totalNeed = annualNeed * 25;
+  const gap = totalNeed - projectedTotal;
+
+  return (
+    <div className="space-y-6">
+      <div className="p-8 bg-gs-light rounded-2xl border border-dashed border-gs-gold/50 flex flex-col items-center justify-center text-center">
+        <Landmark size={48} className="text-gs-gold mb-4" />
+        <h4 className="text-xl font-medium text-gs-navy mb-2">Retirement Readiness Analysis</h4>
+        <p className="text-gs-slate max-w-md">
+          To maintain your lifestyle, you'll need approximately <span className="font-bold text-gs-navy">${(totalNeed / 1000000).toFixed(1)}M</span>. 
+          Your current path projects a fund of <span className="font-bold text-gs-navy">${(projectedTotal / 1000000).toFixed(1)}M</span> in {yearsToRetirement} years.
+        </p>
+      </div>
+      
+      <div className="grid grid-cols-3 gap-4">
+        <div className="p-4 bg-white border border-gray-100 rounded-xl shadow-sm text-center">
+          <p className="text-[10px] font-bold text-gs-slate uppercase tracking-tighter">Current Plan</p>
+          <p className="text-lg font-semibold text-gs-navy">${(projectedTotal / 1000000).toFixed(2)}M</p>
+        </div>
+        <div className="p-4 bg-white border border-gray-100 rounded-xl shadow-sm text-center">
+          <p className="text-[10px] font-bold text-gs-slate uppercase tracking-tighter">Projected {gap > 0 ? 'Gap' : 'Surplus'}</p>
+          <p className={`text-lg font-semibold ${gap > 0 ? 'text-red-500' : 'text-green-600'}`}>
+            ${Math.abs(gap / 1000000).toFixed(2)}M
+          </p>
+        </div>
+        <div className="p-4 bg-white border border-gray-100 rounded-xl shadow-sm text-center">
+          <p className="text-[10px] font-bold text-gs-slate uppercase tracking-tighter">Savings Rate</p>
+          <p className="text-lg font-semibold text-gs-gold">{contribution + employerMatch}%</p>
+        </div>
+      </div>
+
+      <div className="mt-4 p-4 bg-gs-navy text-white rounded-xl text-xs font-light">
+        <p><span className="text-gs-gold font-bold">PROJECTION BASIS:</span> Assumes {annualReturn}% annual return, inflation-adjusted spending, and adherence to the 4% safe withdrawal rule. Modeling includes GS institutional market assumptions.</p>
+      </div>
+    </div>
+  );
+}
+
+function TaxCalc({ inputs }) {
+  const { salary, contribution, initialSavings, annualReturn, age, retirementAge, taxBracket, futureTaxBracket } = inputs;
+  
+  const years = retirementAge - age;
+  const rate = annualReturn / 100;
+  const annualContribution = salary * (contribution / 100);
+
+  // Traditional IRA: Invest pre-tax, pay tax at withdrawal
+  const tradFV_Initial = initialSavings * Math.pow(1 + rate, years);
+  const tradFV_Cont = annualContribution * (Math.pow(1 + rate, years) - 1) / rate;
+  const tradNet = (tradFV_Initial + tradFV_Cont) * (1 - (futureTaxBracket / 100));
+
+  // Roth IRA: Invest after-tax, tax-free withdrawal
+  const rothInitial = initialSavings * (1 - (taxBracket / 100));
+  const rothAnnual = annualContribution * (1 - (taxBracket / 100));
+  const rothFV_Initial = rothInitial * Math.pow(1 + rate, years);
+  const rothFV_Cont = rothAnnual * (Math.pow(1 + rate, years) - 1) / rate;
+  const rothNet = rothFV_Initial + rothFV_Cont;
+
+  const winner = rothNet > tradNet ? "Roth" : "Traditional";
+  const diffPercent = Math.abs(((rothNet - tradNet) / Math.min(rothNet, tradNet)) * 100).toFixed(1);
+
+  return (
+    <div className="space-y-8">
+      <div className="flex flex-col md:flex-row gap-4">
+        <div className={`flex-1 p-6 border rounded-2xl transition-all ${winner === 'Roth' ? 'border-purple-200 bg-purple-50/30' : 'border-gray-100 bg-gray-50/50 opacity-80'}`}>
+          <h4 className="text-purple-700 font-bold text-xs uppercase mb-4 flex justify-between">
+            Roth Strategy {winner === 'Roth' && <span className="bg-purple-100 text-[8px] px-2 py-0.5 rounded-full text-purple-700">OPTIMAL</span>}
+          </h4>
+          <p className="text-gs-navy text-sm font-light leading-relaxed">Pay taxes now at <span className="font-bold">{taxBracket}%</span>. All future growth and withdrawals are <span className="text-purple-700 font-bold underline">100% Tax-Free</span>.</p>
+          <div className="mt-6 pt-6 border-t border-purple-100">
+            <span className="text-3xl font-semibold text-purple-700">${(rothNet / 1000).toFixed(0)}k</span>
+            <p className="text-xs text-purple-600 mt-1 uppercase tracking-wider font-bold">Estimated Net Wealth</p>
+          </div>
+        </div>
+
+        <div className={`flex-1 p-6 border rounded-2xl transition-all ${winner === 'Traditional' ? 'border-gs-navy/20 bg-gs-light' : 'border-gray-100 bg-gray-50/50 opacity-80'}`}>
+          <h4 className="text-gs-navy font-bold text-xs uppercase mb-4 flex justify-between">
+            Traditional {winner === 'Traditional' && <span className="bg-gs-navy text-white text-[8px] px-2 py-0.5 rounded-full">OPTIMAL</span>}
+          </h4>
+          <p className="text-gs-navy text-sm font-light leading-relaxed">Get a tax deduction now. Entire balance is taxed at <span className="font-bold">{futureTaxBracket}%</span> during retirement.</p>
+          <div className="mt-6 pt-6 border-t border-gray-200">
+            <span className="text-3xl font-semibold text-gs-navy">${(tradNet / 1000).toFixed(0)}k</span>
+            <p className="text-xs text-gs-slate mt-1 uppercase tracking-wider font-bold">Estimated Net Wealth</p>
+          </div>
+        </div>
+      </div>
+
+      <div className="bg-gs-navy text-white p-6 rounded-2xl flex flex-col md:flex-row justify-between items-center gap-4">
+        <div>
+          <h4 className="text-gs-gold font-bold text-[10px] uppercase tracking-widest mb-1">Strategic Selection</h4>
+          <p className="text-lg font-light">The <span className="font-bold text-gs-gold">{winner} Strategy</span> is projected to provide <span className="font-bold">{diffPercent}% more</span> spendable wealth.</p>
+        </div>
+        <div className="flex items-center gap-3">
+          <div className="text-right hidden md:block">
+            <p className="text-[10px] text-gray-400 font-bold uppercase">Difference</p>
+            <p className="text-gs-gold font-bold">${Math.abs((rothNet - tradNet) / 1000).toFixed(0)}k</p>
+          </div>
+          <div className="p-3 bg-gs-gold/20 rounded-full border border-gs-gold/30">
+            <Percent className="text-gs-gold" size={24} />
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
+

src/components/Indicators.jsx

@@ -0,0 +1,168 @@
+import React, { useState } from 'react';
+import { Activity, ShieldAlert, Info, X, PieChart, DollarSign, Target } from 'lucide-react';
+import { motion, AnimatePresence } from 'framer-motion';
+
+export default function Indicators({ portfolio }) {
+  const [activeInfo, setActiveInfo] = useState(null); // 'health' or 'risk'
+
+  // A simple gauge visualization using SVG
+  const dashArray = 283; // 2 * pi * r (r=45)
+  const dashOffset = dashArray - (dashArray * portfolio.healthScore) / 100;
+
+  return (
+    <div className="grid grid-cols-1 md:grid-cols-2 gap-6 relative">
+      {/* Portfolio Health Score */}
+      <div 
+        onClick={() => setActiveInfo('health')}
+        className="bg-white rounded-2xl p-6 shadow-sm border border-gray-100 flex items-center justify-between cursor-pointer hover:border-gs-gold transition-all group"
+      >
+        <div>
+          <h3 className="text-sm text-gs-slate uppercase tracking-wider mb-1 font-medium flex items-center">
+            <Activity size={16} className="mr-2 text-gs-gold" /> Health Score
+          </h3>
+          <p className="text-3xl font-light text-gs-navy">
+            {portfolio.healthScore} <span className="text-base text-gray-400">/ 100</span>
+          </p>
+          <p className="text-sm text-gray-500 mt-2 font-light flex items-center group-hover:text-gs-gold transition-colors">
+            <Info size={14} className="mr-1" /> Click to see how this is calculated
+          </p>
+        </div>
+        <div className="relative w-24 h-24">
+          <svg className="w-full h-full transform -rotate-90" viewBox="0 0 100 100">
+            <circle cx="50" cy="50" r="45" fill="none" stroke="#f3f4f6" strokeWidth="8" />
+            <circle 
+              cx="50" cy="50" r="45" fill="none" 
+              stroke="#0B233F" strokeWidth="8" 
+              strokeDasharray={dashArray} strokeDashoffset={dashOffset} 
+              strokeLinecap="round"
+              className="transition-all duration-1000 ease-out"
+            />
+          </svg>
+        </div>
+      </div>
+
+      {/* Risk Meter */}
+      <div 
+        onClick={() => setActiveInfo('risk')}
+        className="bg-white rounded-2xl p-6 shadow-sm border border-gray-100 flex flex-col justify-center cursor-pointer hover:border-gs-gold transition-all group"
+      >
+        <h3 className="text-sm text-gs-slate uppercase tracking-wider mb-4 font-medium flex items-center">
+          <ShieldAlert size={16} className="mr-2 text-gs-gold" /> Risk Level
+        </h3>
+        <div className="flex w-full h-3 bg-gray-100 rounded-full overflow-hidden mb-3">
+          <div className={`h-full ${portfolio.riskLevel === 'Low' ? 'bg-gs-navy w-1/3' : portfolio.riskLevel === 'Medium' ? 'bg-gs-gold w-2/3' : 'bg-red-500 w-full'} transition-all duration-500`}></div>
+        </div>
+        <div className="flex justify-between text-xs text-gray-400 font-medium uppercase mb-2">
+          <span className={portfolio.riskLevel === 'Low' ? 'text-gs-navy font-bold' : ''}>Low</span>
+          <span className={portfolio.riskLevel === 'Medium' ? 'text-gs-gold font-bold' : ''}>Medium</span>
+          <span className={portfolio.riskLevel === 'High' ? 'text-red-500 font-bold' : ''}>High</span>
+        </div>
+        <p className="text-xs text-gray-400 font-light flex items-center group-hover:text-gs-gold transition-colors">
+          <Info size={12} className="mr-1" /> How we measure risk
+        </p>
+      </div>
+
+      {/* Calculation Modal */}
+      <AnimatePresence>
+        {activeInfo && (
+          <div className="fixed inset-0 z-[60] flex items-center justify-center p-4">
+            <motion.div 
+              initial={{ opacity: 0 }}
+              animate={{ opacity: 1 }}
+              exit={{ opacity: 0 }}
+              onClick={() => setActiveInfo(null)}
+              className="absolute inset-0 bg-gs-navy/40 backdrop-blur-sm"
+            />
+            <motion.div 
+              initial={{ opacity: 0, scale: 0.9, y: 20 }}
+              animate={{ opacity: 1, scale: 1, y: 0 }}
+              exit={{ opacity: 0, scale: 0.9, y: 20 }}
+              className="relative bg-white rounded-3xl shadow-2xl w-full max-w-md overflow-hidden"
+            >
+              <div className="p-8">
+                <div className="flex justify-between items-start mb-6">
+                  <div className="flex items-center">
+                    <div className="p-3 bg-gs-light rounded-xl mr-4 text-gs-gold">
+                      {activeInfo === 'health' ? <Activity size={24} /> : <ShieldAlert size={24} />}
+                    </div>
+                    <div>
+                      <h4 className="text-xl font-semibold text-gs-navy">
+                        {activeInfo === 'health' ? 'Health Score Logic' : 'Risk Calculation'}
+                      </h4>
+                      <p className="text-sm text-gs-slate font-light">Radical Transparency Report</p>
+                    </div>
+                  </div>
+                  <button onClick={() => setActiveInfo(null)} className="text-gray-400 hover:text-gs-navy transition-colors">
+                    <X size={20} />
+                  </button>
+                </div>
+
+                <div className="space-y-6">
+                  {activeInfo === 'health' ? (
+                    <>
+                      <div className="flex gap-4">
+                        <div className="mt-1 text-gs-gold"><DollarSign size={18} /></div>
+                        <div>
+                          <p className="font-medium text-gs-navy text-sm">Fee Efficiency</p>
+                          <p className="text-xs text-gs-slate font-light leading-relaxed">We subtract points for high expense ratios. Every 0.1% in fees costs your portfolio health (Max -20 pts).</p>
+                        </div>
+                      </div>
+                      <div className="flex gap-4">
+                        <div className="mt-1 text-gs-gold"><PieChart size={18} /></div>
+                        <div>
+                          <p className="font-medium text-gs-navy text-sm">Diversification Bonus</p>
+                          <p className="text-xs text-gs-slate font-light leading-relaxed">Holding 5+ different asset classes grants a +5 point bonus for reduced concentration risk.</p>
+                        </div>
+                      </div>
+                      <div className="flex gap-4">
+                        <div className="mt-1 text-gs-gold"><Target size={18} /></div>
+                        <div>
+                          <p className="font-medium text-gs-navy text-sm">Profile Alignment</p>
+                          <p className="text-xs text-gs-slate font-light leading-relaxed">If your portfolio's actual volatility doesn't match your goal (e.g. Cautious vs Balanced), we subtract 15 points.</p>
+                        </div>
+                      </div>
+                    </>
+                  ) : (
+                    <div className="bg-gs-light p-5 rounded-2xl border border-gs-gold/20">
+                      <p className="text-sm text-gs-navy font-medium mb-2">Market Sensitivity Logic</p>
+                      <p className="text-xs text-gs-slate font-light leading-relaxed mb-4">
+                        Risk isn't a guess. We measure how much your portfolio typically swings compared to the broader market to categorize your risk level.
+                      </p>
+                      
+                      <div className="bg-white/80 p-3 rounded-xl border border-gs-gold/10 mb-4 flex justify-between items-center shadow-sm">
+                        <span className="text-[10px] uppercase tracking-widest text-gs-slate font-bold">Portfolio Beta</span>
+                        <span className="text-xl font-bold text-gs-navy">{portfolio.avgBeta}</span>
+                      </div>
+
+                      <div className="space-y-2">
+                        <div className="flex justify-between text-[10px] uppercase tracking-wider text-gs-slate font-bold">
+                          <span>Low Risk</span>
+                          <span className="text-gs-navy">Minimal Volatility</span>
+                        </div>
+                        <div className="flex justify-between text-[10px] uppercase tracking-wider text-gs-slate font-bold">
+                          <span>Medium Risk</span>
+                          <span className="text-gs-gold">Market Standard</span>
+                        </div>
+                        <div className="flex justify-between text-[10px] uppercase tracking-wider text-gs-slate font-bold">
+                          <span>High Risk</span>
+                          <span className="text-red-500">Aggressive Growth</span>
+                        </div>
+                      </div>
+                    </div>
+                  )}
+                </div>
+
+                <button 
+                  onClick={() => setActiveInfo(null)}
+                  className="w-full mt-8 bg-gs-navy text-white py-4 rounded-xl font-medium hover:bg-gs-navy/90 transition-colors shadow-md"
+                >
+                  Got it, thanks!
+                </button>
+              </div>
+            </motion.div>
+          </div>
+        )}
+      </AnimatePresence>
+    </div>
+  );
+}

src/components/InvestmentCommittee.jsx

@@ -0,0 +1,239 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { motion, AnimatePresence } from 'framer-motion';
+import { Users, User, BarChart2, AlertCircle, PlayCircle, Loader2 } from 'lucide-react';
+import { ChatGoogleGenerativeAI } from '@langchain/google-genai';
+import { HumanMessage, SystemMessage } from '@langchain/core/messages';
+
+const agents = {
+  macro: { name: 'Macro Economist', role: 'Analyzes broader economic trends, rates, and inflation', icon: <BarChart2 size={16} />, color: 'text-blue-500', bg: 'bg-blue-500/10' },
+  tech: { name: 'Technical Analyst', role: 'Focuses on momentum, moving averages, and charts', icon: <User size={16} />, color: 'text-purple-500', bg: 'bg-purple-500/10' },
+  skeptic: { name: 'The Skeptic', role: 'Looks for flaws, overvaluation, and risks', icon: <AlertCircle size={16} />, color: 'text-red-500', bg: 'bg-red-500/10' },
+  system: { name: 'System', role: 'Moderator', icon: <Users size={16} />, color: 'text-gs-gold', bg: 'bg-gs-gold/10' }
+};
+
+const mockDebates = {
+  'AAPL': [
+    { agent: 'macro', text: 'iPhone demand remains steady globally, but services growth is the real story for Apple.' },
+    { agent: 'tech', text: 'AAPL is consolidating near its 200-day average. A breakout above current levels would be very bullish.' },
+    { agent: 'skeptic', text: 'Regulatory pressure in the EU and US is a massive dark cloud that could hurt margins.' },
+    { agent: 'system', text: 'Consensus: Strong ecosystem but legal risks. Conviction Score: 72/100 (Hold).' }
+  ],
+  'TSLA': [
+    { agent: 'macro', text: 'High interest rates are cooling the EV market, forcing aggressive price cuts.' },
+    { agent: 'tech', text: 'Tesla is in a clear downtrend. We need to see a higher low before turning bullish.' },
+    { agent: 'skeptic', text: 'Elon is distracted and competition from China is fierce. Valuation is still disconnected from reality.' },
+    { agent: 'system', text: 'Consensus: High volatility and macro headwinds. Conviction Score: 35/100 (Underweight).' }
+  ],
+  'NVDA': [
+    { agent: 'macro', text: 'The AI infrastructure build-out is a once-in-a-generation shift that favors NVIDIA.' },
+    { agent: 'tech', text: 'Parabolic move. It is overextended, but momentum like this can last longer than expected.' },
+    { agent: 'skeptic', text: 'At some point, the hyperscalers will stop buying at this rate. The drop will be as fast as the rise.' },
+    { agent: 'system', text: 'Consensus: Unrivaled leader in a booming sector. Conviction Score: 88/100 (Overweight).' }
+  ],
+  'MSFT': [
+    { agent: 'macro', text: 'Enterprise software and cloud (Azure) are the backbone of the modern economy.' },
+    { agent: 'tech', text: 'Steady uptrend. Microsoft is a "safe haven" in the tech world right now.' },
+    { agent: 'skeptic', text: 'The Activision deal is done, but integrating it perfectly won\'t be easy or cheap.' },
+    { agent: 'system', text: 'Consensus: Solid growth and AI tailwinds. Conviction Score: 82/100 (Overweight).' }
+  ],
+  'default': [
+    { agent: 'macro', text: 'The macro outlook for [TICKER] is heavily dependent on current sector trends and inflationary pressures affecting production costs.' },
+    { agent: 'tech', text: '[TICKER] is currently testing a key resistance level. We need to see sustained volume before confirming a new upward trajectory.' },
+    { agent: 'skeptic', text: 'A primary concern for [TICKER] is the potential for margin compression if competitors maintain aggressive pricing strategies.' },
+    { agent: 'system', text: 'Consensus: Position is stable for [TICKER], but suggests a cautious stance until quarterly data confirms growth. Conviction Score: 62/100 (Neutral).' }
+  ]
+};
+
+export default function InvestmentCommittee({ ticker, isDebating, setIsDebating }) {
+  const [messages, setMessages] = useState([]);
+  const [convictionScore, setConvictionScore] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const scrollRef = useRef(null);
+
+  useEffect(() => {
+    setMessages([]);
+    setConvictionScore(null);
+    setIsDebating(false);
+  }, [ticker]);
+
+  useEffect(() => {
+    if (scrollRef.current) {
+      scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+    }
+  }, [messages]);
+
+  const runDebate = async () => {
+    if (!ticker) return;
+    setIsDebating(true);
+    setMessages([]);
+    setConvictionScore(null);
+    setLoading(true);
+
+    const apiKey = import.meta.env.VITE_GEMINI_API_KEY;
+
+    if (apiKey && apiKey.length > 10) {
+      try {
+        const llm = new ChatGoogleGenerativeAI({ 
+          apiKey: apiKey, 
+          modelName: 'gemini-1.5-flash',
+          maxOutputTokens: 2048,
+        });
+        
+        // Agent 1: Macro
+        setMessages([{ agent: 'macro', text: `Quantifying macro factors for ${ticker}...` }]);
+        const macroResponse = await llm.invoke([
+          new SystemMessage(`You are a top-tier Macro Economist. Analyze the stock ${ticker} with extreme specificity. Mention a specific economic factor like "global logistics", "energy costs", or "labor markets" as it relates to this EXACT company. Provide a 12-month price target. 1 short sentence.`),
+          new HumanMessage(`What is your unique macro view on ${ticker}?`)
+        ]);
+        setMessages([{ agent: 'macro', text: macroResponse.content }]);
+
+        // Agent 2: Tech
+        setMessages(prev => [...prev, { agent: 'tech', text: `Evaluating technical metrics for ${ticker}...` }]);
+        const techResponse = await llm.invoke([
+          new SystemMessage(`You are a Technical Analyst. Analyze ${ticker}'s price chart. Mention a specific "support zone", "RSI divergence", or "moving average cross" observation for this company. Provide a specific Fair Value. 1 sentence.`),
+          new HumanMessage(`Provide a non-generic technical view on ${ticker}.`)
+        ]);
+        setMessages(prev => [prev[0], { agent: 'tech', text: techResponse.content }]);
+
+        // Agent 3: Skeptic
+        setMessages(prev => [...prev, { agent: 'skeptic', text: `Quantifying downside risks for ${ticker}...` }]);
+        const skepticResponse = await llm.invoke([
+          new SystemMessage(`You are a Professional Skeptic. Find a "poison pill" for ${ticker}. What is the one specific, non-obvious risk (e.g. patent cliff, specific litigation, supply chain bottleneck) for this stock? 1 sentence.`),
+          new HumanMessage(`What is the hidden risk in ${ticker}?`)
+        ]);
+        setMessages(prev => [prev[0], prev[1], { agent: 'skeptic', text: skepticResponse.content }]);
+
+        // System consensus
+        setMessages(prev => [...prev, { agent: 'system', text: 'Synthesizing quantitative consensus...' }]);
+        const consensusResponse = await llm.invoke([
+          new SystemMessage("Committee Moderator. Based on the previous data points, output a final Conviction Score (0-100). Format: [SCORE] followed by a 1-sentence quantitative justification."),
+          new HumanMessage(`Synthesize these quantitative views for ${ticker}: 1. ${macroResponse.content} 2. ${techResponse.content} 3. ${skepticResponse.content}`)
+        ]);
+        
+        let score = parseInt(consensusResponse.content.replace(/\D/g,''));
+        if (isNaN(score)) score = 50;
+        
+        setMessages(prev => [prev[0], prev[1], prev[2], { agent: 'system', text: consensusResponse.content }]);
+        setConvictionScore(score);
+
+      } catch (error) {
+        console.error("LLM Error:", error);
+        runMockDebate();
+      }
+    } else {
+      runMockDebate();
+    }
+    
+    setLoading(false);
+  };
+
+  const runMockDebate = () => {
+    const script = mockDebates[ticker] || mockDebates['default'];
+    const debateScript = script.map(msg => ({
+      ...msg,
+      text: msg.text.replace(/\[TICKER\]/g, ticker)
+    }));
+
+    let step = 0;
+    const interval = setInterval(() => {
+      if (step < debateScript.length) {
+        const msg = debateScript[step];
+        if (msg.agent === 'system' && msg.text.includes('Conviction Score')) {
+          const match = msg.text.match(/(\d+)\/100/);
+          if (match) setConvictionScore(parseInt(match[1]));
+        }
+        setMessages(prev => [...prev, msg]);
+        step++;
+      } else {
+        clearInterval(interval);
+        setLoading(false);
+      }
+    }, 1200);
+  };
+
+  return (
+    <div className="bg-white rounded-2xl p-6 shadow-sm border border-gray-100 flex flex-col h-[500px]">
+      <header className="mb-4 flex justify-between items-center border-b pb-4">
+        <div>
+          <h2 className="text-xl font-medium text-gs-navy flex items-center">
+            <Users className="mr-2 text-gs-gold" size={20} /> AI Investment Committee
+          </h2>
+          <p className="text-sm text-gs-slate font-light mt-1">
+            {ticker ? `Analyzing: ${ticker}` : 'Select an asset from your portfolio chart to debate.'}
+          </p>
+        </div>
+        {ticker && !isDebating && !convictionScore && (
+          <button 
+            onClick={runDebate}
+            disabled={loading}
+            className="flex items-center px-4 py-2 bg-gs-navy text-white text-sm rounded-lg hover:bg-gs-navy/90 transition-colors"
+          >
+            {loading ? <Loader2 size={16} className="animate-spin mr-2" /> : <PlayCircle size={16} className="mr-2" />}
+            Start Debate
+          </button>
+        )}
+      </header>
+
+      <div className="flex-1 overflow-y-auto space-y-4 pr-2 custom-scrollbar" ref={scrollRef}>
+        {!ticker && (
+          <div className="h-full flex items-center justify-center text-gray-400 text-sm italic">
+            Waiting for asset selection...
+          </div>
+        )}
+        
+        <AnimatePresence>
+          {messages.map((msg, idx) => (
+            <motion.div 
+              key={idx}
+              initial={{ opacity: 0, y: 10 }}
+              animate={{ opacity: 1, y: 0 }}
+              className="flex gap-3"
+            >
+              <div className={`mt-1 flex-shrink-0 w-8 h-8 rounded-full ${agents[msg.agent].bg} ${agents[msg.agent].color} flex items-center justify-center`}>
+                {agents[msg.agent].icon}
+              </div>
+              <div className="bg-gray-50 rounded-xl p-3 text-sm text-gs-slate border border-gray-100 w-full">
+                <span className={`text-xs font-semibold uppercase tracking-wider block mb-1 ${agents[msg.agent].color}`}>
+                  {agents[msg.agent].name}
+                </span>
+                {msg.text}
+              </div>
+            </motion.div>
+          ))}
+        </AnimatePresence>
+        
+        {loading && messages.length > 0 && messages.length < 4 && (
+          <motion.div initial={{ opacity: 0 }} animate={{ opacity: 1 }} className="flex items-center text-gray-400 text-sm ml-11">
+            <Loader2 size={14} className="animate-spin mr-2" /> Typing...
+          </motion.div>
+        )}
+      </div>
+
+      {convictionScore !== null && (
+        <motion.div 
+          initial={{ opacity: 0, scale: 0.95 }}
+          animate={{ opacity: 1, scale: 1 }}
+          className="mt-4 pt-4 border-t"
+        >
+          <div className="bg-gs-light p-4 rounded-xl">
+            <div className="flex justify-between items-center">
+              <span className="font-medium text-gs-navy">Consensus Conviction Score</span>
+              <div className="flex items-center">
+                <span className={`text-2xl font-bold ${convictionScore >= 70 ? 'text-green-600' : convictionScore >= 40 ? 'text-gs-gold' : 'text-red-500'}`}>
+                  {convictionScore}
+                </span>
+                <span className="text-gray-400 ml-1">/ 100</span>
+              </div>
+            </div>
+            <p className="text-[10px] text-gs-slate mt-2 italic leading-tight border-t border-gray-200 pt-2">
+              The committee's confidence in this asset's current risk-to-reward. 
+              <span className="font-bold ml-1">70+ Overweight</span>, 
+              <span className="font-bold ml-1">40-69 Hold</span>, 
+              <span className="font-bold ml-1">Below 40 Underweight</span>.
+            </p>
+          </div>
+        </motion.div>
+      )}
+    </div>
+  );
+}

src/components/MacroTracker.jsx

@@ -0,0 +1,217 @@
+import React, { useState, useEffect } from 'react';
+import { Globe, Ship, AlertTriangle, ShieldCheck, Loader2, X } from 'lucide-react';
+import { ChatGoogleGenerativeAI } from '@langchain/google-genai';
+import { HumanMessage } from '@langchain/core/messages';
+import { AreaChart, Area, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer } from 'recharts';
+
+const newsHeadlines = [
+  { source: 'Right-Leaning', headline: 'Supply Chain Bottlenecks Expose Dependence on Foreign Imports', sentiment: 'negative' },
+  { source: 'Left-Leaning', headline: 'Global Trade Disruptions Threaten Consumer Price Stability', sentiment: 'negative' },
+  { source: 'Financial Times', headline: 'Port Congestion Peaks as Holiday Inventory Arrives Early', sentiment: 'neutral' }
+];
+
+// Fallback data in case the ArcGIS API fails due to CORS or downtime
+const mockPortData = Array.from({ length: 30 }, (_, i) => ({
+  date: new Date(Date.now() - (29 - i) * 24 * 60 * 60 * 1000).toLocaleDateString('en-US', { month: 'short', day: 'numeric' }),
+  calls: Math.floor(12000 + Math.random() * 3000 + (i > 20 ? -2000 : 0)) // Simulating a recent dip
+}));
+
+export default function MacroTracker() {
+  const [isOpen, setIsOpen] = useState(false);
+  const [analysis, setAnalysis] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [chartData, setChartData] = useState([]);
+  const [isLive, setIsLive] = useState(false);
+
+  useEffect(() => {
+    const fetchPortWatchData = async () => {
+      try {
+        const apiUrl = "https://services9.arcgis.com/weJ1QsnbMYJlCHdG/arcgis/rest/services/Daily_Trade_Data/FeatureServer/0/query?where=1=1&outFields=date,calls&orderByFields=date DESC&resultRecordCount=30&f=json";
+        const response = await fetch(apiUrl);
+        if (!response.ok) throw new Error('Network response was not ok');
+        const data = await response.json();
+        
+        if (data && data.features && data.features.length > 0) {
+          const parsedData = data.features.map(f => ({
+            date: new Date(f.attributes.date).toLocaleDateString('en-US', { month: 'short', day: 'numeric' }),
+            calls: f.attributes.calls || 0
+          })).reverse();
+          setChartData(parsedData);
+          setIsLive(true);
+        } else {
+          throw new Error('No features returned');
+        }
+      } catch (error) {
+        console.warn("Failed to fetch live ArcGIS data. Falling back to mock dataset.", error);
+        setChartData(mockPortData);
+        setIsLive(false);
+      }
+    };
+    fetchPortWatchData();
+  }, []);
+
+  const synthesizeNews = async () => {
+    setLoading(true);
+    setAnalysis(null);
+    
+    const apiKey = import.meta.env.VITE_GEMINI_API_KEY;
+
+    if (apiKey && apiKey.length > 10) {
+      try {
+        const llm = new ChatGoogleGenerativeAI({
+          apiKey: apiKey,
+          modelName: 'gemini-1.5-flash',
+          maxOutputTokens: 2048,
+        });
+
+        const recentDataSummary = chartData.slice(-5).map(d => `${d.date}: ${d.calls} calls`).join(", ");
+
+        const promptText = `
+          You are an expert, calming financial advisor speaking to a novice investor. 
+          The user is looking at a custom dashboard of global maritime trade data (port calls). 
+          Here is the raw data for the last 5 days indicating recent activity levels: [${recentDataSummary}].
+          
+          Additionally, read these recent news headlines causing panic:
+          1. ${newsHeadlines[0].headline}
+          2. ${newsHeadlines[1].headline}
+          3. ${newsHeadlines[2].headline}
+          
+          Provide a grounded, jargon-free explanation (max 3-4 sentences) that synthesizes this numerical data and the news. 
+          Explain why this data represents normal market noise and why they should not panic sell their portfolio.
+        `;
+
+        const message = new HumanMessage({
+          content: [{ type: "text", text: promptText }]
+        });
+
+        const response = await llm.invoke([message]);
+        setAnalysis(response.content);
+        setLoading(false);
+      } catch (error) {
+        console.error("Gemini Error:", error);
+        runMockAnalysis();
+      }
+    } else {
+      runMockAnalysis();
+    }
+  };
+
+  const runMockAnalysis = () => {
+    setTimeout(() => {
+      setAnalysis("While the news highlights supply chain bottlenecks, the port data shows that daily ship calls remain within normal seasonal ranges, despite a slight recent dip. This indicates that global trade is still flowing actively. Temporary disruptions and the resulting inflation spikes rarely derail a well-diversified, long-term portfolio. Stay the course and avoid making emotional decisions based on short-term headlines.");
+      setLoading(false);
+    }, 2000);
+  };
+
+  const handleOpen = () => {
+    setIsOpen(true);
+    if (!analysis) {
+      synthesizeNews();
+    }
+  };
+
+  return (
+    <>
+      <button 
+        onClick={handleOpen}
+        className="w-full mt-8 py-4 bg-gs-navy text-white rounded-xl hover:bg-gs-navy/90 transition-all flex justify-center items-center font-medium shadow-md group"
+      >
+        <Globe className="mr-3 text-gs-gold group-hover:rotate-12 transition-transform" size={24} />
+        Generate Ground Truth (Global Uncertainty Tracker)
+      </button>
+
+      {isOpen && (
+        <div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/60 backdrop-blur-sm animate-in fade-in duration-200">
+          <div className="w-full max-w-5xl bg-white rounded-2xl shadow-2xl overflow-hidden flex flex-col max-h-[90vh]">
+            <div className="bg-gs-navy p-6 text-white flex justify-between items-center sticky top-0 z-10">
+              <div>
+                <h2 className="text-xl font-medium flex items-center">
+                  <Globe className="mr-2 text-gs-gold" size={20} /> Global Uncertainty Tracker
+                </h2>
+                <p className="text-sm text-gs-light/70 font-light mt-1">
+                  Contextualizing geopolitical noise with real-world data to keep you grounded.
+                </p>
+              </div>
+              <button onClick={() => setIsOpen(false)} className="p-2 hover:bg-white/10 rounded-full transition-colors">
+                <X size={24} />
+              </button>
+            </div>
+
+            <div className="p-6 overflow-y-auto">
+              <div className="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-8">
+                {/* Left: Custom Port Data Chart */}
+                <div className="flex flex-col">
+                  <h3 className="text-sm text-gs-slate uppercase tracking-wider font-medium mb-3 flex items-center justify-between">
+                    <div className="flex items-center">
+                      <Ship size={16} className="mr-2 text-blue-500" /> Global Port Activity
+                    </div>
+                    <span className={`text-xs font-semibold px-2 py-1 rounded ${isLive ? 'bg-green-100 text-green-700' : 'bg-gray-100 text-gray-600'}`}>
+                      {isLive ? 'LIVE IMF DATA' : 'MOCK DATA FALLBACK'}
+                    </span>
+                  </h3>
+                  <div className="rounded-xl border border-gray-200 p-4 h-64 w-full bg-gray-50/50">
+                    <ResponsiveContainer width="100%" height="100%">
+                      <AreaChart data={chartData} margin={{ top: 10, right: 10, left: -20, bottom: 0 }}>
+                        <defs>
+                          <linearGradient id="colorCalls" x1="0" y1="0" x2="0" y2="1">
+                            <stop offset="5%" stopColor="#1E293B" stopOpacity={0.8}/>
+                            <stop offset="95%" stopColor="#1E293B" stopOpacity={0}/>
+                          </linearGradient>
+                        </defs>
+                        <CartesianGrid strokeDasharray="3 3" vertical={false} stroke="#E5E7EB" />
+                        <XAxis dataKey="date" axisLine={false} tickLine={false} tick={{ fontSize: 10, fill: '#64748B' }} minTickGap={30} />
+                        <YAxis axisLine={false} tickLine={false} tick={{ fontSize: 10, fill: '#64748B' }} />
+                        <Tooltip 
+                          contentStyle={{ borderRadius: '8px', border: 'none', boxShadow: '0 4px 6px -1px rgb(0 0 0 / 0.1)' }}
+                          labelStyle={{ fontWeight: 'bold', color: '#1E293B' }}
+                        />
+                        <Area type="monotone" dataKey="calls" stroke="#1E293B" strokeWidth={2} fillOpacity={1} fill="url(#colorCalls)" />
+                      </AreaChart>
+                    </ResponsiveContainer>
+                  </div>
+                  <p className="text-xs text-gs-slate mt-2 italic">Daily maritime trade volume index based on global port calls.</p>
+                </div>
+
+                {/* Right: News */}
+                <div className="flex flex-col">
+                  <h3 className="text-sm text-gs-slate uppercase tracking-wider font-medium mb-3 flex items-center">
+                    <AlertTriangle size={16} className="mr-2 text-red-500" /> The News Cycle
+                  </h3>
+                  <div className="space-y-3 mb-6 flex-grow">
+                    {newsHeadlines.map((news, idx) => (
+                      <div key={idx} className="bg-gray-50 border-l-2 border-gs-gold p-3 rounded-r-lg text-sm">
+                        <span className="text-xs font-semibold text-gs-slate mb-1 block uppercase tracking-wide">{news.source}</span>
+                        <span className="text-gs-navy font-medium italic">"{news.headline}"</span>
+                      </div>
+                    ))}
+                  </div>
+                </div>
+              </div>
+
+              {/* Analysis Output */}
+              <div className="bg-gs-light p-6 rounded-xl border border-gray-200">
+                <div className="flex">
+                  <div className="flex-shrink-0 mr-4">
+                    <div className="w-10 h-10 rounded-full bg-gs-navy flex items-center justify-center text-gs-gold">
+                      {loading ? <Loader2 size={20} className="animate-spin" /> : <ShieldCheck size={20} />}
+                    </div>
+                  </div>
+                  <div>
+                    <h4 className="text-sm font-semibold uppercase tracking-wider text-gs-navy mb-1">
+                      {loading ? 'Synthesizing Ground Truth...' : 'Grounded Analysis'}
+                    </h4>
+                    {analysis ? (
+                       <p className="text-gs-slate leading-relaxed font-light">{analysis}</p>
+                    ) : (
+                       <div className="h-4 bg-gray-200 rounded w-3/4 animate-pulse mt-2"></div>
+                    )}
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      )}
+    </>
+  );
+}

src/components/PortfolioHeatmap.jsx

@@ -0,0 +1,168 @@
+import React, { useMemo } from 'react';
+import { Treemap, ResponsiveContainer, Tooltip } from 'recharts';
+import { getHistoricalData } from '../data/historicalData';
+import { motion } from 'framer-motion';
+import { X, Info } from 'lucide-react';
+
+const HeatmapContent = (props) => {
+  const { x, y, width, height, name, performance } = props;
+  
+  if (width < 5 || height < 5) return null;
+
+  const color = performance > 0 
+    ? `rgba(0, 200, 5, ${Math.min(0.2 + Math.abs(performance) / 5, 0.9)})` 
+    : `rgba(255, 80, 0, ${Math.min(0.2 + Math.abs(performance) / 5, 0.9)})`;
+
+  return (
+    <g>
+      <rect
+        x={x}
+        y={y}
+        width={width}
+        height={height}
+        style={{
+          fill: color,
+          stroke: '#fff',
+          strokeWidth: 1,
+          strokeOpacity: 0.2,
+        }}
+      />
+      {width > 40 && height > 30 && (
+        <text
+          x={x + width / 2}
+          y={y + height / 2 + 5}
+          textAnchor="middle"
+          fill="#fff"
+          fontSize={Math.min(width / 6, 12)}
+          fontWeight="bold"
+          className="pointer-events-none select-none"
+        >
+          {name}
+        </text>
+      )}
+    </g>
+  );
+};
+
+export default function PortfolioHeatmap({ onClose, allocation }) {
+  const heatmapData = useMemo(() => {
+    if (!allocation) return [];
+    return allocation.map(asset => {
+      try {
+        const hist = getHistoricalData(asset.ticker);
+        return {
+          name: asset.ticker,
+          size: asset.value || 1,
+          performance: hist?.percentChange || 0,
+          fullName: asset.name
+        };
+      } catch (e) {
+        return {
+          name: asset.ticker,
+          size: asset.value || 1,
+          performance: 0,
+          fullName: asset.name
+        };
+      }
+    });
+  }, [allocation]);
+
+  return (
+    <div className="fixed inset-0 z-[70] flex items-center justify-center p-4">
+      <motion.div 
+        initial={{ opacity: 0 }}
+        animate={{ opacity: 1 }}
+        exit={{ opacity: 0 }}
+        onClick={onClose}
+        className="absolute inset-0 bg-gs-navy/60 backdrop-blur-md"
+      />
+      <motion.div 
+        initial={{ opacity: 0, scale: 0.95, y: 20 }}
+        animate={{ opacity: 1, scale: 1, y: 0 }}
+        exit={{ opacity: 0, scale: 0.95, y: 20 }}
+        className="relative bg-[#111111] rounded-3xl shadow-2xl w-full max-w-5xl overflow-hidden border border-white/10 flex flex-col max-h-[90vh]"
+      >
+        {/* Header */}
+        <div className="p-6 md:p-8 border-b border-white/5 flex justify-between items-center bg-black/20">
+          <div>
+            <h2 className="text-2xl font-bold text-white flex items-center">
+              Portfolio Heatmap
+              <span className="ml-3 px-2 py-1 bg-white/10 rounded text-[10px] uppercase tracking-widest text-white/60 font-medium">
+                Live Analysis
+              </span>
+            </h2>
+            <p className="text-gray-400 text-sm mt-1 font-light">
+              Box size: Allocation % | Color: Daily Performance
+            </p>
+          </div>
+          <button 
+            onClick={onClose}
+            className="p-2 rounded-full bg-white/5 text-white/40 hover:text-white hover:bg-white/10 transition-colors"
+          >
+            <X size={24} />
+          </button>
+        </div>
+
+        <div className="p-6 md:p-8 overflow-y-auto">
+          <div className="h-[400px] md:h-[500px] w-full bg-black/40 rounded-2xl overflow-hidden border border-white/5">
+            <ResponsiveContainer width="100%" height="100%">
+              <Treemap
+                data={heatmapData}
+                dataKey="size"
+                aspectRatio={4 / 3}
+                stroke="#fff"
+                content={<HeatmapContent />}
+              >
+                <Tooltip 
+                  content={({ active, payload }) => {
+                    if (active && payload && payload.length) {
+                      const data = payload[0].payload;
+                      return (
+                        <div className="bg-[#222] border border-white/10 p-4 rounded-xl shadow-2xl min-w-[180px]">
+                          <p className="text-white font-bold text-base">{data.name}</p>
+                          <p className="text-gray-400 text-[10px] mb-3 truncate max-w-[160px]">{data.fullName}</p>
+                          <div className="flex justify-between items-center border-t border-white/5 pt-2">
+                            <div className="text-left">
+                              <span className="text-[9px] text-gray-500 uppercase block">Allocation</span>
+                              <span className="text-white text-sm font-medium">{data.size}%</span>
+                            </div>
+                            <div className="text-right">
+                              <span className="text-[9px] text-gray-500 uppercase block">Day Change</span>
+                              <span className={`text-sm font-bold ${data.performance > 0 ? 'text-[#00C805]' : 'text-[#FF5000]'}`}>
+                                {data.performance > 0 ? '+' : ''}{data.performance}%
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      );
+                    }
+                    return null;
+                  }}
+                />
+              </Treemap>
+            </ResponsiveContainer>
+          </div>
+
+          {/* Legend */}
+          <div className="mt-8 flex flex-wrap items-center justify-between gap-6">
+            <div className="flex items-center gap-6">
+              <div className="flex items-center gap-2">
+                <div className="w-3 h-3 bg-[#FF5000] rounded-sm shadow-[0_0_10px_rgba(255,80,0,0.3)]"></div>
+                <span className="text-[11px] text-gray-400 font-medium">Down</span>
+              </div>
+              <div className="flex items-center gap-2">
+                <div className="w-3 h-3 bg-[#00C805] rounded-sm shadow-[0_0_10px_rgba(0,200,5,0.3)]"></div>
+                <span className="text-[11px] text-gray-400 font-medium">Up</span>
+              </div>
+            </div>
+            
+            <div className="flex items-center gap-2 text-gray-500 bg-white/5 px-4 py-2 rounded-lg border border-white/5">
+              <Info size={14} className="text-gs-gold" />
+              <span className="text-[10px] uppercase tracking-wider font-medium">Color intensity scales with volatility</span>
+            </div>
+          </div>
+        </div>
+      </motion.div>
+    </div>
+  );
+}

src/components/RebalancingEngine.jsx

@@ -0,0 +1,42 @@
+import React from 'react';
+import { rebalancingScenarios } from '../data/mockData';
+import { TrendingDown, ArrowUpRight, HandCoins } from 'lucide-react';
+
+export default function RebalancingEngine({ onScenarioSelect }) {
+  const scenarios = [
+    { id: 'marketDrop', icon: <TrendingDown size={20} />, data: rebalancingScenarios.marketDrop },
+    { id: 'inflation', icon: <ArrowUpRight size={20} />, data: rebalancingScenarios.inflation },
+    { id: 'withdrawal', icon: <HandCoins size={20} />, data: rebalancingScenarios.withdrawal },
+  ];
+
+  return (
+    <div className="bg-white rounded-2xl p-8 shadow-sm border border-gray-100 h-full">
+      <header className="mb-8">
+        <h2 className="text-2xl font-light text-gs-navy mb-2">Scenario Planner</h2>
+        <p className="text-sm text-gs-slate font-light">
+          Life happens. See how your portfolio should adapt to different situations.
+        </p>
+      </header>
+
+      <div className="space-y-4">
+        {scenarios.map((scenario) => (
+          <button
+            key={scenario.id}
+            onClick={() => onScenarioSelect(scenario.data)}
+            className="w-full text-left p-5 rounded-xl border border-gray-200 hover:border-gs-gold hover:shadow-md transition-all duration-300 group bg-gs-light/50 hover:bg-white"
+          >
+            <div className="flex items-center mb-3">
+              <div className="w-10 h-10 rounded-full bg-white shadow-sm flex items-center justify-center mr-4 text-gs-slate group-hover:text-gs-gold transition-colors">
+                {scenario.icon}
+              </div>
+              <h3 className="font-medium text-gs-navy">{scenario.data.trigger}</h3>
+            </div>
+            <p className="text-sm text-gs-slate font-light ml-14 group-hover:text-gs-navy transition-colors">
+              Click to see recommended actions
+            </p>
+          </button>
+        ))}
+      </div>
+    </div>
+  );
+}

src/components/StockPopup.jsx

@@ -0,0 +1,174 @@
+import React, { useEffect, useState, useMemo } from 'react';
+import { X, TrendingUp, TrendingDown, Star } from 'lucide-react';
+import { AreaChart, Area, XAxis, YAxis, Tooltip, ResponsiveContainer, ReferenceLine } from 'recharts';
+import { getHistoricalData, fetchRealData } from '../data/historicalData';
+import { Loader2 } from 'lucide-react';
+import InvestmentCommittee from './InvestmentCommittee';
+
+const TIMEFRAME_DAYS = {
+  '1W': 7,
+  '1M': 30,
+  '3M': 90,
+  '1Y': 365,
+  'ALL': 365
+};
+
+export default function StockPopup({ ticker, assetName, onClose }) {
+  const [data, setData] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [isDebating, setIsDebating] = useState(false);
+  const [timeframe, setTimeframe] = useState('1M');
+
+  useEffect(() => {
+    async function loadData() {
+      if (ticker) {
+        setLoading(true);
+        const realData = await fetchRealData(ticker);
+        setData(realData);
+        setLoading(false);
+        setIsDebating(false);
+      }
+    }
+    loadData();
+  }, [ticker]);
+
+  const viewData = useMemo(() => {
+    if (!data) return null;
+    
+    // Slice history based on timeframe
+    const daysToShow = TIMEFRAME_DAYS[timeframe] || 30;
+    const startIndex = Math.max(0, data.history.length - daysToShow);
+    const slicedHistory = data.history.slice(startIndex);
+    
+    // Recalculate metrics for the specific timeframe
+    if (slicedHistory.length === 0) return null;
+    
+    const currentPrice = slicedHistory[slicedHistory.length - 1].price;
+    const oldPrice = slicedHistory[0].price;
+    const change = Number((currentPrice - oldPrice).toFixed(2));
+    const percentChange = Number(((change / oldPrice) * 100).toFixed(2));
+    const isPositive = change >= 0;
+    
+    return {
+      ...data,
+      history: slicedHistory,
+      change,
+      percentChange,
+      isPositive
+    };
+  }, [data, timeframe]);
+
+  if (!ticker) return null;
+
+  if (loading || !viewData) {
+    return (
+      <div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/60 backdrop-blur-sm">
+        <div className="text-center">
+          <Loader2 className="animate-spin text-gs-gold mb-4 mx-auto" size={48} />
+          <p className="text-white text-lg font-light">Connecting to Yahoo Finance...</p>
+        </div>
+      </div>
+    );
+  }
+
+  const color = viewData.isPositive ? '#00C805' : '#FF5000';
+  const bgColor = '#111111'; // Dark theme background
+
+  return (
+    <div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/60 backdrop-blur-sm animate-in fade-in duration-200">
+      <div 
+        className="w-full max-w-4xl max-h-[90vh] overflow-y-auto rounded-xl shadow-2xl flex flex-col animate-in zoom-in-95 duration-200"
+        style={{ backgroundColor: bgColor }}
+      >
+        {/* Header */}
+        <div className="p-6 pb-2 flex justify-between items-start sticky top-0 bg-[#111111] z-10 border-b border-gray-800">
+          <div>
+            <h2 className="text-2xl font-bold text-white flex items-center">
+              {assetName} <Star size={18} className="ml-3 text-gray-500 hover:text-yellow-400 cursor-pointer" />
+            </h2>
+            <div className="flex items-end mt-2 space-x-3">
+              <span className="text-4xl font-bold text-white">${viewData.currentPrice}</span>
+              <div className={`flex items-center text-lg font-medium pb-1 ${viewData.isPositive ? 'text-[#00C805]' : 'text-[#FF5000]'}`}>
+                {viewData.isPositive ? '+' : ''}{viewData.change} ({viewData.isPositive ? '+' : ''}{viewData.percentChange}%)
+              </div>
+            </div>
+            <p className="text-gray-400 text-xs mt-1">At close: {viewData.history[viewData.history.length-1].date}</p>
+          </div>
+          <button 
+            onClick={onClose}
+            className="p-2 rounded-full bg-gray-800 text-gray-400 hover:text-white hover:bg-gray-700 transition-colors"
+          >
+            <X size={20} />
+          </button>
+        </div>
+
+        <div className="p-6 grid grid-cols-1 lg:grid-cols-3 gap-8">
+          {/* Main Chart Area */}
+          <div className="lg:col-span-2">
+            <div className="h-72 w-full mt-4">
+              <ResponsiveContainer width="100%" height="100%">
+                <AreaChart data={viewData.history} margin={{ top: 10, right: 0, left: 0, bottom: 0 }}>
+                  <defs>
+                    <linearGradient id="colorPrice" x1="0" y1="0" x2="0" y2="1">
+                      <stop offset="5%" stopColor={color} stopOpacity={0.3}/>
+                      <stop offset="95%" stopColor={color} stopOpacity={0}/>
+                    </linearGradient>
+                  </defs>
+                  <XAxis dataKey="date" hide />
+                  <YAxis domain={['dataMin', 'dataMax']} hide />
+                  <Tooltip 
+                    contentStyle={{ backgroundColor: '#222', border: 'none', borderRadius: '8px', color: '#fff' }}
+                    itemStyle={{ color: '#fff', fontWeight: 'bold' }}
+                    labelStyle={{ color: '#888' }}
+                  />
+                  <ReferenceLine y={viewData.history[0].price} stroke="#333" strokeDasharray="3 3" />
+                  <Area 
+                    type="monotone" 
+                    dataKey="price" 
+                    stroke={color} 
+                    strokeWidth={2} 
+                    fillOpacity={1} 
+                    fill="url(#colorPrice)" 
+                  />
+                </AreaChart>
+              </ResponsiveContainer>
+            </div>
+
+            {/* Time Controls */}
+            <div className="flex space-x-4 mt-6 border-b border-gray-800 pb-2">
+              {['1W', '1M', '3M', '1Y', 'ALL'].map(t => (
+                <button 
+                  key={t} 
+                  onClick={() => setTimeframe(t)}
+                  className={`text-sm font-medium pb-2 border-b-2 transition-colors ${
+                    t === timeframe 
+                      ? (viewData.isPositive ? 'text-[#00C805] border-[#00C805]' : 'text-[#FF5000] border-[#FF5000]') 
+                      : 'text-gray-500 border-transparent hover:text-gray-300'
+                  }`}
+                >
+                  {t}
+                </button>
+              ))}
+            </div>
+
+            <div className="mt-6 text-gray-300 text-sm leading-relaxed">
+              <p>Historical charting for {assetName} over the selected period. Notice the volatility patterns represented by the area chart.</p>
+            </div>
+          </div>
+
+          {/* Right Sidebar: AI Committee */}
+          <div className="lg:col-span-1">
+            {/* We render the Investment Committee inside a styled container so it fits the dark theme or stands out as a module */}
+            <div className="bg-white rounded-xl shadow-inner overflow-hidden border border-gray-200">
+               <InvestmentCommittee 
+                ticker={ticker}
+                isDebating={isDebating}
+                setIsDebating={setIsDebating}
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}

src/components/StockSearch.jsx

@@ -0,0 +1,318 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { Search, Plus, Loader2, X, Globe, Briefcase, Info, TrendingUp, ShieldCheck, PlayCircle } from 'lucide-react';
+import { motion, AnimatePresence } from 'framer-motion';
+import { ChatGoogleGenerativeAI } from '@langchain/google-genai';
+import { HumanMessage, SystemMessage } from '@langchain/core/messages';
+
+export default function StockSearch({ isOpen, onClose, onAddStock, currentPortfolio, totalValue }) {
+  const [query, setQuery] = useState('');
+  const [suggestions, setSuggestions] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [selectedStock, setSelectedStock] = useState(null);
+  const [shares, setShares] = useState(1);
+  const [impactAnalysis, setImpactAnalysis] = useState('');
+  const [isAnalyzing, setIsAnalyzing] = useState(false);
+  const [performanceData, setPerformanceData] = useState({ threeYearReturn: 0 });
+  const [error, setError] = useState('');
+  const searchRef = useRef(null);
+
+  // Debounced search for suggestions
+  useEffect(() => {
+    const timer = setTimeout(async () => {
+      if (query.length > 1) {
+        setLoading(true);
+        try {
+          const proxy = 'https://corsproxy.io/?';
+          const url = `${proxy}https://query2.finance.yahoo.com/v1/finance/search?q=${query}&newsCount=0`;
+          const response = await fetch(url);
+          const data = await response.json();
+          
+          if (data.quotes) {
+            // Filter for US Stocks and Mutual Funds only
+            const usExchanges = ['NYSE', 'NASDAQ', 'AMEX', 'BATS', 'ARCA', 'OTCQB', 'OTCQX'];
+            const filtered = data.quotes
+              .filter(q => {
+                const isUS = usExchanges.some(ex => q.exchDisp?.includes(ex)) || !q.symbol.includes('.');
+                const isTargetType = q.quoteType === 'EQUITY' || q.quoteType === 'MUTUALFUND';
+                return q.symbol && isUS && isTargetType;
+              })
+              .slice(0, 6);
+            setSuggestions(filtered);
+          }
+        } catch (err) {
+          console.error("Autocomplete error:", err);
+        } finally {
+          setLoading(false);
+        }
+      } else {
+        setSuggestions([]);
+      }
+    }, 300);
+
+    return () => clearTimeout(timer);
+  }, [query]);
+
+  // Reset states when selectedStock is cleared
+  useEffect(() => {
+    if (!selectedStock) {
+      setImpactAnalysis('');
+      setShares(1);
+    }
+  }, [selectedStock]);
+
+  // Calculate 3-year performance whenever selection changes
+  useEffect(() => {
+    if (selectedStock) {
+      // Generate a stable mock performance based on ticker hash
+      const ticker = selectedStock.symbol;
+      let hash = 0;
+      for (let i = 0; i < ticker.length; i++) {
+        hash = ((hash << 5) - hash) + ticker.charCodeAt(i);
+        hash |= 0;
+      }
+      // Generate return between -20% and +120%
+      const returnVal = (hash % 140) - 20;
+      setPerformanceData({ threeYearReturn: returnVal });
+    }
+  }, [selectedStock]);
+
+  const analyzeImpact = async (stock, quantity) => {
+    console.log("Starting analyzeImpact", { stock: stock.symbol, quantity });
+    const apiKey = import.meta.env.VITE_GEMINI_API_KEY;
+    
+    if (!apiKey || apiKey.length < 10) {
+      console.warn("API Key missing or too short, using local fallback");
+      setImpactAnalysis(`Adding ${quantity} shares of ${stock.symbol} will broaden your market exposure and shift your portfolio beta towards a more dynamic profile.`);
+      return;
+    }
+
+    setIsAnalyzing(true);
+    setImpactAnalysis(''); // Clear previous
+    
+    try {
+      console.log("Invoking Gemini for impact analysis...");
+      const llm = new ChatGoogleGenerativeAI({ 
+        apiKey, 
+        modelName: 'gemini-1.5-flash',
+        maxRetries: 1
+      });
+      
+      const portfolioTickers = currentPortfolio.allocation.map(a => a.ticker).join(', ') || 'none';
+      
+      const response = await llm.invoke([
+        new SystemMessage(`You are a quantitative advisor. Analyze the impact of adding ${quantity} shares of ${stock.symbol} to a portfolio of ${portfolioTickers}. 
+        Output 1 short, specific sentence.`),
+        new HumanMessage(`Impact of ${quantity} shares of ${stock.symbol}.`)
+      ]);
+      
+      console.log("AI Response received:", response.content);
+      setImpactAnalysis(response.content);
+    } catch (err) {
+      console.error("Impact Analysis API Error:", err);
+      // Immediate fallback so the user doesn't see a blank screen
+      const fallbackText = `This position in ${stock.symbol} provides new exposure that complements your existing holdings in ${currentPortfolio.allocation[0]?.ticker || 'diversified assets'}.`;
+      setImpactAnalysis(fallbackText);
+    } finally {
+      setIsAnalyzing(false);
+      console.log("Analysis cycle complete");
+    }
+  };
+
+  const handleSelect = (quote) => {
+    setSelectedStock(quote);
+    // Initial analysis triggered by useEffect
+  };
+
+  const handleConfirm = () => {
+    onAddStock({
+      ticker: selectedStock.symbol,
+      name: selectedStock.shortname || selectedStock.longname || selectedStock.symbol,
+      type: selectedStock.quoteType === 'MUTUALFUND' ? 'mf' : 'stock',
+      value: 5, // Base weighting, dashboard handles rebalance
+      color: `#${Math.floor(Math.random()*16777215).toString(16)}`,
+      shares: Number(shares),
+      dateBought: new Date().toISOString().split('T')[0]
+    });
+    setQuery('');
+    setSelectedStock(null);
+    setSuggestions([]);
+    onClose();
+  };
+
+  if (!isOpen) return null;
+
+  return (
+    <div className="fixed inset-0 z-[60] flex items-start justify-center pt-24 px-4 bg-gs-navy/40 backdrop-blur-md">
+      <motion.div 
+        initial={{ opacity: 0, y: -20 }}
+        animate={{ opacity: 1, y: 0 }}
+        exit={{ opacity: 0, y: -20 }}
+        className="w-full max-w-xl bg-white rounded-2xl shadow-2xl overflow-hidden border border-gray-100"
+        ref={searchRef}
+      >
+        <div className="p-4 border-b border-gray-100 flex items-center gap-3">
+          <Search className="text-gs-gold" size={20} />
+          <input 
+            autoFocus
+            type="text"
+            value={query}
+            onChange={(e) => setQuery(e.target.value)}
+            placeholder="Search company, ticker, or crypto..."
+            className="flex-1 bg-transparent border-none outline-none text-gs-navy text-lg placeholder:text-gray-300"
+          />
+          <button onClick={onClose} className="p-2 hover:bg-gray-100 rounded-full transition-colors text-gs-slate">
+            <X size={20} />
+          </button>
+        </div>
+
+        <div className="max-h-[500px] overflow-y-auto">
+          {selectedStock ? (
+            <motion.div 
+              initial={{ opacity: 0, x: 20 }}
+              animate={{ opacity: 1, x: 0 }}
+              className="p-8"
+            >
+              <div className="flex items-center gap-4 mb-8">
+                <div className="w-16 h-16 bg-gs-navy text-white rounded-2xl flex items-center justify-center text-2xl font-bold">
+                  {selectedStock.symbol.charAt(0)}
+                </div>
+                <div>
+                  <h3 className="text-2xl font-bold text-gs-navy">{selectedStock.symbol}</h3>
+                  <p className="text-gs-slate">{selectedStock.shortname || selectedStock.longname}</p>
+                </div>
+              </div>
+
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
+                <div className="bg-gs-light p-4 rounded-xl">
+                  <label className="text-xs font-bold text-gs-slate uppercase tracking-wider block mb-2">Quantity (Shares)</label>
+                  <input 
+                    type="number"
+                    value={shares}
+                    onChange={(e) => setShares(e.target.value)}
+                    min="1"
+                    className="w-full bg-white border border-gray-200 rounded-lg py-2 px-3 text-lg font-bold text-gs-navy focus:outline-none focus:ring-2 focus:ring-gs-gold"
+                  />
+                </div>
+                <div className="bg-gs-navy p-4 rounded-xl flex flex-col justify-center">
+                  <p className="text-[10px] font-bold text-gs-gold uppercase tracking-widest mb-1">Trailing 3-Year Return</p>
+                  <p className={`text-2xl font-bold ${performanceData.threeYearReturn >= 0 ? 'text-green-400' : 'text-red-400'}`}>
+                    {performanceData.threeYearReturn >= 0 ? '+' : ''}{performanceData.threeYearReturn.toFixed(2)}%
+                  </p>
+                  <p className="text-[10px] text-gs-gold/60 mt-1 italic">Historical market performance</p>
+                </div>
+              </div>
+
+              <div className="bg-gs-navy text-white p-6 rounded-2xl mb-8 relative overflow-hidden min-h-[120px] flex flex-col justify-center">
+                <div className="relative z-10">
+                  <div className="flex items-center gap-2 mb-3 text-gs-gold">
+                    <ShieldCheck size={18} />
+                    <span className="text-xs font-bold uppercase tracking-widest">Portfolio Impact Analysis</span>
+                  </div>
+                  
+                  {isAnalyzing ? (
+                    <div className="flex items-center gap-3">
+                      <Loader2 size={16} className="animate-spin" />
+                      <span className="text-sm font-light italic">Committee is calculating risk shifts...</span>
+                    </div>
+                  ) : impactAnalysis ? (
+                    <p className="text-sm font-light leading-relaxed animate-in fade-in slide-in-from-bottom-2 duration-500">
+                      {impactAnalysis}
+                    </p>
+                  ) : (
+                    <button 
+                      type="button"
+                      onClick={() => {
+                        console.log("Analyze button clicked", { selectedStock, shares });
+                        handleAnalyze();
+                      }}
+                      className="flex items-center gap-2 bg-gs-gold text-gs-navy px-4 py-2 rounded-lg text-xs font-bold hover:bg-white transition-all shadow-lg active:scale-95"
+                    >
+                      <PlayCircle size={14} />
+                      Generate Impact Analysis
+                    </button>
+                  )}
+                </div>
+                <TrendingUp className="absolute -right-4 -bottom-4 text-white/5" size={120} />
+              </div>
+
+              <div className="flex gap-4">
+                <button 
+                  onClick={() => setSelectedStock(null)}
+                  className="flex-1 py-4 rounded-xl border border-gray-200 text-gs-slate font-medium hover:bg-gray-50 transition-all"
+                >
+                  Back to Search
+                </button>
+                <button 
+                  onClick={handleConfirm}
+                  className="flex-[2] py-4 rounded-xl bg-gs-navy text-white font-bold hover:bg-gs-gold hover:text-gs-navy transition-all shadow-lg hover:shadow-gs-gold/20"
+                >
+                  Confirm & Add to Portfolio
+                </button>
+              </div>
+            </motion.div>
+          ) : (
+            <>
+              {loading && query.length > 1 && (
+                <div className="p-8 text-center text-gs-slate flex flex-col items-center gap-2">
+                  <Loader2 className="animate-spin text-gs-gold" size={24} />
+                  <span className="text-sm font-light">Searching global markets...</span>
+                </div>
+              )}
+
+              {!loading && suggestions.length > 0 && (
+                <div className="py-2">
+                  {suggestions.map((quote, idx) => (
+                    <button
+                      key={idx}
+                      onClick={() => handleSelect(quote)}
+                      className="w-full flex items-center justify-between px-6 py-4 hover:bg-gs-light transition-all text-left group"
+                    >
+                      <div className="flex items-center gap-4">
+                        <div className={`w-10 h-10 rounded-lg flex items-center justify-center text-gs-navy group-hover:bg-white transition-colors ${quote.quoteType === 'MUTUALFUND' ? 'bg-purple-100 text-purple-700' : 'bg-gray-100'}`}>
+                          {quote.quoteType === 'MUTUALFUND' ? <Globe size={18} /> : <Briefcase size={18} />}
+                        </div>
+                        <div>
+                          <div className="flex items-center gap-2">
+                            <span className="font-bold text-gs-navy">{quote.symbol}</span>
+                            <span className={`text-[8px] font-bold px-1.5 py-0.5 rounded uppercase tracking-tighter ${quote.quoteType === 'MUTUALFUND' ? 'bg-purple-500 text-white' : 'bg-gs-navy text-gs-gold'}`}>
+                              {quote.quoteType === 'MUTUALFUND' ? 'Mutual Fund' : 'Stock'}
+                            </span>
+                          </div>
+                          <div className="text-xs text-gs-slate truncate max-w-[250px]">
+                            {quote.shortname || quote.longname}
+                          </div>
+                        </div>
+                      </div>
+                      <div className="flex items-center gap-2">
+                        <span className="text-[10px] font-bold bg-gray-100 text-gray-500 px-2 py-1 rounded uppercase tracking-wider">
+                          {quote.exchDisp}
+                        </span>
+                        <Plus size={16} className="text-gs-gold opacity-0 group-hover:opacity-100 transition-opacity" />
+                      </div>
+                    </button>
+                  ))}
+                </div>
+              )}
+
+              {!loading && query.length > 1 && suggestions.length === 0 && (
+                <div className="p-12 text-center text-gs-slate font-light">
+                  No assets found for "{query}"
+                </div>
+              )}
+
+              {!query && (
+                <div className="p-8 text-center text-gs-slate">
+                  <p className="text-sm">Try searching for <span className="font-medium text-gs-navy">"Apple"</span>, <span className="font-medium text-gs-navy">"NVDA"</span>, or <span className="font-medium text-gs-navy">"Bitcoin"</span></p>
+                </div>
+              )}
+            </>
+          )}
+        </div>
+
+        <div className="p-3 bg-gs-light text-[10px] text-center text-gs-slate uppercase tracking-widest font-medium border-t border-gray-100">
+          Powered by Yahoo Finance Real-time Search
+        </div>
+      </motion.div>
+    </div>
+  );
+}

src/components/TransparencyModal.jsx

@@ -0,0 +1,189 @@
+import React from 'react';
+import { motion, AnimatePresence } from 'framer-motion';
+import { X, Info, DollarSign, Shield } from 'lucide-react';
+
+export default function TransparencyModal({ isOpen, onClose, data, currentPortfolio, totalValue, prices }) {
+  if (!isOpen || !data) return null;
+
+  return (
+    <AnimatePresence>
+      <div className="fixed inset-0 z-50 flex items-center justify-center p-4">
+        {/* Backdrop */}
+        <motion.div 
+          initial={{ opacity: 0 }}
+          animate={{ opacity: 1 }}
+          exit={{ opacity: 0 }}
+          onClick={onClose}
+          className="absolute inset-0 bg-gs-navy/60 backdrop-blur-sm"
+        />
+
+        {/* Modal Content */}
+        <motion.div 
+          initial={{ opacity: 0, scale: 0.95, y: 20 }}
+          animate={{ opacity: 1, scale: 1, y: 0 }}
+          exit={{ opacity: 0, scale: 0.95, y: 20 }}
+          className="relative bg-white rounded-3xl shadow-2xl w-full max-w-lg max-h-[90vh] overflow-hidden border border-gray-100 flex flex-col"
+        >
+          {/* Header (Fixed at top) */}
+          <div className="bg-gs-navy p-6 flex justify-between items-start text-white shrink-0">
+            <div>
+              <span className="text-gs-gold text-xs font-semibold uppercase tracking-wider mb-2 block">Recommendation</span>
+              <h2 className="text-2xl font-light">{data.title}</h2>
+            </div>
+            <button onClick={onClose} className="text-white/60 hover:text-white transition-colors">
+              <X size={24} />
+            </button>
+          </div>
+
+          <div className="p-8 space-y-6 overflow-y-auto scrollbar-hide">
+            {/* The Advice */}
+            <div className="bg-gs-light p-5 rounded-xl border-l-4 border-gs-gold">
+              <h3 className="font-medium text-gs-navy mb-1 flex items-center">
+                <Info size={18} className="mr-2 text-gs-gold" /> The Action Plan
+              </h3>
+              <p className="text-gs-slate font-light text-lg">
+                {(() => {
+                  let advice = data.advice;
+                  const hasBonds = currentPortfolio?.allocation?.some(a => 
+                    a.ticker?.includes('BND') || 
+                    a.name?.toLowerCase().includes('bond')
+                  );
+                  if (!hasBonds && advice.includes('Bonds')) {
+                    advice = advice.replace('Bonds', 'Cash Reserves');
+                  }
+                  return advice;
+                })()}
+              </p>
+            </div>
+
+            {/* Visual Comparison Section */}
+            <div className="bg-gs-light/50 p-6 rounded-2xl border border-gray-100 min-h-[100px] flex flex-col justify-center">
+              <h3 className="text-xs uppercase tracking-widest text-gs-slate font-semibold mb-4">
+                Visual Rebalance Suggestion
+              </h3>
+              
+              <div className="space-y-6">
+                {currentPortfolio?.allocation?.length > 0 ? (
+                  currentPortfolio.allocation.slice(0, 3).map((asset, idx) => {
+                    if (!asset) return null;
+                    
+                    // Mock logic for "Target" based on scenario
+                    let change = 0;
+                    const trigger = data.trigger || "";
+                    const assetName = asset.name || "";
+
+                    if (trigger.includes("Market Drop")) {
+                      if (assetName.includes("Bond") || assetName.includes("Cash")) change = -5;
+                      else change = 5;
+                    } else if (trigger.includes("Life Expense")) {
+                      if (assetName.includes("Cash")) change = 20;
+                      else change = -10;
+                    } else if (trigger.includes("Inflation")) {
+                      if (assetName.includes("Vanguard") || assetName.includes("Value")) change = 8;
+                      else change = -4;
+                    }
+
+                    const val = Number(asset.value) || 0;
+                    const targetValue = Math.max(0, Math.min(100, val + change));
+                    
+                    // Calculate Dollar and Share Changes
+                    const ticker = asset.ticker;
+                    const priceObj = prices[ticker];
+                    const price = priceObj?.price;
+                    
+                    // Use a fallback total value if current calculation is still in flight
+                    const activeTotal = totalValue > 0 ? totalValue : 50000; 
+                    
+                    const currentValue = (val / 100) * activeTotal;
+                    const targetValueDollar = (targetValue / 100) * activeTotal;
+                    const dollarDiff = targetValueDollar - currentValue;
+                    const sharesDiff = price ? Math.abs(Math.round(dollarDiff / price)) : null;
+                    
+                    return (
+                      <div key={idx} className="space-y-2">
+                        <div className="flex justify-between text-xs">
+                          <span className="font-bold text-gs-navy">{ticker}</span>
+                          <div className="text-right">
+                            <span className="text-gs-slate">
+                              {val.toFixed(2)}% <span className="mx-2">→</span> 
+                              <span className={change > 0 ? 'text-green-600' : change < 0 ? 'text-red-500' : 'text-gs-navy'}>
+                                {targetValue.toFixed(2)}%
+                              </span>
+                            </span>
+                            <p className={`text-[10px] font-bold ${change > 0 ? 'text-green-600' : 'text-red-500'}`}>
+                              {change > 0 ? 'Buy' : 'Sell'} ${Math.abs(Math.round(dollarDiff)).toLocaleString()} 
+                              {sharesDiff !== null ? ` (${sharesDiff} shares)` : ' (Calculating...)'}
+                            </p>
+                          </div>
+                        </div>
+                        <div className="h-3 w-full bg-gray-200 rounded-full overflow-hidden flex relative">
+                          <div 
+                            className="h-full bg-gs-navy opacity-30" 
+                            style={{ width: `${val}%` }}
+                          ></div>
+                          <div 
+                            className={`h-full absolute top-0 left-0 transition-all duration-1000 ${change >= 0 ? 'bg-green-500' : 'bg-red-500'}`} 
+                            style={{ width: `${targetValue}%` }}
+                          ></div>
+                        </div>
+                      </div>
+                    );
+                  })
+                ) : (
+                  <div className="text-center py-4">
+                    <p className="text-xs text-gs-slate italic">Add at least one stock to see a visual rebalance simulation.</p>
+                  </div>
+                )}
+              </div>
+              <p className="text-[10px] text-gs-slate mt-4 italic text-center">
+                *Simulated shift based on your {currentPortfolio?.riskLevel || 'selected'} risk profile.
+              </p>
+            </div>
+
+            {/* The Why */}
+            <div>
+              <h3 className="font-medium text-gs-navy mb-2 flex items-center">
+                <Shield size={18} className="mr-2 text-gs-slate" /> Why we recommend this
+              </h3>
+              <p className="text-gs-slate font-light text-sm leading-relaxed">
+                {data.explanation}
+              </p>
+            </div>
+
+            <hr className="border-gray-100" />
+
+            {/* Radical Transparency Section */}
+            <div>
+              <h3 className="text-xs uppercase tracking-widest text-gs-slate font-semibold mb-4">
+                Full Transparency
+              </h3>
+              
+              <div className="space-y-3">
+                <div className="flex justify-between items-center p-3 rounded-lg border border-gray-100 bg-white">
+                  <span className="text-sm text-gs-slate font-light flex items-center">
+                    <DollarSign size={14} className="mr-2 text-gray-400" /> Fee Impact
+                  </span>
+                  <span className="font-medium text-gs-navy text-sm">{data.feeImpactDollars}</span>
+                </div>
+                
+                <div className="flex justify-between items-center p-3 rounded-lg border border-gray-100 bg-white">
+                  <span className="text-sm text-gs-slate font-light flex items-center">
+                    <Shield size={14} className="mr-2 text-gray-400" /> Tax Considerations
+                  </span>
+                  <span className="font-medium text-gs-navy text-sm">{data.taxImpact}</span>
+                </div>
+              </div>
+            </div>
+            
+            <button 
+              onClick={onClose}
+              className="w-full mt-4 bg-gs-navy text-white py-4 rounded-xl font-medium hover:bg-gs-navy/90 transition-colors shadow-md shrink-0"
+            >
+              I Understand
+            </button>
+          </div>
+        </motion.div>
+      </div>
+    </AnimatePresence>
+  );
+}

src/data/historicalData.js

@@ -0,0 +1,120 @@
+import { tickerMetrics } from './tickerMetrics';
+
+// Helper to generate a realistic random walk for a stock price
+const generateRandomWalk = (startPrice, days, volatility) => {
+  const data = [];
+  let currentPrice = startPrice;
+  const now = new Date();
+  
+  for (let i = days; i >= 0; i--) {
+    const date = new Date(now);
+    date.setDate(date.getDate() - i);
+    
+    // Random daily return based on volatility (standard deviation)
+    const dailyReturn = (Math.random() - 0.5) * volatility;
+    currentPrice = currentPrice * (1 + dailyReturn);
+    
+    data.push({
+      time: date.toLocaleTimeString('en-US', { hour: '2-digit', minute: '2-digit' }),
+      date: date.toLocaleDateString('en-US', { month: 'short', day: 'numeric' }),
+      price: Number(currentPrice.toFixed(2))
+    });
+  }
+  return data;
+};
+
+// Base starting prices for realism
+const basePrices = {
+  'SPY': 510.50,
+  'VOO': 468.20,
+  'BND': 72.15,
+  'BNDX': 48.90,
+  'AAPL': 175.40,
+  'MSFT': 420.10,
+  'GOOGL': 155.30,
+  'AMZN': 180.25,
+  'JNJ': 155.60,
+  'BRK-B': 410.80,
+  'JPM': 195.40,
+  'VXUS': 58.70,
+  'TSLA': 175.20,
+  'QQQ': 440.50,
+  'VTI': 255.60,
+  'CASH': 1.00
+};
+
+const mockDataCache = {};
+
+export const fetchRealData = async (ticker) => {
+  if (ticker === 'CASH') return getHistoricalData('CASH');
+  
+  try {
+    const proxy = 'https://corsproxy.io/?';
+    const url = `${proxy}https://query1.finance.yahoo.com/v8/finance/chart/${ticker}?interval=1d&range=1y`;
+    const response = await fetch(url);
+    const data = await response.json();
+    
+    if (!data.chart?.result?.[0]) throw new Error('Invalid ticker');
+    
+    const result = data.chart.result[0];
+    const timestamps = result.timestamp;
+    const quotes = result.indicators.quote[0].close;
+    
+    const history = timestamps.map((ts, i) => {
+      const date = new Date(ts * 1000);
+      return {
+        time: date.toLocaleTimeString('en-US', { hour: '2-digit', minute: '2-digit' }),
+        date: date.toLocaleDateString('en-US', { month: 'short', day: 'numeric' }),
+        price: Number(quotes[i]?.toFixed(2)) || 0
+      };
+    }).filter(d => d.price > 0);
+
+    const currentPrice = history[history.length - 1].price;
+    const oldPrice = history[0].price;
+    const change = currentPrice - oldPrice;
+    const percentChange = (change / oldPrice) * 100;
+
+    const finalData = {
+      ticker,
+      currentPrice: Number(currentPrice.toFixed(2)),
+      change: Number(change.toFixed(2)),
+      percentChange: Number(percentChange.toFixed(2)),
+      isPositive: change >= 0,
+      history
+    };
+
+    mockDataCache[ticker] = finalData;
+    return finalData;
+  } catch (error) {
+    console.error("Yahoo Finance Error:", error);
+    return getHistoricalData(ticker); // Fallback to mock
+  }
+};
+
+export const getHistoricalData = (ticker) => {
+  if (mockDataCache[ticker]) {
+    return mockDataCache[ticker];
+  }
+
+  const startPrice = basePrices[ticker] || 100;
+  const metrics = tickerMetrics[ticker] || { beta: 1 };
+  const volatility = (metrics.beta * 0.015);
+  
+  const history = generateRandomWalk(startPrice, 365, volatility);
+  const currentPrice = history[history.length - 1].price;
+  const oldPrice = history[0].price;
+  const change = currentPrice - oldPrice;
+  const percentChange = (change / oldPrice) * 100;
+
+  const result = {
+    ticker,
+    currentPrice: Number(currentPrice.toFixed(2)),
+    change: Number(change.toFixed(2)),
+    percentChange: Number(percentChange.toFixed(2)),
+    isPositive: change >= 0,
+    history
+  };
+
+  mockDataCache[ticker] = result;
+  return result;
+};

src/data/mockData.js

@@ -0,0 +1,70 @@
+export const mockPortfolios = {
+  Cautious: {
+    allocation: [
+      { name: 'Vanguard Total Bond (BND)', ticker: 'BND', value: 40, color: '#1E293B', shares: 145, dateBought: '2023-01-15', type: 'mf' },
+      { name: 'Vanguard Intl Bond (BNDX)', ticker: 'BNDX', value: 20, color: '#334155', shares: 85, dateBought: '2023-03-22', type: 'mf' },
+      { name: 'SPDR S&P 500 (SPY)', ticker: 'SPY', value: 15, color: '#C5A880', shares: 12, dateBought: '2022-11-10', type: 'mf' },
+      { name: 'Johnson & Johnson (JNJ)', ticker: 'JNJ', value: 15, color: '#64748B', shares: 35, dateBought: '2023-05-05', type: 'stock' },
+      { name: 'Cash Equivalents', ticker: 'CASH', value: 10, color: '#E5E7EB', shares: 2500, dateBought: '2024-01-01', type: 'stock' }
+    ],
+    riskLevel: 'Low',
+    expectedReturn: '4-5%',
+    feeImpact: 'Low',
+    hiddenFees: { expenseRatio: 0.05, advisoryFee: 0.0, tradingCosts: 2.0 }
+  },
+  Balanced: {
+    allocation: [
+      { name: 'Vanguard S&P 500 (VOO)', ticker: 'VOO', value: 30, color: '#0B233F', shares: 45, dateBought: '2022-08-14', type: 'mf' },
+      { name: 'Microsoft Corp (MSFT)', ticker: 'MSFT', value: 15, color: '#C5A880', shares: 25, dateBought: '2021-12-01', type: 'stock' },
+      { name: 'Apple Inc. (AAPL)', ticker: 'AAPL', value: 15, color: '#1E293B', shares: 60, dateBought: '2022-02-18', type: 'stock' },
+      { name: 'Vanguard Total Intl (VXUS)', ticker: 'VXUS', value: 15, color: '#64748B', shares: 90, dateBought: '2023-06-30', type: 'mf' },
+      { name: 'Berkshire Hathaway (BRK-B)', ticker: 'BRK-B', value: 10, color: '#334155', shares: 18, dateBought: '2022-05-12', type: 'stock' },
+      { name: 'Vanguard Total Bond (BND)', ticker: 'BND', value: 15, color: '#94A3B8', shares: 70, dateBought: '2023-11-20', type: 'mf' }
+    ],
+    riskLevel: 'Medium',
+    expectedReturn: '7-9%',
+    feeImpact: 'Medium',
+    hiddenFees: { expenseRatio: 0.04, advisoryFee: 0.0, tradingCosts: 10.0 }
+  },
+  Bold: {
+    allocation: [
+      { name: 'Invesco QQQ Trust (QQQ)', ticker: 'QQQ', value: 25, color: '#0B233F', shares: 35, dateBought: '2021-09-10', type: 'mf' },
+      { name: 'Tesla, Inc. (TSLA)', ticker: 'TSLA', value: 20, color: '#C5A880', shares: 40, dateBought: '2022-10-05', type: 'stock' },
+      { name: 'Amazon.com (AMZN)', ticker: 'AMZN', value: 15, color: '#1E293B', shares: 55, dateBought: '2023-02-28', type: 'stock' },
+      { name: 'Google (GOOGL)', ticker: 'GOOGL', value: 15, color: '#64748B', shares: 65, dateBought: '2023-04-14', type: 'stock' },
+      { name: 'JPMorgan Chase (JPM)', ticker: 'JPM', value: 15, color: '#334155', shares: 42, dateBought: '2022-07-22', type: 'stock' },
+      { name: 'Vanguard S&P 500 (VOO)', ticker: 'VOO', value: 10, color: '#94A3B8', shares: 15, dateBought: '2024-01-10', type: 'mf' }
+    ],
+    riskLevel: 'High',
+    expectedReturn: '12-15%',
+    feeImpact: 'High',
+    hiddenFees: { expenseRatio: 0.12, advisoryFee: 0.0, tradingCosts: 25.0 }
+  }
+};
+
+export const rebalancingScenarios = {
+  marketDrop: {
+    trigger: "Market Drop of 10%+",
+    title: "Market Correction Strategy",
+    advice: "Reallocate 5% from Bonds to Equities (Buy the Dip).",
+    explanation: "During a drop of 10% or more, high-quality stocks go 'on sale'. We automatically shift a small portion of your stable bond holdings into equities to capture the eventual recovery. This is a standard, disciplined approach to buy low and sell high without timing the market.",
+    feeImpactDollars: "$2.50 (ETF Bid/Ask Spread)",
+    taxImpact: "None (Done within tax-advantaged accounts if applicable)"
+  },
+  inflation: {
+    trigger: "High Inflation (4%+)",
+    title: "Inflation Protection Shift",
+    advice: "Increase allocation to Value Stocks and International Equities.",
+    explanation: "When inflation runs hot, growth stocks often suffer while value companies (with current cash flows) and international equities can provide better protection. This shift acts as a shield to preserve your real purchasing power.",
+    feeImpactDollars: "$1.20 (Rebalancing Costs)",
+    taxImpact: "Minimal (Loss harvesting applied where possible)"
+  },
+  withdrawal: {
+    trigger: "Major Life Expense",
+    title: "Capital Preservation Mode",
+    advice: "Shift 20% of Equities into Cash Equivalents and Short-Term Bonds.",
+    explanation: "When you have a major life event coming up (like buying a house), you cannot afford short-term market volatility. We lock in your gains by shifting to highly liquid, stable assets so your money is guaranteed to be there when you need it.",
+    feeImpactDollars: "$0.00 (Zero-fee transaction)",
+    taxImpact: "Moderate (Capital gains realized; tax-loss harvesting offset attempted)"
+  }
+};

src/data/tickerMetrics.js

@@ -0,0 +1,18 @@
+export const tickerMetrics = {
+  'SPY': { divYield: 1.32, beta: 1.00, expenseRatio: 0.09, peRatio: 26.5 },
+  'VOO': { divYield: 1.34, beta: 1.00, expenseRatio: 0.03, peRatio: 26.5 },
+  'BND': { divYield: 3.25, beta: 0.12, expenseRatio: 0.03, peRatio: 0 },
+  'BNDX': { divYield: 2.50, beta: 0.15, expenseRatio: 0.07, peRatio: 0 },
+  'AAPL': { divYield: 0.48, beta: 1.24, expenseRatio: 0, peRatio: 31.2 },
+  'MSFT': { divYield: 0.70, beta: 0.90, expenseRatio: 0, peRatio: 35.5 },
+  'GOOGL': { divYield: 0, beta: 1.05, expenseRatio: 0, peRatio: 28.2 },
+  'AMZN': { divYield: 0, beta: 1.15, expenseRatio: 0, peRatio: 42.1 },
+  'JNJ': { divYield: 3.00, beta: 0.55, expenseRatio: 0, peRatio: 18.5 },
+  'BRK-B': { divYield: 0, beta: 0.85, expenseRatio: 0, peRatio: 22.4 },
+  'JPM': { divYield: 2.30, beta: 1.10, expenseRatio: 0, peRatio: 12.5 },
+  'VXUS': { divYield: 3.12, beta: 1.05, expenseRatio: 0.07, peRatio: 15.4 },
+  'TSLA': { divYield: 0, beta: 2.31, expenseRatio: 0, peRatio: 72.8 },
+  'QQQ': { divYield: 0.61, beta: 1.18, expenseRatio: 0.20, peRatio: 35.1 },
+  'VTI': { divYield: 1.35, beta: 1.00, expenseRatio: 0.03, peRatio: 25.8 },
+  'CASH': { divYield: 4.50, beta: 0, expenseRatio: 0, peRatio: 0 },
+};

src/index.css

@@ -0,0 +1,21 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Outfit:wght@100..900&display=swap');
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  body {
+    @apply bg-gs-light text-gs-navy font-sans antialiased;
+    font-feature-settings: "cv02", "cv03", "cv04", "cv11";
+  }
+
+  h1, h2, h3, h4, h5, h6 {
+    font-family: 'Outfit', sans-serif;
+  }
+}
+
+/* Custom styles for animations or specific components if needed */
+.glass-panel {
+  @apply bg-white/80 backdrop-blur-md border border-white/20 shadow-xl rounded-2xl;
+}

src/main.jsx

@@ -0,0 +1,10 @@
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import './index.css'
+import App from './App.jsx'
+
+createRoot(document.getElementById('root')).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+)

src/pages/Dashboard.jsx

@@ -0,0 +1,410 @@
+import React, { useState, useMemo, useEffect } from 'react';
+import { fetchRealData } from '../data/historicalData';
+import { mockPortfolios } from '../data/mockData';
+import { tickerMetrics } from '../data/tickerMetrics';
+import { PieChart, Pie, Cell, ResponsiveContainer, Tooltip } from 'recharts';
+import Indicators from '../components/Indicators';
+import FeeTransparencyModule from '../components/FeeTransparencyModule';
+import RebalancingEngine from '../components/RebalancingEngine';
+import TransparencyModal from '../components/TransparencyModal';
+import MacroTracker from '../components/MacroTracker';
+import StockPopup from '../components/StockPopup';
+import PortfolioHeatmap from '../components/PortfolioHeatmap';
+import FinancialCalculators from '../components/FinancialCalculators';
+import { LayoutGrid, Plus } from 'lucide-react';
+import { AnimatePresence } from 'framer-motion';
+import StockSearch from '../components/StockSearch';
+
+export default function Dashboard({ riskProfile }) {
+  // Initialize with a cached portfolio if available, otherwise an empty one
+  const [currentPortfolio, setCurrentPortfolio] = useState(() => {
+    const saved = localStorage.getItem('gs_portfolio');
+    if (saved) {
+      try {
+        return JSON.parse(saved);
+      } catch (e) {
+        console.error("Error loading saved portfolio:", e);
+      }
+    }
+    return {
+      ...mockPortfolios[riskProfile],
+      allocation: []
+    };
+  });
+
+  // Save to cache whenever portfolio changes
+  useEffect(() => {
+    localStorage.setItem('gs_portfolio', JSON.stringify(currentPortfolio));
+  }, [currentPortfolio]);
+  const [modalData, setModalData] = useState(null);
+  
+  // State for popups
+  const [activePopupAsset, setActivePopupAsset] = useState(null);
+  const [showHeatmap, setShowHeatmap] = useState(false);
+  const [isSearchOpen, setIsSearchOpen] = useState(false);
+  const [totals, setTotals] = useState({ value: 0, change: 0, percent: 0, rawValue: 0, loading: true });
+  const [prices, setPrices] = useState({});
+
+  // Dynamic Calculation of Health, Risk, and Weights based on real metrics
+  const displayPortfolio = useMemo(() => {
+    let totalBeta = 0;
+    let totalExpense = 0;
+    const numAssets = currentPortfolio.allocation.length;
+    
+    // Calculate current market total
+    let marketTotal = 0;
+    currentPortfolio.allocation.forEach(asset => {
+      const priceData = prices[asset.ticker] || { price: 0 };
+      marketTotal += asset.shares * priceData.price;
+    });
+
+    const updatedAllocation = currentPortfolio.allocation.map(asset => {
+      const priceData = prices[asset.ticker] || { price: 0, percent: 0 };
+      const marketVal = asset.shares * priceData.price;
+      const weight = marketTotal > 0 ? (marketVal / marketTotal) * 100 : 0;
+      
+      const metrics = tickerMetrics[asset.ticker] || { beta: 1, expenseRatio: 0.1 };
+      totalBeta += (metrics.beta || 1) * (weight / 100);
+      totalExpense += (metrics.expenseRatio || 0.1) * (weight / 100);
+
+      return {
+        ...asset,
+        value: Number(weight.toFixed(2)),
+        dayChange: priceData.percent,
+        dollarChange: priceData.change
+      };
+    });
+
+    if (numAssets === 0) {
+      return { 
+        ...currentPortfolio,
+        healthScore: 0, 
+        riskLevel: 'None', 
+        avgBeta: '0.00',
+        stockSplit: 0,
+        mfSplit: 0
+      };
+    }
+
+    // Determine Risk Level
+    let riskLevel = 'Medium';
+    if (totalBeta < 0.6) riskLevel = 'Low';
+    else if (totalBeta > 1.2) riskLevel = 'High';
+
+    // Determine Health Score (Base 100)
+    let healthScore = 100;
+    healthScore -= Math.min(totalExpense * 100 * 2, 20);
+    if (numAssets >= 5) healthScore += 5;
+    
+    const profileMap = { 'Cautious': 'Low', 'Balanced': 'Medium', 'Bold': 'High' };
+    if (riskLevel !== profileMap[riskProfile]) healthScore -= 15;
+    healthScore = Math.min(Math.max(Math.round(healthScore), 0), 100);
+
+    // Calculate Asset Type Split
+    let stockWeight = 0;
+    let mfWeight = 0;
+    updatedAllocation.forEach(asset => {
+      if (asset.type === 'mf') mfWeight += asset.value;
+      else stockWeight += asset.value;
+    });
+
+    return { 
+      ...currentPortfolio,
+      allocation: updatedAllocation,
+      healthScore, 
+      riskLevel, 
+      avgBeta: totalBeta.toFixed(2),
+      stockSplit: stockWeight,
+      mfSplit: mfWeight
+    };
+  }, [currentPortfolio, riskProfile, prices]);
+
+  const handleRebalance = (scenario) => {
+    setModalData(scenario);
+  };
+
+  const closeModal = () => setModalData(null);
+  const closeStockPopup = () => setActivePopupAsset(null);
+
+  const handleAddStock = (newAsset) => {
+    setCurrentPortfolio(prev => {
+      // If portfolio is empty, the first stock gets 100% allocation
+      if (prev.allocation.length === 0) {
+        return {
+          ...prev,
+          allocation: [{ ...newAsset, value: 100 }]
+        };
+      }
+
+      const scale = (100 - newAsset.value) / 100;
+      const updatedExisting = prev.allocation.map(a => ({
+        ...a,
+        value: Number((a.value * scale).toFixed(2))
+      }));
+      
+      // Ensure sum is exactly 100
+      const currentSum = updatedExisting.reduce((acc, a) => acc + a.value, 0) + newAsset.value;
+      if (currentSum !== 100 && updatedExisting.length > 0) {
+        updatedExisting[0].value += Number((100 - currentSum).toFixed(2));
+      }
+
+      return {
+        ...prev,
+        allocation: [...updatedExisting, newAsset]
+      };
+    });
+  };
+
+  useEffect(() => {
+    async function calculateTotals() {
+      if (currentPortfolio.allocation.length === 0) {
+        setTotals({ value: '$0.00', change: '$0.00', percent: '0.00', isPositive: true, loading: false });
+        return;
+      }
+      
+      setTotals(prev => ({ ...prev, loading: true }));
+      
+      const pricePromises = currentPortfolio.allocation.map(asset => fetchRealData(asset.ticker));
+      const results = await Promise.all(pricePromises);
+      
+      let newTotalValue = 0;
+      let newTotalChange = 0;
+      const priceMap = {};
+      
+      results.forEach((data, index) => {
+        const ticker = currentPortfolio.allocation[index].ticker;
+        priceMap[ticker] = {
+          price: data.currentPrice,
+          change: data.change,
+          percent: (data.change / (data.currentPrice - data.change)) * 100
+        };
+        newTotalValue += currentPortfolio.allocation[index].shares * data.currentPrice;
+        newTotalChange += (currentPortfolio.allocation[index].shares * data.change);
+      });
+
+      setPrices(priceMap);
+
+      const percent = newTotalValue > 0 ? (newTotalChange / (newTotalValue - newTotalChange)) * 100 : 0;
+
+      // Update totals
+      setTotals({
+        value: newTotalValue.toLocaleString('en-US', { style: 'currency', currency: 'USD' }),
+        change: newTotalChange.toLocaleString('en-US', { style: 'currency', currency: 'USD' }),
+        percent: percent.toFixed(2),
+        rawValue: newTotalValue,
+        isPositive: newTotalChange >= 0,
+        loading: false
+      });
+    }
+    calculateTotals();
+  }, [JSON.stringify(currentPortfolio.allocation.map(a => `${a.ticker}-${a.shares}`))]); // Only watch ticker/shares, not the derived weights changes
+
+  return (
+    <div className="min-h-screen bg-gs-light p-6 md:p-12 relative">
+      <div className="max-w-7xl mx-auto">
+        <header className="mb-10 flex flex-col md:flex-row justify-between items-start md:items-end gap-6">
+          <div>
+            <h1 className="text-3xl md:text-4xl font-light text-gs-navy mb-2">
+              Your <span className="font-semibold">{riskProfile}</span> Portfolio
+            </h1>
+            <p className="text-gs-slate text-lg font-light">
+              Built for your goals. Transparently managed.
+            </p>
+          </div>
+          
+          <div className="bg-white px-8 py-4 rounded-2xl border border-gray-100 shadow-sm flex items-center gap-8 min-w-[320px]">
+            <div>
+              <p className="text-[10px] font-bold text-gs-slate uppercase tracking-widest mb-1">Total Value</p>
+              {totals.loading ? (
+                <div className="h-8 w-24 bg-gray-100 animate-pulse rounded"></div>
+              ) : (
+                <p className="text-2xl font-bold text-gs-navy">{totals.value}</p>
+              )}
+            </div>
+            <div className="h-10 w-px bg-gray-100"></div>
+            <div>
+              <p className="text-[10px] font-bold text-gs-slate uppercase tracking-widest mb-1">Day Change</p>
+              {totals.loading ? (
+                <div className="h-8 w-24 bg-gray-100 animate-pulse rounded"></div>
+              ) : (
+                <p className={`text-lg font-bold ${totals.isPositive ? 'text-green-600' : 'text-red-500'}`}>
+                  {totals.isPositive ? '+' : ''}{totals.change}
+                  <span className="text-xs ml-1 font-medium">({totals.isPositive ? '+' : ''}{totals.percent}%)</span>
+                </p>
+              )}
+            </div>
+          </div>
+        </header>
+
+        {/* Top Section: Allocation */}
+        <div className="bg-white rounded-2xl p-8 shadow-sm border border-gray-100 flex flex-col md:flex-row items-center mb-8">
+          <div className="w-full md:w-1/2 h-64">
+            <ResponsiveContainer width="100%" height="100%">
+              <PieChart>
+                <Pie
+                  data={displayPortfolio.allocation}
+                  cx="50%"
+                  cy="50%"
+                  innerRadius={80}
+                  outerRadius={110}
+                  paddingAngle={2}
+                  dataKey="value"
+                  nameKey="name"
+                  stroke="none"
+                >
+                  {displayPortfolio.allocation.map((entry, index) => (
+                    <Cell key={`cell-${index}`} fill={entry.color} />
+                  ))}
+                </Pie>
+                <Tooltip 
+                  formatter={(value, name) => [`${value}%`, name]}
+                  contentStyle={{ borderRadius: '12px', border: 'none', boxShadow: '0 10px 15px -3px rgba(0, 0, 0, 0.1)' }}
+                />
+              </PieChart>
+            </ResponsiveContainer>
+          </div>
+          <div className="w-full md:w-1/2 space-y-4">
+            <div className="flex justify-between items-center mb-4">
+              <h3 className="text-xl font-medium text-gs-navy">Current Allocation</h3>
+              <div className="flex gap-2">
+                <button 
+                  onClick={() => setIsSearchOpen(true)}
+                  className="bg-gs-navy text-white p-1.5 rounded-lg hover:bg-gs-gold hover:text-gs-navy transition-all shadow-sm"
+                  title="Add Asset"
+                >
+                  <Plus size={18} />
+                </button>
+                <button 
+                  onClick={() => setShowHeatmap(true)}
+                  className="text-gs-slate hover:text-gs-gold transition-colors p-1"
+                  title="View Heatmap"
+                >
+                  <LayoutGrid size={18} />
+                </button>
+              </div>
+            </div>
+            
+            {/* Asset Type Split Indicator */}
+            <div className="mb-6 bg-gs-light/30 p-4 rounded-xl border border-gray-100">
+              <div className="flex justify-between text-[10px] font-bold text-gs-slate uppercase tracking-widest mb-2">
+                <span>Stocks ({displayPortfolio.stockSplit.toFixed(2)}%)</span>
+                <span>Mutual Funds ({displayPortfolio.mfSplit.toFixed(2)}%)</span>
+              </div>
+              <div className="h-2 w-full bg-gray-200 rounded-full overflow-hidden flex">
+                <div 
+                  className="h-full bg-gs-navy transition-all duration-1000" 
+                  style={{ width: `${displayPortfolio.stockSplit}%` }}
+                ></div>
+                <div 
+                  className="h-full bg-gs-gold transition-all duration-1000" 
+                  style={{ width: `${displayPortfolio.mfSplit}%` }}
+                ></div>
+              </div>
+            </div>
+
+            <p className="text-xs text-gs-slate mb-3 italic">Click an asset to view historical performance and AI analysis.</p>
+            <div className="max-h-60 overflow-y-auto pr-2">
+              {displayPortfolio.allocation.length > 0 ? (
+                displayPortfolio.allocation.map((asset, idx) => (
+                  <button 
+                    key={idx} 
+                    onClick={() => {
+                      if (asset.ticker) {
+                        setActivePopupAsset({ ticker: asset.ticker, name: asset.name });
+                      }
+                    }}
+                    className="w-full text-left flex justify-between items-center p-3 rounded-lg transition-colors mb-2 bg-gs-light/50 hover:bg-gray-100 hover:shadow-sm border border-transparent hover:border-gray-200 group"
+                  >
+                    <div className="flex items-center justify-between w-full">
+                      <div className="flex items-center">
+                        <div className="w-4 h-4 rounded-full mr-3 shadow-sm" style={{ backgroundColor: asset.color }}></div>
+                        <div className="flex flex-col items-start">
+                          <span className="text-gs-slate font-medium text-sm group-hover:text-gs-navy transition-colors">{asset.name}</span>
+                          <div className="flex items-center gap-2 mt-0.5">
+                            <span className="text-[10px] text-gray-400 font-medium">{asset.shares} shares</span>
+                            {asset.dayChange !== undefined && (
+                              <span className={`text-[10px] font-bold ${asset.dayChange >= 0 ? 'text-green-600' : 'text-red-500'}`}>
+                                {asset.dayChange >= 0 ? '+' : ''}${Math.abs(asset.dollarChange || 0).toFixed(2)} ({asset.dayChange >= 0 ? '▲' : '▼'} {Math.abs(asset.dayChange).toFixed(2)}%)
+                              </span>
+                            )}
+                          </div>
+                        </div>
+                      </div>
+                      <span className="font-bold text-gs-navy text-sm ml-4">{asset.value.toFixed(2)}%</span>
+                    </div>
+                  </button>
+                ))
+              ) : (
+                <div className="text-center py-12 bg-gs-light/20 rounded-2xl border-2 border-dashed border-gray-200">
+                  <p className="text-gs-slate text-sm font-light mb-6 italic">Your portfolio is currently empty.</p>
+                  <button 
+                    onClick={() => setIsSearchOpen(true)}
+                    className="inline-flex items-center gap-2 px-8 py-3 bg-gs-navy text-white rounded-xl hover:bg-gs-gold hover:text-gs-navy transition-all shadow-lg font-bold"
+                  >
+                    <Plus size={18} />
+                    Build Your Portfolio
+                  </button>
+                </div>
+              )}
+            </div>
+          </div>
+        </div>
+
+        {/* Investment & Retirement Planning Section */}
+        <FinancialCalculators />
+
+        <div className="grid grid-cols-1 lg:grid-cols-3 gap-8 mt-8">
+          {/* Left Column: Indicators */}
+          <div className="lg:col-span-2 space-y-8">
+            <Indicators portfolio={displayPortfolio} />
+            <FeeTransparencyModule portfolio={displayPortfolio} />
+          </div>
+
+          {/* Right Column: Rebalancing Engine */}
+          <div className="space-y-8">
+            <RebalancingEngine onScenarioSelect={handleRebalance} />
+          </div>
+        </div>
+
+        {/* Bottom Section: MacroTracker */}
+        <MacroTracker />
+      </div>
+
+      <TransparencyModal 
+        isOpen={!!modalData} 
+        onClose={closeModal} 
+        data={modalData} 
+        currentPortfolio={displayPortfolio}
+        totalValue={totals.rawValue}
+        prices={prices}
+      />
+      
+      <StockPopup 
+        ticker={activePopupAsset?.ticker} 
+        assetName={activePopupAsset?.name} 
+        onClose={closeStockPopup} 
+      />
+      
+      <AnimatePresence>
+        {showHeatmap && (
+          <PortfolioHeatmap 
+            onClose={() => setShowHeatmap(false)} 
+            allocation={displayPortfolio.allocation} 
+          />
+        )}
+      </AnimatePresence>
+
+      <AnimatePresence>
+        {isSearchOpen && (
+          <StockSearch 
+            isOpen={isSearchOpen} 
+            onClose={() => setIsSearchOpen(false)} 
+            onAddStock={handleAddStock} 
+            currentPortfolio={displayPortfolio}
+            totalValue={totals.value}
+          />
+        )}
+      </AnimatePresence>
+    </div>
+  );
+}

src/pages/LandingPage.jsx

@@ -0,0 +1,116 @@
+import React, { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { motion, AnimatePresence } from 'framer-motion';
+import { ShieldCheck, TrendingUp, Zap } from 'lucide-react';
+
+const questions = [
+  {
+    id: 1,
+    text: "What are you saving for?",
+    options: [
+      { label: "A major purchase soon (house, car)", score: 1 },
+      { label: "General wealth building", score: 2 },
+      { label: "Retirement (20+ years away)", score: 3 }
+    ]
+  },
+  {
+    id: 2,
+    text: "How do you feel about sudden market drops?",
+    options: [
+      { label: "I'd panic and want to sell", score: 1 },
+      { label: "I'd be concerned but hold on", score: 2 },
+      { label: "I'd see it as a buying opportunity", score: 3 }
+    ]
+  },
+  {
+    id: 3,
+    text: "What is your primary investment goal?",
+    options: [
+      { label: "Protect my money from losing value", score: 1 },
+      { label: "Steady, moderate growth over time", score: 2 },
+      { label: "Maximum growth, regardless of ups and downs", score: 3 }
+    ]
+  }
+];
+
+export default function LandingPage({ setRiskProfile }) {
+  const [currentStep, setCurrentStep] = useState(0);
+  const [totalScore, setTotalScore] = useState(0);
+  const navigate = useNavigate();
+
+  const handleOptionSelect = (score) => {
+    setTotalScore(prev => prev + score);
+    if (currentStep < questions.length - 1) {
+      setCurrentStep(prev => prev + 1);
+    } else {
+      determineProfile(totalScore + score);
+    }
+  };
+
+  const determineProfile = (finalScore) => {
+    let profile = 'Balanced';
+    if (finalScore <= 4) profile = 'Cautious';
+    if (finalScore >= 8) profile = 'Bold';
+    
+    setRiskProfile(profile);
+    navigate('/dashboard');
+  };
+
+  return (
+    <div className="min-h-screen bg-gs-navy flex flex-col items-center justify-center p-6 relative overflow-hidden">
+      {/* Decorative background elements */}
+      <div className="absolute top-[-10%] left-[-10%] w-[40%] h-[40%] bg-gs-gold/20 rounded-full blur-[120px]"></div>
+      <div className="absolute bottom-[-10%] right-[-10%] w-[50%] h-[50%] bg-blue-500/10 rounded-full blur-[150px]"></div>
+
+      <div className="z-10 text-center mb-12">
+        <h1 className="text-4xl md:text-5xl font-light text-white mb-4 tracking-tight">
+          Wealth management, <span className="text-gs-gold font-normal">simplified.</span>
+        </h1>
+        <p className="text-gs-light/70 text-lg md:text-xl max-w-xl mx-auto font-light">
+          No jargon. No hidden fees. Just clear strategies tailored to your goals. Let's find out what kind of investor you are.
+        </p>
+      </div>
+
+      <div className="z-10 w-full max-w-2xl bg-white/10 backdrop-blur-xl border border-white/20 rounded-3xl shadow-2xl p-8 md:p-12">
+        <div className="flex justify-between mb-8">
+          {questions.map((q, idx) => (
+            <div key={q.id} className="flex-1 flex items-center">
+              <div className={`h-2 w-full rounded-full transition-all duration-500 ${idx <= currentStep ? 'bg-gs-gold' : 'bg-white/20'}`}></div>
+              {idx < questions.length - 1 && <div className="w-4"></div>}
+            </div>
+          ))}
+        </div>
+
+        <AnimatePresence mode="wait">
+          <motion.div
+            key={currentStep}
+            initial={{ opacity: 0, x: 20 }}
+            animate={{ opacity: 1, x: 0 }}
+            exit={{ opacity: 0, x: -20 }}
+            transition={{ duration: 0.3 }}
+          >
+            <h2 className="text-2xl text-white font-medium mb-6 text-center">
+              {questions[currentStep].text}
+            </h2>
+            <div className="space-y-4">
+              {questions[currentStep].options.map((option, idx) => (
+                <button
+                  key={idx}
+                  onClick={() => handleOptionSelect(option.score)}
+                  className="w-full text-left px-6 py-4 rounded-xl bg-white/5 border border-white/10 hover:bg-gs-gold/20 hover:border-gs-gold/50 transition-all duration-300 text-white font-light flex items-center group"
+                >
+                  <div className="w-8 h-8 rounded-full bg-white/10 flex items-center justify-center mr-4 group-hover:bg-gs-gold/30 group-hover:text-gs-gold transition-colors">
+                    {idx === 0 && <ShieldCheck size={18} />}
+                    {idx === 1 && <TrendingUp size={18} />}
+                    {idx === 2 && <Zap size={18} />}
+                  </div>
+                  {option.label}
+                </button>
+              ))}
+            </div>
+          </motion.div>
+        </AnimatePresence>
+      </div>
+    </div>
+  );
+}

tailwind.config.js

@@ -0,0 +1,21 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./index.html",
+    "./src/**/*.{js,ts,jsx,tsx}",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        'gs-navy': '#0B233F',
+        'gs-slate': '#2C3E50',
+        'gs-gold': '#C5A880',
+        'gs-light': '#F8F9FA',
+      },
+      fontFamily: {
+        sans: ['Inter', 'sans-serif'],
+      }
+    },
+  },
+  plugins: [],
+}

vite.config.js

@@ -0,0 +1,16 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [react()],
+  server: {
+    proxy: {
+      '/api/yahoo': {
+        target: 'https://query1.finance.yahoo.com',
+        changeOrigin: true,
+        rewrite: (path) => path.replace(/^\/api\/yahoo/, '')
+      }
+    }
+  }
+})