[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_23":24,"_25":26,"_27":21,"_28":21,"_29":21,"_30":21,"_31":21,"_32":21,"_33":34},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":-7,"_12":13,"_14":15,"_16":17,"_18":19,"_20":21,"_22":21},"sharedTextdocId","68b3df9777f8819186ff95c80576d25c","versionInt","title","Work Style Decision Tree (fixed & Runnable)","type","code/react","content","import React, { useEffect, useMemo, useState } from \"react\";\nimport {\n ChevronRight,\n Briefcase,\n Star,\n Users,\n Heart,\n Brain,\n Target,\n Globe,\n Zap,\n Shield,\n Palette,\n TrendingUp,\n Clock,\n MessageSquare,\n} from \"lucide-react\";\n\n// Work Style Decision Tree — 10 unique questions, 5 directions, 6-section insights\nexport default function WorkStyleDecisionTree() {\n const MIN_QUESTIONS = 10;\n\n const [currentNode, setCurrentNode] = useState(\"start\");\n const [path, setPath] = useState([]); // [{ node, choiceKey, choiceText }]\n const [responses, setResponses] = useState({});\n\n // ----------------------------\n // Questions\n // ----------------------------\n const decisionTree = {\n start: {\n question: \"下班後想大喊：『這工作真爽！』時，最主要原因會是什麼？\",\n icon: Star,\n options: [\n { text: \"因為我幫到人啦！\", next: \"q2_help\", key: \"motivation\" },\n { text: \"因為我解開了難題！\", next: \"q2_challenge\", key: \"motivation\" },\n { text: \"因為錢進帳囉！\", next: \"q2_money\", key: \"motivation\" },\n { text: \"因為大家都來找我請益！\", next: \"q2_expert\", key: \"motivation\" },\n ],\n },\n\n // Q2\n q2_help: {\n question: \"你最喜歡幫助人的方式是？\",\n icon: Heart,\n options: [\n { text: \"一對一深度陪伴\", next: \"q3_environment\", key: \"help_style\" },\n { text: \"帶領團隊一起成長\", next: \"q3_environment\", key: \"help_style\" },\n { text: \"設計服務或產品幫更多人\", next: \"q3_environment\", key: \"help_style\" },\n { text: \"用教學啟發他人\", next: \"q3_environment\", key: \"help_style\" },\n ],\n },\n q2_challenge: {\n question: \"哪種挑戰最讓你熱血？\",\n icon: Brain,\n options: [\n { text: \"複雜的技術難題\", next: \"q3_environment\", key: \"challenge_type\" },\n { text: \"商業策略與市場拼圖\", next: \"q3_environment\", key: \"challenge_type\" },\n { text: \"創意設計難題\", next: \"q3_environment\", key: \"challenge_type\" },\n { text: \"研究與理論探索\", next: \"q3_environment\", key: \"challenge_type\" },\n ],\n },\n q2_money: {\n question: \"你最想用什麼方式累積財富？\",\n icon: TrendingUp,\n options: [\n { text: \"創業或投資新事業\", next: \"q3_environment\", key: \"money_path\" },\n { text: \"穩紮穩打往上爬\", next: \"q3_environment\", key: \"money_path\" },\n { text: \"靠專業技能接案賺錢\", next: \"q3_environment\", key: \"money_path\" },\n { text: \"金融投資與理財\", next: \"q3_environment\", key: \"money_path\" },\n ],\n },\n q2_expert: {\n question: \"你想成為什麼樣的專家？\",\n icon: Target,\n options: [\n { text: \"技術大牛\", next: \"q3_environment\", key: \"expert_type\" },\n { text: \"領導型思想家\", next: \"q3_environment\", key: \"expert_type\" },\n { text: \"藝術視野與創作\", next: \"q3_environment\", key: \"expert_type\" },\n { text: \"學術與研究\", next: \"q3_environment\", key: \"expert_type\" },\n ],\n },\n\n // Q3\n q3_environment: {\n question: \"你最自在的工作場景是？\",\n icon: Users,\n options: [\n { text: \"安靜角落，專注工作\", next: \"q4_leadership\", key: \"environment\" },\n { text: \"忙碌現場，隨時解決狀況\", next: \"q4_leadership\", key: \"environment\" },\n { text: \"社群中心，充滿人群互動\", next: \"q4_leadership\", key: \"environment\" },\n { text: \"學校或研究單位\", next: \"q4_leadership\", key: \"environment\" },\n ],\n },\n\n // Q4\n q4_leadership: {\n question: \"如果你是團隊的一份子，你最自然的角色是？\",\n icon: Briefcase,\n options: [\n { text: \"帶頭衝的隊長\", next: \"q5_values\", key: \"leader_style\" },\n { text: \"安撫與協調的副隊\", next: \"q5_values\", key: \"leader_style\" },\n { text: \"想法爆棚的點子王\", next: \"q5_values\", key: \"leader_style\" },\n { text: \"沉默專業的解題者\", next: \"q5_values\", key: \"leader_style\" },\n ],\n },\n\n // Q5\n q5_values: {\n question: \"職場上，你最在乎什麼？\",\n icon: Globe,\n options: [\n { text: \"自由度\", next: \"q6_work_rhythm\", key: \"values\" },\n { text: \"穩定感\", next: \"q6_work_rhythm\", key: \"values\" },\n { text: \"成就與認可\", next: \"q6_work_rhythm\", key: \"values\" },\n { text: \"人際關係\", next: \"q6_work_rhythm\", key: \"values\" },\n ],\n },\n\n // Q6\n q6_work_rhythm: {\n question: \"你的工作節奏偏好是？\",\n icon: Clock,\n options: [\n { text: \"長時間專注，少打擾\", next: \"q7_team_size\", key: \"work_rhythm\" },\n { text: \"多工切換，效率滿滿\", next: \"q7_team_size\", key: \"work_rhythm\" },\n { text: \"彈性隨心，靈感來就衝\", next: \"q7_team_size\", key: \"work_rhythm\" },\n { text: \"現場奔走，邊做邊解決\", next: \"q7_team_size\", key: \"work_rhythm\" },\n ],\n },\n\n // Q7\n q7_team_size: {\n question: \"你最適合的團隊規模是？\",\n icon: Users,\n options: [\n { text: \"孤狼單兵\", next: \"q8_comm_style\", key: \"team_size\" },\n { text: \"小隊模式(3-6人)\", next: \"q8_comm_style\", key: \"team_size\" },\n { text: \"跨部門中型團隊\", next: \"q8_comm_style\", key: \"team_size\" },\n { text: \"大型組織，資源滿滿\", next: \"q8_comm_style\", key: \"team_size\" },\n ],\n },\n\n // Q8\n q8_comm_style: {\n question: \"你偏好的溝通方式是？\",\n icon: MessageSquare,\n options: [\n { text: \"文字訊息/Email\", next: \"q9_deadline\", key: \"comm_style\" },\n { text: \"面對面快狠準\", next: \"q9_deadline\", key: \"comm_style\" },\n { text: \"語音對話最有效\", next: \"q9_deadline\", key: \"comm_style\" },\n { text: \"白板工作坊，一起動手\", next: \"q9_deadline\", key: \"comm_style\" },\n ],\n },\n\n // Q9\n q9_deadline: {\n question: \"面對時程壓力，你通常？\",\n icon: Target,\n options: [\n { text: \"提前鋪陳，穩穩交付\", next: \"q10_life_balance\", key: \"deadline_style\" },\n { text: \"臨門一腳，最後爆發\", next: \"q10_life_balance\", key: \"deadline_style\" },\n { text: \"分段交付，節奏管理\", next: \"q10_life_balance\", key: \"deadline_style\" },\n { text: \"靠團隊互補，一起扛\", next: \"q10_life_balance\", key: \"deadline_style\" },\n ],\n },\n\n // Q10\n q10_life_balance: {\n question: \"如果現在給你一份『夢幻工作』，但需要犧牲某部分，你願意交換哪一種？\",\n icon: Star,\n options: [\n { text: \"犧牲睡眠，換來夢幻專案機會\", next: \"result\", key: \"life_balance\" },\n { text: \"犧牲穩定薪水，換取自由彈性\", next: \"result\", key: \"life_balance\" },\n { text: \"犧牲升遷速度，換取生活品質\", next: \"result\", key: \"life_balance\" },\n { text: \"犧牲部分人際關係，換取專業突破\", next: \"result\", key: \"life_balance\" },\n ],\n },\n };\n\n // ----------------------------\n // Results — 5 types, each with 6 insight sections\n // ----------------------------\n const results = {\n result_helper: {\n title: \"暖心幫手型\",\n description:\n \"你擅長讀懂他人需求與情緒，能把零散的人心聚起來，讓團隊變得有溫度也更有效率。你的價值感多半來自『讓別人更好』這件事。\",\n strengths: [\n \"同理傾聽：能快速捕捉對方真正的需求\",\n \"協作調和：在衝突中找到雙贏解法\",\n \"信任經營：讓人安心把事情交給你\",\n \"長線關係：有耐心積累長期影響力\",\n ],\n idealRoles: [\"HR 夥伴/People Ops\", \"教練/諮商/輔導\", \"客戶成功/社群經營\", \"非營利/社會影響\"],\n workEnvironment: \"重視人與人連結、回饋機制明確且允許深度對話的場域（教育、NPO、服務型團隊）。\",\n careerPath: \"從一線支持角色起步 → 成為帶領者/制度設計者 → 擴大到方案/社群層級的影響。\",\n challenges: \"界線感不足、容易情緒勞動過量，短期成效也不易量化。\",\n growthTips: [\n \"設定『可幫助、不可幫助』的邊界清單\",\n \"把關懷轉成機制（SOP/問卷/回饋）以放大影響\",\n \"訓練困難對話技巧，保護自己也保護關係\",\n ],\n },\n\n result_solver: {\n title: \"挑戰解題型\",\n description:\n \"你在混亂中尋找秩序，喜歡把大山切成小石頭逐一清掉。當別人卡關時，你最能進入心流。\",\n strengths: [\n \"系統分析：快速拆解問題、辨認樞紐環節\",\n \"專注耐力：長時間維持高品質推進\",\n \"驗證嚴謹：以實證/數據說話\",\n \"風險意識：知道哪裡可能爆、如何設防\",\n ],\n idealRoles: [\"工程/研發\", \"資料/分析\", \"策略顧問\", \"流程/品質改進\"],\n workEnvironment: \"訊息透明、指標明確、允許深度專注與試錯的環境（研發、分析、策略單位）。\",\n careerPath: \"技術/分析專才 → 跨域整合/架構 → 關鍵決策與策略角色。\",\n challenges: \"可能低估溝通成本、過度陷入細節或追求完美。\",\n growthTips: [\n \"把技術結論翻譯成商業語言，讓更多人理解\",\n \"設立『好到可以上線』的完成標準，避免無限打磨\",\n \"刻意練習協作（設計/營運/商務）以拓寬視角\",\n ],\n },\n\n result_money: {\n title: \"財富追求型\",\n description:\n \"你把資源視為自由的槓桿，擅長用投報思維決策。你會找出高槓桿的點，讓努力更快變成成果。\",\n strengths: [\n \"商業直覺：能快速估算機會大小與風險\",\n \"談判博弈：會在互利中爭取最優解\",\n \"資源整合：把人脈與資源排成陣型\",\n \"效率導向：聚焦能帶來現金流/可衡量成果的事\",\n ],\n idealRoles: [\"投資/財務\", \"成長/商務開發\", \"高績效銷售\", \"創業/合夥\"],\n workEnvironment: \"獎酬透明、路徑明確、可量化績效與回饋速度快（金融、銷售、新創）。\",\n careerPath: \"早期衝績效與視野 → 中期管理或創業 → 長期資產配置與影響力投資。\",\n challenges: \"短視化/過度追逐報酬，忽略長期價值或關係成本。\",\n growthTips: [\n \"以『年化風險調整後報酬』看決策，避免短線化\",\n \"留出無效率時間給學習與關係\",\n \"把財務目標綁定社會影響（如 ESG/公益），增加意義密度\",\n ],\n },\n\n result_expert: {\n title: \"專業達人型\",\n description:\n \"你享受在一個領域深潛，打造可複製、可驗證的專業口碑。同行的認可與作品品質，對你最重要。\",\n strengths: [\n \"深度鑽研：能把知識打磨到結構化與可教\",\n \"品質意識：在細節上不妥協\",\n \"知識管理：持續輸入與輸出形成飛輪\",\n \"責任感：敢為專業判斷負責\",\n ],\n idealRoles: [\"研究/學術\", \"專科醫/法律/顧問\", \"架構/平台/安全\", \"職能導師/訓練\"],\n workEnvironment: \"知識密集、重視深度與驗證、允許長期積累的場域（研究院、專業服務）。\",\n careerPath: \"初期專才 → 代表作/論文/專利 → 專業領袖/導師/標準制定者。\",\n challenges: \"可能與市場節奏脫節、溝通過於艱澀或保守。\",\n growthTips: [\n \"建立可搜尋的作品集（論文、案例、教材）\",\n \"每季與一個不同領域角色共事一次，擴增語境\",\n \"學習故事化表達，讓專業更易被看見\",\n ],\n },\n\n result_creative: {\n title: \"靈感創意型\",\n description:\n \"你喜歡打破慣性，從邊界處看到新可能。當環境給你足夠自由與試錯空間，你的產出會大幅躍升。\",\n strengths: [\n \"點子泉源：能在平凡中挖出不平凡\",\n \"跨界拼接：把不同領域的元素組成新答案\",\n \"敘事影響：用故事帶動共鳴與採用\",\n \"原型落地：敢於快速做出可感知的版本\",\n ],\n idealRoles: [\"品牌/行銷/內容\", \"產品/創業\", \"藝術/設計\", \"創新研發\"],\n workEnvironment: \"高自由度、迭代快、允許失敗並重視作品輸出的場域（創意產業、新創）。\",\n careerPath: \"作品集驅動 → 建立風格與方法論 → 帶團隊/打造品牌。\",\n challenges: \"情緒與靈感波動大、落地與紀律不足。\",\n growthTips: [\n \"設立『靈感到交付』的節拍器（固定產出週期）\",\n \"把 0→1 的原創與 1→N 的擴張分開管理\",\n \"找一位偏理性的拍檔共同做決策\",\n ],\n },\n };\n\n // Guard to avoid undefined access\n const RESULT_FALLBACK_ID = \"result_helper\";\n\n // ----------------------------\n // Scoring\n // ----------------------------\n const resultId = useMemo(() => {\n const score = { helper: 0, solver: 0, money: 0, expert: 0, creative: 0 };\n const add = (k, v = 1) => {\n if (k in score) score[k] += v;\n };\n\n // Q1 motivation\n switch (responses.motivation) {\n case \"因為我幫到人啦！\": add(\"helper\", 2); break;\n case \"因為我解開了難題！\": add(\"solver\", 2); break;\n case \"因為錢進帳囉！\": add(\"money\", 2); break;\n case \"因為大家都來找我請益！\": add(\"expert\", 2); break;\n default: break;\n }\n\n // Q2 group\n switch (responses.challenge_type) {\n case \"複雜的技術難題\": add(\"solver\", 2); break;\n case \"商業策略與市場拼圖\": add(\"money\"); add(\"solver\"); break;\n case \"創意設計難題\": add(\"creative\", 2); break;\n case \"研究與理論探索\": add(\"expert\", 2); break;\n default: break;\n }\n switch (responses.help_style) {\n case \"一對一深度陪伴\": add(\"helper\", 2); break;\n case \"帶領團隊一起成長\": add(\"helper\"); add(\"expert\"); break;\n case \"設計服務或產品幫更多人\": add(\"creative\"); add(\"solver\"); break;\n case \"用教學啟發他人\": add(\"expert\"); add(\"helper\"); break;\n default: break;\n }\n switch (responses.money_path) {\n case \"創業或投資新事業\": add(\"money\", 2); add(\"creative\"); break;\n case \"穩紮穩打往上爬\": add(\"money\", 2); add(\"expert\"); break;\n case \"靠專業技能接案賺錢\": add(\"money\"); add(\"expert\"); break;\n case \"金融投資與理財\": add(\"money\", 2); break;\n default: break;\n }\n switch (responses.expert_type) {\n case \"技術大牛\": add(\"expert\", 2); add(\"solver\"); break;\n case \"領導型思想家\": add(\"expert\", 2); add(\"helper\"); break;\n case \"藝術視野與創作\": add(\"creative\", 2); break;\n case \"學術與研究\": add(\"expert\", 2); break;\n default: break;\n }\n\n // Q3 environment\n switch (responses.environment) {\n case \"安靜角落，專注工作\": add(\"expert\"); add(\"solver\"); break;\n case \"忙碌現場，隨時解決狀況\": add(\"solver\"); add(\"helper\"); break;\n case \"社群中心，充滿人群互動\": add(\"helper\", 2); break;\n case \"學校或研究單位\": add(\"expert\", 2); break;\n default: break;\n }\n\n // Q4 leadership\n switch (responses.leader_style) {\n case \"帶頭衝的隊長\": add(\"solver\"); add(\"creative\"); break;\n case \"安撫與協調的副隊\": add(\"helper\", 2); break;\n case \"想法爆棚的點子王\": add(\"creative\", 2); break;\n case \"沉默專業的解題者\": add(\"expert\", 2); add(\"solver\"); break;\n default: break;\n }\n\n // Q5 values\n switch (responses.values) {\n case \"自由度\": add(\"creative\", 2); break;\n case \"穩定感\": add(\"money\", 2); break;\n case \"成就與認可\": add(\"expert\", 2); add(\"solver\"); break;\n case \"人際關係\": add(\"helper\", 2); break;\n default: break;\n }\n\n // Q6 rhythm\n switch (responses.work_rhythm) {\n case \"長時間專注，少打擾\": add(\"expert\"); add(\"solver\"); break;\n case \"多工切換，效率滿滿\": add(\"solver\"); break;\n case \"彈性隨心，靈感來就衝\": add(\"creative\", 2); break;\n case \"現場奔走，邊做邊解決\": add(\"helper\"); break;\n default: break;\n }\n\n // Q7 team size\n switch (responses.team_size) {\n case \"孤狼單兵\": add(\"expert\"); add(\"solver\"); break;\n case \"小隊模式(3-6人)\": add(\"helper\"); add(\"solver\"); break;\n case \"跨部門中型團隊\": add(\"helper\"); break;\n case \"大型組織，資源滿滿\": add(\"money\"); add(\"expert\"); break;\n default: break;\n }\n\n // Q8 comm style\n switch (responses.comm_style) {\n case \"文字訊息/Email\": add(\"expert\"); break;\n case \"面對面快狠準\": add(\"helper\"); break;\n case \"語音對話最有效\": add(\"creative\"); add(\"helper\"); break;\n case \"白板工作坊，一起動手\": add(\"creative\"); add(\"helper\"); break;\n default: break;\n }\n\n // Q9 deadline\n switch (responses.deadline_style) {\n case \"提前鋪陳，穩穩交付\": add(\"expert\"); break;\n case \"臨門一腳，最後爆發\": add(\"creative\"); add(\"solver\"); break;\n case \"分段交付，節奏管理\": add(\"solver\"); break;\n case \"靠團隊互補，一起扛\": add(\"helper\", 2); break;\n default: break;\n }\n\n // Q10 life balance (價值取向揭示)\n switch (responses.life_balance) {\n case \"犧牲睡眠，換來夢幻專案機會\": add(\"solver\"); add(\"creative\"); break;\n case \"犧牲穩定薪水，換取自由彈性\": add(\"creative\", 2); break;\n case \"犧牲升遷速度，換取生活品質\": add(\"helper\", 2); break;\n case \"犧牲部分人際關係，換取專業突破\": add(\"expert\", 2); break;\n default: break;\n }\n\n // Choose best\n const pairs = Object.entries(score).sort((a, b) => b[1] - a[1]);\n const bestKey = pairs[0]?.[0] || \"helper\";\n const map = {\n helper: \"result_helper\",\n solver: \"result_solver\",\n money: \"result_money\",\n expert: \"result_expert\",\n creative: \"result_creative\",\n };\n return map[bestKey];\n }, [responses]);\n\n // ----------------------------\n // Handlers\n // ----------------------------\n const makeChoice = (choice) => {\n setResponses((prev) => ({ ...prev, [choice.key]: choice.text }));\n setPath((prev) => [...prev, { node: currentNode, choiceKey: choice.key, choiceText: choice.text }]);\n setCurrentNode(choice.next);\n };\n\n const goBack = () => {\n setPath((prev) => {\n if (prev.length === 0) return prev;\n const newPath = [...prev];\n const last = newPath.pop();\n setResponses((r) => {\n const nr = { ...r };\n if (last?.choiceKey) delete nr[last.choiceKey];\n return nr;\n });\n setCurrentNode(last.node);\n return newPath;\n });\n };\n\n const restart = () => {\n setCurrentNode(\"start\");\n setPath([]);\n setResponses({});\n };\n\n const isResult = currentNode === \"result\";\n const progressPct = Math.min(100, Math.round((path.length / MIN_QUESTIONS) * 100));\n const questionNo = Math.min(MIN_QUESTIONS, path.length + 1);\n\n // ----------------------------\n // Runtime tests (do not change existing tests; these are additive)\n // ----------------------------\n useEffect(() => {\n try {\n // 1) All next nodes exist (or 'result')\n const keys = new Set(Object.keys(decisionTree).concat([\"result\"]));\n for (const [id, node] of Object.entries(decisionTree)) {\n for (const opt of node.options || []) {\n console.assert(keys.has(opt.next), `[TEST] Missing node '${opt.next}' referenced from '${id}'.`);\n }\n }\n // 2) Minimum questions gate\n console.assert(MIN_QUESTIONS === 10, \"[TEST] MIN_QUESTIONS should be 10\");\n // 3) Results mapping completeness\n [\"result_helper\",\"result_solver\",\"result_money\",\"result_expert\",\"result_creative\"].forEach((rid) => {\n console.assert(!!results[rid], `[TEST] results[${rid}] must exist`);\n });\n // 4) Sample scoring path should return a valid result id\n const sample = { motivation: \"因為我解開了難題！\", values: \"成就與認可\", work_rhythm: \"長時間專注，少打擾\" };\n const tmpScore = { helper:0, solver:0, money:0, expert:0, creative:0 };\n const add = (k,v=1)=>{ if(k in tmpScore) tmpScore[k]+=v; };\n add(\"solver\",2); add(\"expert\",2); add(\"solver\");\n const best = Object.entries(tmpScore).sort((a,b)=>b[1]-a[1])[0][0];\n console.assert([\"helper\",\"solver\",\"money\",\"expert\",\"creative\"].includes(best), \"[TEST] sample scoring must pick a known bucket\");\n } catch (e) {\n console.error(\"Runtime tests failed:\", e);\n }\n }, []);\n\n // ----------------------------\n // UI\n // ----------------------------\n return (\n

