[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":29,"_30":12,"_31":12,"_32":12,"_33":12,"_34":12,"_35":12,"_36":37},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":12},"sharedTextdoc",{"_13":14,"_15":-7,"_16":17,"_18":19,"_20":21,"_22":23,"_24":12,"_25":12},"isAuthenticated",false,"sharedTextdocId","6935f624588c81918ade278235a9294e","versionInt","title","Chat Gpt Wrapped Dashboard React Component","type","code/react","content","import React, { useState } from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\nimport {\n Sparkles,\n Brain,\n Target,\n Activity,\n Compass,\n Search,\n Filter,\n ChevronRight,\n Info,\n BarChart3,\n Zap\n} from \"lucide-react\";\n\nconst StatPill = ({ label, value }) => (\n

\n {label}\n {value}\n

\n);\n\nconst Tag = ({ label }) => (\n \n {label}\n \n);\n\nconst ProgressBar = ({ value }) => (\n

\n \n

\n);\n\nconst Card = ({ title, subtitle, icon, children }) => {\n const Icon = icon;\n return (\n \n

\n \n

\n {title}\n

\n {subtitle && (\n

{subtitle}

\n )}\n

\n ChatGPT Wrapped 2025\n

\n {children}\n \n );\n};\n\nconst TourOverlay = ({ steps, stepIndex, onNext, onSkip }) => {\n const step = steps[stepIndex];\n return (\n \n {step && (\n \n \n

\n \n

\n Quick tour\n

\n {step.title}\n

\n {step.description}\n

\n {steps.map((s, i) => (\n \n ))}\n

\n \n Skip\n \n \n {stepIndex === steps.length - 1\n ? \"Finish\"\n : \"Next\"}\n \n \n

\n Hint Sections roughly line up top to bottom with this tour.\n

\n \n \n )}\n \n );\n};\n\nconst sectionsData = [\n {\n id: \"patterns\",\n title: \"How You Actually Used ChatGPT\",\n subtitle:\n \"Not casual questions. A long arc of building tools, stories, and career moves.\",\n icon: Activity,\n tags: [\"Patterns\", \"Usage\", \"Workflow\"],\n stats: [\n { label: \"Build and systems\", value: \"45\" },\n { label: \"Writing and comms\", value: \"25\" },\n { label: \"Strategy and career\", value: \"20\" },\n { label: \"Reflection\", value: \"10\" }\n ],\n bars: [\n {\n label: \"Deep work sessions\",\n value: 90,\n note: \"You often stay in one project for many turns in a row.\"\n },\n {\n label: \"System design focus\",\n value: 95,\n note: \"GrantRail, Inputs, MicroSignal, MicroOps, MicroOps, PolicyPulse.\"\n },\n {\n label: \"One off questions\",\n value: 15,\n note: \"You almost never treat ChatGPT like a search box.\"\n }\n ],\n highlights: [\n \"Turned vague ideas into named tools like GrantRail, MicroSignal, MicroOps, and PolicyPulse.\",\n \"Pushed Airtable and Omni further than most users, using AI agents as teammates.\",\n \"Used ChatGPT to think through salary, roles, and housing, not just technical steps.\",\n \"Returned to adoption, relationships, and holidays with the same depth you bring to policy.\"\n ]\n },\n {\n id: \"superpowers\",\n title: \"Signature Superpowers You Showed\",\n subtitle:\n \"A snapshot of the traits that kept repeating across projects and conversations.\",\n icon: Brain,\n tags: [\"Superpowers\", \"Strengths\", \"Identity\"],\n abilities: [\n {\n name: \"Polymath Pattern Linking\",\n score: 96,\n description:\n \"You fuse education policy, philanthropic finance, AI agents, and Airtable design into single projects.\",\n tags: [\"Cross domain\", \"Synthesis\", \"GrantRail core\"]\n },\n {\n name: \"Quiet Architect Energy\",\n score: 93,\n description:\n \"You build dense systems under the surface, then reveal them when they are already impressive.\",\n tags: [\"Behind the scenes\", \"System builder\"]\n },\n {\n name: \"System Synthesizer\",\n score: 95,\n description:\n \"You turn loose ideas into tables, dashboards, agents, formulas, and step by step instructions.\",\n tags: [\"Airtable\", \"Product thinking\"]\n },\n {\n name: \"Relationship Aware Strategist\",\n score: 90,\n description:\n \"You think about how founders, funders, students, and friends will feel your systems, not just use them.\",\n tags: [\"People centered\", \"Field work\"]\n },\n {\n name: \"Relentless Builder\",\n score: 97,\n description:\n \"You keep showing up across months and use ChatGPT as an ongoing lab, not a one time experiment.\",\n tags: [\"Consistency\", \"Long horizon\"]\n }\n ]\n },\n {\n id: \"highlights\",\n title: \"2025 Highlight Reel\",\n subtitle:\n \"Your year looked less like a to do list and more like a portfolio build.\",\n icon: BarChart3,\n tags: [\"Milestones\", \"Timeline\", \"Leverage\"],\n events: [\n {\n label: \"GrantRail V1 to Inputs Stack\",\n leverage: 96,\n description:\n \"You took GrantRail from concept to a network of tools Inputs, MicroSignal, MicroOps, PolicyPulse all sharing a logic and language.\"\n },\n {\n label: \"FEE and Stand Together Work\",\n leverage: 90,\n description:\n \"You wrote a white paper on homeschooling, built Canva and podcast systems, and started thinking like a portfolio manager for K to 12.\"\n },\n {\n label: \"VC Style Metrics for Education\",\n leverage: 94,\n description:\n \"You wired TVPI, valuation, IRR style logic into philanthropy dashboards, treating grants like impact portfolios.\"\n },\n {\n label: \"LinkedIn Network Jump\",\n leverage: 88,\n description:\n \"You went from a small network to 450 plus connections in serious policy, AI, and philanthropy circles and paid attention to every signal.\"\n },\n {\n label: \"Identity Work and Life Moves\",\n leverage: 92,\n description:\n \"You dug into adoption, polymath language, quiet architect framing, and started planning a real break from the mice apartment.\"\n }\n ]\n },\n {\n id: \"trends\",\n title: \"Trends And What To Double Down On\",\n subtitle:\n \"Where your energy is already flowing and how to lean into it on purpose.\",\n icon: Compass,\n tags: [\"Trends\", \"Recommendations\", \"Next steps\"],\n trends: [\n {\n label: \"Portfolio style education capital thinking\",\n momentum: 95,\n suggestion:\n \"Keep describing grants and microschools with VC language it makes you legible to funders who think in portfolios.\"\n },\n {\n label: \"AI as a layer on top of Airtable\",\n momentum: 93,\n suggestion:\n \"Treat Omni and Claude agents as field staff inside GrantRail not as outside tools.\"\n },\n {\n label: \"Naming and pricing your value\",\n momentum: 90,\n suggestion:\n \"Continue to set your own salary and role constraints first, then evaluate offers against them.\"\n },\n {\n label: \"IP thinking on prompts and systems\",\n momentum: 92,\n suggestion:\n \"Tag and name your best prompts, agent patterns, and dashboards as reusable assets in a small internal catalog.\"\n }\n ],\n recommendations: [\n {\n label: \"Formalize IP\",\n description:\n \"Create a simple Airtable or doc that lists named assets GrantRail, Inputs, MicroSignal, MicroOps, PolicyPulse, core prompts with use cases and examples.\"\n },\n {\n label: \"Shape a clear offer\",\n description:\n \"Define one or two ways someone can plug you in example portfolio architect for K to 12 funds with a rough scope and outcome.\"\n },\n {\n label: \"Protect deep work blocks\",\n description:\n \"Your best strides came from multi day focus on a single system treat those blocks as non negotiable calendar objects.\"\n },\n {\n label: \"Add a weekly reflection loop\",\n description:\n \"Use ChatGPT once a week to zoom out on what you shipped, what signals you saw, and what to adjust.\"\n }\n ]\n },\n {\n id: \"predictions\",\n title: \"Predictions For Your 2026\",\n subtitle:\n \"Not guarantees. Just where the curve is already pointing if you keep going.\",\n icon: Target,\n tags: [\"Future\", \"Predictions\", \"North star\"],\n predictions: [\n {\n label:\n \"Land or formalize a 120k plus role or funding built around GrantRail style work.\",\n confidence: 88,\n move:\n \"Package your current work as a clear portfolio manager style role with case examples ready to show.\"\n },\n {\n label:\n \"Have at least one Input tool in use by real microschool or funder teams.\",\n confidence: 84,\n move:\n \"Pick one Input as the flagship pilot and mature it to demo readiness with two or three concrete workflows.\"\n },\n {\n label:\n \"Become known as an Airtable AI grant systems person in at least one niche.\",\n confidence: 90,\n move:\n \"Share one or two short public breakdowns Loom or post of your best dashboards and agents with clear takeaways.\"\n },\n {\n label:\n \"Publish a public piece on education capital stacks that people cite or send around.\",\n confidence: 81,\n move:\n \"Draft a tight, concrete piece that walks through how GrantRail and Inputs reframe K to 12 funding decisions.\"\n },\n {\n label:\n \"Ship an Education Machine style artifact that ties your story to the system you want to change.\",\n confidence: 79,\n move:\n \"Combine your hallway and adoption imagery with a simple product diagram of the system you are trying to build.\"\n }\n ]\n }\n];\n\nconst tourSteps = [\n {\n id: \"hero\",\n title: \"Start at the hero block\",\n description:\n \"Read the top summary to see how your year with ChatGPT looks in one glance.\"\n },\n {\n id: \"patterns\",\n title: \"Check the usage patterns\",\n description:\n \"See how much of your chat time went into building systems, writing, strategy, and reflection.\"\n },\n {\n id: \"superpowers\",\n title: \"Look at your superpowers\",\n description:\n \"These ability scores mirror what kept repeating in your projects and questions.\"\n },\n {\n id: \"highlights\",\n title: \"Scan the highlight reel\",\n description:\n \"Your main 2025 arcs show up as portfolio style events with leverage scores.\"\n },\n {\n id: \"future\",\n title: \"End on trends and predictions\",\n description:\n \"Use the trend suggestions and 2026 predictions to decide what to double down on next.\"\n }\n];\n\nconst ChatGPTWrappedDashboard = () => {\n const [search, setSearch] = useState(\"\");\n const [activeFilter, setActiveFilter] = useState(\"All\");\n const [tourIndex, setTourIndex] = useState(0);\n const [tourVisible, setTourVisible] = useState(true);\n\n const filters = [\"All\", \"Patterns\", \"Superpowers\", \"Milestones\", \"Future\"];\n\n const filteredSections = sectionsData.filter((section) => {\n const matchesSearch =\n section.title.toLowerCase().includes(search.toLowerCase()) ||\n (section.subtitle || \"\").toLowerCase().includes(search.toLowerCase());\n if (!matchesSearch) return false;\n\n if (activeFilter === \"All\") return true;\n if (activeFilter === \"Patterns\") return section.id === \"patterns\";\n if (activeFilter === \"Superpowers\")\n return section.id === \"superpowers\";\n if (activeFilter === \"Milestones\")\n return section.id === \"highlights\";\n if (activeFilter === \"Future\")\n return section.id === \"trends\" || section.id === \"predictions\";\n return true;\n });\n\n const handleNextTour = () => {\n if (tourIndex >= tourSteps.length - 1) {\n setTourVisible(false);\n } else {\n setTourIndex((i) => i + 1);\n }\n };\n\n const handleSkipTour = () => {\n setTourVisible(false);\n };\n\n return (\n

\n \n

\n \n \n ChatGPT Wrapped 2025\n \n

\n Sergio’s Polymath Architect Board\n

\n Your year with ChatGPT was not casual. It was a full stack\n build of tools, career moves, and a clear story about you as\n a quiet architect for education and capital stacks.\n

\n \n \n \n

\n \n \n This board is inferred from your chats and memory, not from\n any external data.\n \n

\n \n setSearch(e.target.value)}\n placeholder=\"Search sections or ideas in your Wrapped\"\n className=\"bg-transparent text-xs text-slate-100 placeholder:text-slate-500 focus:outline-none w-full\"\n />\n

\n \n Filter by theme\n

\n {filters.map((f) => (\n setActiveFilter(f)}\n className={`inline-flex items-center rounded-full border px-2.5 py-1 text-[11px] ${\n activeFilter === f\n ? \"border-indigo-400 bg-indigo-500/20 text-indigo-100\"\n : \"border-slate-700 bg-slate-900/70 text-slate-300 hover:border-slate-500\"\n }`}\n >\n {f}\n \n ))}\n

\n \n\n

\n {filteredSections.map((section) => {\n if (section.id === \"patterns\") {\n return (\n \n

\n {section.tags.map((t) => (\n \n ))}\n

\n {section.stats.map((s) => (\n \n

\n {s.label}\n

\n {s.value}\n {s.label.includes(\"Percent\") ? \"%\" : \"\"}\n

\n ))}\n

\n {section.bars.map((b) => (\n

\n {b.label}\n

\n \n {b.value}%\n \n

\n \n

\n {b.note}\n

\n ))}\n

\n Wrapped summary\n

\n \n {h}\n

\n \n );\n }\n\n if (section.id === \"superpowers\") {\n return (\n \n

\n {section.tags.map((t) => (\n \n ))}\n

\n {section.abilities.map((a) => (\n \n

\n {a.name}\n

\n \n {a.score} / 100\n \n

\n \n

\n {a.description}\n

\n {a.tags.map((t) => (\n \n ))}\n

\n ))}\n

\n \n );\n }\n\n if (section.id === \"highlights\") {\n return (\n \n

\n {section.tags.map((t) => (\n \n ))}\n

\n {section.events.map((e) => (\n \n

\n {e.label}\n

\n \n Leverage {e.leverage}%\n \n

\n \n

\n {e.description}\n

\n ))}\n \n \n );\n }\n\n if (section.id === \"trends\") {\n return (\n \n

\n {section.tags.map((t) => (\n \n ))}\n

\n {section.trends.map((t) => (\n \n

\n {t.label}\n

\n \n Momentum {t.momentum}%\n \n

\n \n

\n {t.suggestion}\n

\n ))}\n \n

\n Practical suggestions\n

\n \n \n {r.label} \n {r.description}\n \n

\n \n );\n }\n\n if (section.id === \"predictions\") {\n return (\n \n

\n {section.tags.map((t) => (\n \n ))}\n

\n {section.predictions.map((p) => (\n \n

\n {p.label}\n

\n \n Confidence {p.confidence}%\n \n

\n \n

\n Next move {p.move}\n

\n ))}\n \n \n );\n }\n\n return null;\n })}\n \n \n\n {tourVisible && (\n \n )}\n \n );\n};\n\nexport default ChatGPTWrappedDashboard;\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_38":39,"_40":41},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",37],"traceId","9076322816231830295","traceTime",1781164365324]