[{"_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/panels/Cel.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":120,"_172":173,"_174":175,"_176":20,"_177":-5,"_99":178},"1267b874-1411-11f1-bca4-42dde27851f2","Cel.tsx","fileId","78343d8c-13fb-11f1-b99c-42dde27851f2","parentId","019c9ffc-060a-74df-be1d-7fb507e2c98f","branchId","branchVersion",172,"latest",true,["D",1772219898048],"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport { styled } from \"../../styled.ts\";\n\nconst Wrap = styled.div``;\n\nconst Console = styled.div`\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: 6px;\n padding: 0.75rem;\n margin-top: 0.5rem;\n`;\n\nconst InputRow = styled.div`display: flex; gap: 0.5rem; @media (max-width: 480px) { flex-wrap: wrap; }`;\n\nconst CelInput = styled.input`\n flex: 1;\n min-width: 0;\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: 4px;\n padding: 0.4rem 0.6rem;\n color: var(--fg);\n font-family: inherit;\n font-size: 12px;\n outline: none;\n &:focus { border-color: var(--accent); }\n`;\n\nconst EvalBtn = styled.button`\n background: var(--accent);\n color: var(--bg);\n border: none;\n border-radius: 4px;\n padding: 0.4rem 0.8rem;\n cursor: pointer;\n font-family: inherit;\n font-size: 12px;\n font-weight: 600;\n`;\n\nconst CelOutput = styled.div<{ $status: \"idle\" | \"loading\" | \"ok\" | \"error\" }>`\n margin-top: 0.5rem;\n padding: 0.5rem;\n background: var(--bg);\n border-radius: 4px;\n font-size: 12px;\n white-space: pre-wrap;\n word-break: break-word;\n max-height: 300px;\n overflow-y: auto;\n display: ${p => p.$status === \"idle\" ? \"none\" : \"block\"};\n color: ${p => p.$status === \"error\" ? \"var(--red)\" : p.$status === \"ok\" ? \"var(--green)\" : \"var(--dim)\"};\n`;\n\nconst History = styled.div`margin-top: 0.5rem; display: flex; flex-wrap: wrap; gap: 4px;`;\n\nconst HistBtn = styled.button`\n background: var(--border);\n border: none;\n border-radius: 3px;\n padding: 2px 6px;\n font-size: 10px;\n color: var(--dim);\n cursor: pointer;\n font-family: inherit;\n &:hover { color: var(--accent); }\n`;\n\nconst QuickLinks = styled.div`margin-top: 0.6rem; color: var(--dim); font-size: 11px;`;\nconst QuickLink = styled.span<{ $purple?: boolean }>`\n cursor: pointer;\n color: ${p => p.$purple ? \"var(--purple)\" : \"var(--accent)\"};\n`;\n\nconst QUICK = [\n { label: \"_shared\", expr: \"state._shared\" },\n { label: \"views\", expr: \"views\", purple: true },\n { label: \"agents\", expr: \"agents\" },\n { label: \"messages\", expr: \"messages\" },\n { label: \"actions\", expr: \"actions\" },\n { label: \"all state\", expr: \"state\" },\n];\n\ninterface CelPanelProps {\n roomId: string;\n baseUrl: string;\n authHeaders: () => Record;\n}\n\ntype CelStatus = \"idle\" | \"loading\" | \"ok\" | \"error\";\n\nexport function CelPanel({ roomId, baseUrl, authHeaders }: CelPanelProps) {\n const [expr, setExpr] = useState(\"\");\n const [output, setOutput] = useState(\"\");\n const [status, setStatus] = useState(\"idle\");\n const [history, setHistory] = useState([]);\n\n const runCel = useCallback(async (e?: string) => {\n const x = e || expr.trim();\n if (!x) return;\n if (e) setExpr(e);\n setStatus(\"loading\");\n setOutput(\"evaluating…\");\n try {\n const r = await fetch(`${baseUrl}/rooms/${roomId}/eval`, {\n method: \"POST\",\n headers: { ...authHeaders(), \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ expr: x }),\n });\n const d = await r.json();\n if (d.error) {\n setStatus(\"error\");\n setOutput(d.detail || d.error);\n } else {\n setStatus(\"ok\");\n setOutput(JSON.stringify(d.value, null, 2));\n }\n setHistory(h => [x, ...h.filter(i => i !== x)].slice(0, 12));\n } catch (err: any) {\n setStatus(\"error\");\n setOutput(\"error: \" + err.message);\n }\n }, [expr, roomId, baseUrl, authHeaders]);\n\n return (\n \n \n \n setExpr(e.target.value)}\n onKeyDown={e => e.key === \"Enter\" && runCel()}\n placeholder=\"state._shared.phase\"\n spellCheck={false}\n />\n runCel()}>Eval\n \n {history.length > 0 && (\n \n {history.map(h => (\n runCel(h)}>\n {h.length > 35 ? h.slice(0, 35) + \"…\" : h}\n \n ))}\n \n )}\n {output}\n \n \n Quick:{\" \"}\n {QUICK.map((q, i) => (\n \n runCel(q.expr)}>{q.label}\n {i < QUICK.length - 1 && \" · \"}\n \n ))}\n \n \n );\n}\n","deleted","label",[179,180,181,161],"frontend","components","panels","permalink","https://www.val.town/x/c15r/sync/code/frontend/components/panels/Cel.tsx","extension","actionData","errors"]