\n {/* Header */}\n

\n \n

職業風格評估

回答 10 題，獲得 6 大面向洞察

\n\n {/* Progress */}\n

\n {isResult ? \"完成！\" : `問題 ${questionNo} / ${MIN_QUESTIONS}`}\n {progressPct}%\n

\n\n {!isResult ? (\n 0} />\n ) : (\n \n )}\n

\n );\n}\n\nfunction QuestionView({ node, onChoose, onBack, canGoBack }) {\n const IconComp = node?.icon || Star;\n return (\n

\n \n

{node.question}

\n {(node.options||[]).map((opt, i) => (\n onChoose(opt)} />\n ))}\n

\n {canGoBack && (\n

\n \n

\n )}\n

\n );\n}\n\nfunction OptionButton({ text, onClick }) {\n const base = {\n background: \"#fff\",\n border: \"1px solid #e2e8f0\",\n borderRadius: 12,\n padding: \"16px 18px\",\n fontSize: 16,\n textAlign: \"left\",\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n cursor: \"pointer\",\n };\n return (\n { e.currentTarget.style.borderColor = \"#3b82f6\"; e.currentTarget.style.background = \"#f8fafc\"; }}\n onMouseLeave={(e)=>{ e.currentTarget.style.borderColor = \"#e2e8f0\"; e.currentTarget.style.background = \"#fff\"; }}\n style={base}\n >\n {text}\n \n \n );\n}\n\nfunction ResultView({ result, onRestart, onBack }) {\n return (\n

\n \n

{result.title}

{result.description}

\n\n

\n \n \n \n \n \n \n

\n\n

\n \n \n

\n );\n}\n\nfunction InfoCard({ title, icon: Icon, items }) {\n return (\n

\n {title}\n

\n );\n}\n\nfunction InfoRow({ title, content }) {\n return (\n

{title}

{content}

\n );\n}\n\nconst primaryBtn = { background: \"#3b82f6\", color: \"#fff\", border: \"none\", borderRadius: 999, padding: \"10px 16px\", cursor: \"pointer\", fontWeight: 600 };\nconst ghostBtn = { background: \"#fff\", color: \"#0f172a\", border: \"1px solid #e2e8f0\", borderRadius: 999, padding: \"10px 16px\", cursor: \"pointer\", fontWeight: 600 };\n","access","public","isModerationBlocked",false,"isAnonifyApiKeyDetected","dd",{"_35":36,"_37":38},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",34],"traceId","4681622920685099614","traceTime",1776640016652]