[{"_1":2,"_185":-5,"_186":-5},"loaderData",{"_3":4,"_93":94},"root",{"_5":6,"_36":37,"_66":67},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":-5,"_32":33,"_34":20,"_35":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesChatPanelState","notificationCount",0,"flagDenols","isTeamOrgMember","ENV",{"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63,"_64":65},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","cdbc11de55e47953b237ebd2bc3607fb50931703","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","API_URL","https://api.val.town","clerkState",{"_68":69},"__internal_clerk_state",{"_70":71,"_72":47,"_73":74,"_75":74,"_76":20,"_77":74,"_78":74,"_79":74,"_80":74,"_81":82,"_91":20,"_92":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_83":20,"_19":20,"_84":74,"_85":86,"_87":74,"_88":47,"_89":20,"_90":74},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_95":96,"_97":98,"_99":100,"_101":102,"_158":159,"_182":183,"_184":-5},"handle","c15r","name","sync","path","frontend/components/Nav.tsx","project",{"_103":104,"_97":98,"_105":106,"_107":-5,"_108":20,"_109":110,"_111":112,"_113":-5,"_12":114,"_115":-5,"_116":20,"_117":-5,"_118":-5,"_119":120,"_14":121,"_122":123,"_124":125,"_126":-5,"_127":128,"_129":128,"_130":131,"_132":131,"_133":131,"_134":128,"_135":128,"_23":136,"_139":140,"_144":145,"_157":20},"id","93e19588-0ebb-11f1-a6cd-42dde27851f2","createdAt",["D",1771633422787],"deletedAt","legacyEnvVars","privacy","public","description","Agent collaboration layer https://sync.parc.land","imageUrl","21f2e37e-8066-4730-9dc7-d27cf8d3c9f3","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",1,"0630d977-f678-453e-926c-52043293f59f","tursoName","93e195880ebb11f1a6cd42dde27851f2","tursoHostname","93e195880ebb11f1a6cd42dde27851f2-val-town.aws-us-east-2.turso.io","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_95":96,"_137":138},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yb2RJNlc1czZ1NlpZRmoxdGJ2eFVNNVhmeTYifQ","org",{"_95":96,"_141":138,"_12":114,"_142":143},"avatar","tier","pro","branch",{"_146":147,"_97":45,"_103":148,"_149":104,"_150":-5,"_151":-5,"_152":-5,"_153":-5,"_154":-5,"_155":98,"_156":96},"version",639,"93e21602-0ebb-11f1-a6cd-42dde27851f2","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_103":160,"_97":161,"_162":163,"_164":165,"_166":148,"_167":168,"_169":170,"_105":171,"_146":172,"_173":174,"_175":176,"_177":20,"_178":-5,"_99":179},"b74f3dc6-1efc-11f1-9910-42dde27851f2","Nav.tsx","fileId","2cb67f24-195e-11f1-999b-42dde27851f2","parentId","019c9ffc-060a-74df-be1d-7850f5dfbf5a","branchId","branchVersion",609,"latest",true,["D",1773420618104],3,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\n/** Shared navigation header — appears on all pages except OAuth authorize. */\nimport { useCallback, useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { styled } from \"../styled.ts\";\nimport { Logo } from \"./Logo.tsx\";\n\nconst Bar = styled.nav`\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.6rem 1.5rem;\n border-bottom: 1px solid var(--border);\n background: var(--bg);\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif;\n font-size: 0.85rem;\n position: sticky;\n top: 0;\n z-index: 50;\n @media (max-width: 480px) {\n padding: 0.5rem 1rem;\n font-size: 0.8rem;\n }\n`;\n\nconst Left = styled.div`\n display: flex;\n align-items: center;\n gap: 1.25rem;\n`;\n\nconst LogoLink = styled.a`\n font-weight: 700;\n font-size: 1rem;\n color: var(--fg);\n text-decoration: none;\n letter-spacing: -0.03em;\n display: flex;\n align-items: center;\n gap: 0.4rem;\n &:hover { text-decoration: none; }\n`;\n\nconst NavLinks = styled.div`\n display: flex;\n gap: 0.9rem;\n @media (max-width: 480px) {\n gap: 0.6rem;\n }\n`;\n\nconst NavLink = styled.a<{ $active?: boolean }>`\n color: ${({ $active }) => ($active ? \"var(--accent)\" : \"var(--dim)\")};\n text-decoration: none;\n font-weight: ${({ $active }) => ($active ? \"600\" : \"400\")};\n transition: color 0.15s;\n &:hover {\n color: var(--fg);\n text-decoration: none;\n }\n`;\n\nconst Right = styled.div`\n display: flex;\n align-items: center;\n gap: 0.5rem;\n`;\n\nconst ThemeToggle = styled.div`\n display: flex;\n border: 1px solid var(--border);\n border-radius: 6px;\n overflow: hidden;\n`;\n\nconst ThemeOption = styled.button<{ $active: boolean }>`\n background: ${({ $active }) => ($active ? \"var(--surface2)\" : \"transparent\")};\n border: none;\n color: ${({ $active }) => ($active ? \"var(--fg)\" : \"var(--dim)\")};\n cursor: pointer;\n padding: 0.2rem 0.45rem;\n font-size: 0.75rem;\n line-height: 1;\n transition: all 0.15s;\n &:hover {\n color: var(--fg);\n }\n & + & {\n border-left: 1px solid var(--border);\n }\n`;\n\ntype Theme = \"system\" | \"light\" | \"dark\";\n\nexport interface NavProps {\n active?: \"home\" | \"docs\" | \"manage\" | \"dashboard\" | \"overview\";\n}\n\nexport function Nav({ active }: NavProps) {\n const [theme, setTheme] = useState(\"system\");\n\n useEffect(() => {\n const stored = localStorage.getItem(\"sync-theme\");\n if (stored === \"light\" || stored === \"dark\") setTheme(stored);\n }, []);\n\n const pick = useCallback((t: Theme) => {\n setTheme(t);\n if (t === \"system\") {\n localStorage.removeItem(\"sync-theme\");\n document.documentElement.removeAttribute(\"data-theme\");\n } else {\n localStorage.setItem(\"sync-theme\", t);\n document.documentElement.setAttribute(\"data-theme\", t);\n }\n }, []);\n\n return (\n \n \n \n \n \n \n /sync\n Overview\n Docs\n Manage\n \n \n \n \n pick(\"light\")} title=\"Light\">{\"\\u2600\"}\n pick(\"system\")} title=\"System\">{\"\\u25D0\"}\n pick(\"dark\")} title=\"Dark\">{\"\\u263E\"}\n \n \n \n );\n}\n","deleted","label",[180,181,161],"frontend","components","permalink","https://www.val.town/x/c15r/sync/code/frontend/components/Nav.tsx","extension","actionData","errors"]