[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":12,"_29":30,"_31":30,"_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","68bea4689c4881918cf6fc6b4bce8c14","versionInt","title","Shut Up & Ship — Sprint Board","type","code/react","content","import React, { useMemo, useState } from \"react\";\nimport { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\";\nimport { Button } from \"@/components/ui/button\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { Input } from \"@/components/ui/input\";\nimport { Textarea } from \"@/components/ui/textarea\";\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from \"@/components/ui/tabs\";\nimport { Avatar, AvatarFallback, AvatarImage } from \"@/components/ui/avatar\";\nimport { Progress } from \"@/components/ui/progress\";\n\nimport { Checkbox } from \"@/components/ui/checkbox\";\nimport { Label } from \"@/components/ui/label\";\nimport {\n AlarmClock,\n Trophy,\n Rocket,\n Target,\n ShieldAlert,\n Clock,\n ListChecks,\n ChevronRight,\n} from \"lucide-react\";\nimport { AlertTriangle, Loader, Wand2, BellRing } from \"lucide-react\";\n\n/**\n * Shut Up & Ship — Focus Sprint Board\n * -------------------------------------------------------------\n * This single-file page is a ready-to-use, clean board to present:\n * - Struggles\n * - Promises (commitments)\n * - Achievements\n * - Obstacles\n * - Human participant cards (avatar + candid quote)\n *\n * HOW TO USE WITH YOUR NOTION PAGE\n * If you can't (or don't want to) wire an API, paste the content into the\n * `SOURCE_CONTENT` object below. Replace the demo items with your real ones.\n * Each item supports: title, detail, owner, due, tag(s), and progress.\n *\n * ⚠️ Direct Notion fetch isn't included on purpose — this is a static, portable page.\n * You can later replace SOURCE_CONTENT with data loaded from anywhere.\n */\n\n// --- DEMO DATA (replace with your Notion export / content) -----------------\nconst SOURCE_CONTENT = {\n // Straight talk for visitors who keep postponing important work\n hero:\n \"If you're honest: you're not stuck — you're overloaded. This sprint cuts the noise so you can ship one meaningful thing, fast.\",\n\n struggles: [\n {\n title: \"Decision fatigue\",\n detail:\n \"Too many options. Too little clarity. Picking a direction feels riskier than staying busy.\",\n tags: [\"Overwhelm\", \"Clarity\"],\n },\n {\n title: \"Context switching spiral\",\n detail:\n \"Slack, email, family, fires. Your brain is buffering 24/7, so deep work never boots.\",\n tags: [\"Focus\", \"Energy\"],\n },\n {\n title: \"Perfectionism tax\",\n detail:\n \"You aim for flawless and keep shipping nothing. Perfect is the enemy of done.\",\n tags: [\"Mindset\"],\n },\n ],\n\n promises: [\n {\n title: \"Define the one outcome\",\n detail: \"Write a one-sentence ‘done’ that a stranger could verify.\",\n owner: \"Team\",\n due: \"Friday\",\n tags: [\"Clarity\"],\n progress: 30,\n },\n {\n title: \"Ship a rough cut\",\n detail: \"Deliver a testable version, not a masterpiece.\",\n owner: \"You\",\n due: \"Wednesday\",\n tags: [\"Bias to action\"],\n progress: 60,\n },\n {\n title: \"Celebrate evidence of progress, not vibes.\",\n detail: \"Get 3 fast reviews from real users, same week.\",\n owner: \"You\",\n due: \"Sunday\",\n tags: [\"Learning\"],\n progress: 10,\n },\n ],\n\n achievements: [\n {\n title: \"V1 published\",\n detail: \"Landing page live + basic signup working.\",\n tags: [\"Milestone\"],\n owner: \"Mina\",\n },\n {\n title: \"First 10 user tests\",\n detail: \"Recorded calls, pulled 3 clear insights.\",\n tags: [\"Evidence\"],\n owner: \"Aleks\",\n },\n {\n title: \"Grant draft submitted\",\n detail: \"On time, with a concrete impact section.\",\n tags: [\"Funding\"],\n owner: \"Sam\",\n },\n ],\n\n obstacles: [\n {\n title: \"Ambiguous priority\",\n detail: \"Everything looks urgent. Nothing is important.\",\n tags: [\"Prioritization\"],\n },\n {\n title: \"Energy crash\",\n detail: \"Life changes, stress, and poor sleep kill momentum.\",\n tags: [\"Wellbeing\"],\n },\n {\n title: \"Tool sprawl\",\n detail: \"Data scattered across apps makes progress invisible.\",\n tags: [\"Systems\"],\n },\n ],\n\n participants: [\n {\n name: \"Mina Park\",\n role: \"Founder · Edtech\",\n avatar: \"https://i.pravatar.cc/300?img=68\",\n quote:\n \"Starting was the fight. I kept tidying the roadmap to avoid the scary first email to users.\",\n promise: \"Email 15 prospects with a rough demo video.\",\n status: \"in-progress\",\n progress: 55,\n },\n {\n name: \"Diego Santos\",\n role: \"Freelance dev · Data\",\n avatar: \"https://i.pravatar.cc/300?img=12\",\n quote:\n \"Context switching wrecked me. By 6pm I had 20 tabs and zero deep work to show.\",\n promise: \"Ship ETL script v1 and document edge cases.\",\n status: \"blocked\",\n progress: 25,\n },\n {\n name: \"Oksana R.\",\n role: \"Community builder · Public AI\",\n avatar: \"https://i.pravatar.cc/300?img=5\",\n quote:\n \"The hard part was admitting I can’t do it all this week. One outcome, not ten.\",\n promise: \"Draft the partner brief and secure 2 review calls.\",\n status: \"in-progress\",\n progress: 70,\n },\n {\n name: \"Jae Kim\",\n role: \"PhD candidate\",\n avatar: \"https://i.pravatar.cc/300?img=33\",\n quote:\n \"I hid in research. Writing the first ugly paragraph felt like stepping into traffic.\",\n promise: \"Write 500 words daily, submit intro for advisor feedback.\",\n status: \"in-progress\",\n progress: 40,\n },\n {\n name: \"Aisha Malik\",\n role: \"Product manager\",\n avatar: \"https://i.pravatar.cc/300?img=24\",\n quote:\n \"Meetings ate my mornings. Blocking 90 minutes changed everything.\",\n promise: \"Run 5 user interviews and synthesize insights.\",\n status: \"done\",\n progress: 100,\n },\n {\n name: \"Tom Becker\",\n role: \"Designer · Freelance\",\n avatar: \"https://i.pravatar.cc/300?img=57\",\n quote:\n \"I chased ‘aesthetic’. Shipping the draft got me paid.\",\n promise: \"Deliver wireframes for the pricing page.\",\n status: \"in-progress\",\n progress: 65,\n },\n {\n name: \"Sara Nguyen\",\n role: \"Operations lead\",\n avatar: \"https://i.pravatar.cc/300?img=41\",\n quote:\n \"The backlog was a comfort blanket. Picking one brutal priority was the grown-up move.\",\n promise: \"Close onboarding gaps and cut time-to-live by 30%.\",\n status: \"blocked\",\n progress: 15,\n },\n {\n name: \"Leon Idris\",\n role: \"Indie hacker\",\n avatar: \"https://i.pravatar.cc/300?img=9\",\n quote:\n \"FOMO had me ‘researching competitors’ for days. I needed to touch code.\",\n promise: \"Push payments v1 behind a toggle.\",\n status: \"in-progress\",\n progress: 45,\n },\n ],\n};\n\n// --- UI HELPERS ------------------------------------------------------------\nconst StatusPill = ({ status }) => {\n const map = {\n \"in-progress\": \"bg-blue-100 text-blue-700 border-blue-200\",\n blocked: \"bg-amber-100 text-amber-800 border-amber-200\",\n done: \"bg-emerald-100 text-emerald-700 border-emerald-200\",\n };\n return (\n \n {status}\n \n );\n};\n\nconst Pill = ({ children }) => (\n \n {children}\n \n);\n\nconst Section = ({ icon: Icon, title, subtitle, children, action, hideIcon = false }) => (\n \n \n

\n {!hideIcon && Icon ? (

) : null}\n

\n {title}\n {subtitle &&

{subtitle}

}\n

\n {action}\n \n {children}\n \n);\n\nfunction PeopleGrid({ items, query, onlyBlocked, onlyDone }) {\n const filtered = useMemo(() => {\n return items.filter((p) => {\n const q = query.toLowerCase();\n const matchesQ = [p.name, p.role, p.quote, p.promise].join(\" \").toLowerCase().includes(q);\n const statusOk = onlyBlocked ? p.status === \"blocked\" : onlyDone ? p.status === \"done\" : true;\n return matchesQ && statusOk;\n });\n }, [items, query, onlyBlocked, onlyDone]);\n\n if (!filtered.length) {\n return

No people match your filters.

;\n }\n\n return (\n

\n {filtered.map((p, i) => (\n \n \n

\n \n \n {p.name.split(\" \").map((n) => n[0]).slice(0, 2).join(\"\")}\n \n

{p.name}

\n \n

{p.role}

\n\n

\n “{p.quote}”\n

\n\n

\n Sprint promise\n

{p.promise}

\n \n

\n \n \n ))}\n

\n );\n}\n\nconst List = ({ items, participants = [], showMeta = false, showOwnerAvatar = false }) => (\n

\n
\n
\n
{it.title}
\n {it.detail &&
{it.detail}
}\n
\n
\n {(it.tags || []).map((t, j) => (\n {t}\n ))}\n
\n
\n {showMeta && (it.owner || it.due) ? (\n
\n {it.owner && (() => {\n const ownerLower = (it.owner || \"\").toLowerCase();\n const match = participants.find(\n (p) => p.name.toLowerCase().includes(ownerLower) || ownerLower.includes(p.name.toLowerCase())\n );\n const initials = (it.owner || \"\")\n .split(\" \")\n .map((n) => n[0])\n .slice(0, 2)\n .join(\"\")\n .toUpperCase();\n return (\n \n {showOwnerAvatar && (\n \n \n {initials}\n \n )}\n {it.owner}\n \n );\n })()}\n {it.due && ({it.due})}\n
\n ) : null}\n

\n);\n\nexport default function ShutUpAndShipSprintBoard() {\n const [query, setQuery] = useState(\"\");\n const [onlyBlocked, setOnlyBlocked] = useState(false);\n const [onlyDone, setOnlyDone] = useState(false);\n\n // Allow quick editing of demo data in-session (no backend)\n const [content, setContent] = useState(SOURCE_CONTENT);\n\n return (\n

\n {/* NAVBAR */}\n

Shut Up & Ship

Focus Sprint Board

\n \n \n

\n\n {/* HERO */}\n

\n Tired of postponing the important stuff?\n

\n {content.hero}\n

\n \n

\n\n {/* RULES */}\n

\n \n \n \n

• Ruthlessly pick one outcome that moves the needle.

• Ship a rough cut by mid‑week. Iterate, don’t incubate.

• Short on time? Cut the scope to what you can do in 15–20 minutes and ship.

• Celebrate evidence of progress, not vibes.

\n \n \n

\n\n {/* PEOPLE */}\n

\n \n

\n setOnlyBlocked(Boolean(v))} />\n Only blocked\n

\n setOnlyDone(Boolean(v))} />\n Only done\n

\n }\n >\n

\n setQuery(e.target.value)}\n placeholder=\"Search people, promises, struggles…\"\n className=\"border-0 focus-visible:ring-0\"\n />\n \n

\n \n \n

\n\n {/* BOARD */}\n

\n \n \n Struggles\n Pledges\n Achievements\n Obstacles\n \n\n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n \n\n

\n\n {/* FOOTER */}\n \n \n );\n}\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_38":39,"_40":41},"disablePrefetch","shouldPrefetchAccount",true,"shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",37],"traceId","14504566653388301517","traceTime",1781078892527]