[{"_1":2,"_186":-5,"_187":-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,"_183":184,"_185":-5},"handle","c15r","name","sync","path","frontend/components/panels/Views.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},"ba9bbcd6-1a81-11f1-b41c-42dde27851f2","Views.tsx","fileId","78349480-13fb-11f1-b99c-42dde27851f2","parentId","019c9ffc-060a-74df-be1d-7fb507e2c98f","branchId","branchVersion",406,"latest",true,["D",1772927990894],2,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { styled } from \"../../styled.ts\";\nimport type { View } from \"../../types.ts\";\nimport { JsonView } from \"../JsonView.tsx\";\n\nconst Grid = styled.div`display: flex; flex-wrap: wrap; gap: 0.5rem;`;\n\nconst Card = styled.div`\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: 6px;\n padding: 0.6rem 0.8rem;\n min-width: 0;\n flex: 1 1 280px;\n max-width: 400px;\n @media (max-width: 480px) {\n flex: 1 1 100%;\n max-width: 100%;\n }\n`;\n\nconst ViewName = styled.div`font-weight: 600; font-size: 13px; color: var(--purple); word-break: break-word;`;\nconst Desc = styled.div`color: var(--dim); font-size: 11px; margin-top: 2px;`;\nconst Expr = styled.div`font-size: 11px; color: var(--dim); margin-top: 3px; font-style: italic; word-break: break-word;`;\nconst ValBox = styled.div`\n margin-top: 4px;\n padding: 4px 6px;\n background: var(--bg);\n border-radius: 3px;\n font-size: 12px;\n overflow-x: auto;\n`;\nconst ErrorText = styled.span`color: var(--red);`;\nconst Meta = styled.div`font-size: 10px; color: var(--dim); margin-top: 4px; word-break: break-word;`;\nconst Empty = styled.div`color: var(--dim); font-style: italic; padding: 1rem; text-align: center;`;\n\nconst RenderBadge = styled.span`\n display: inline-block;\n background: rgba(88,166,255,0.12);\n color: var(--accent);\n border: 1px solid rgba(88,166,255,0.25);\n border-radius: 3px;\n padding: 0 5px;\n font-size: 10px;\n font-weight: 600;\n margin-left: 5px;\n vertical-align: middle;\n letter-spacing: 0.02em;\n`;\n\nconst RenderHintRow = styled.div`\n margin-top: 4px;\n font-size: 10px;\n color: var(--dim);\n display: flex;\n flex-wrap: wrap;\n gap: 3px 6px;\n`;\n\nconst RenderProp = styled.span`\n color: var(--accent);\n`;\n\ninterface ViewsPanelProps {\n views: View[];\n}\n\nexport function ViewsPanel({ views }: ViewsPanelProps) {\n if (!views.length) return no views registered;\n\n return (\n \n {views.map(v => (\n \n \n {v.id}\n {v.render && {v.render.type}}\n \n {v.description && {v.description}}\n {v.expr}\n \n → {v.value && typeof v.value === \"object\" && v.value._error\n ? error: {v.value._error}\n : \n }\n \n {v.render && (\n \n {v.render.label && label: {v.render.label}}\n {v.render.order !== undefined && order: {v.render.order}}\n {v.render.group && group: {v.render.group}}\n {v.render.type === \"array-table\" && v.render.columns && (\n cols: {v.render.columns.map(c => c.label ?? c.key).join(\", \")}\n )}\n {v.render.type === \"metric\" && v.render.unit && (\n unit: {v.render.unit}\n )}\n \n )}\n \n scope: {v.scope} · v{v.version}\n {v.registered_by && ` · by ${v.registered_by}`}\n \n \n ))}\n \n );\n}\n","deleted","label",[180,181,182,161],"frontend","components","panels","permalink","https://www.val.town/x/c15r/sync/code/frontend/components/panels/Views.tsx","extension","actionData","errors"]