[{"_1":2,"_182":-5,"_183":-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","7721b06a805a6662fde743a1ec849364175efb5b","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,"_155":156,"_179":180,"_181":-5},"handle","ashryanio","name","index-now","path","frontend/components/RunAccordionRow.tsx","project",{"_103":104,"_97":98,"_105":106,"_107":-5,"_108":20,"_109":110,"_111":74,"_112":-5,"_12":113,"_114":-5,"_115":20,"_116":-5,"_117":-5,"_118":33,"_14":119,"_120":121,"_122":123,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_23":133,"_136":137,"_141":142,"_154":20},"id","e5fae6ec-04d1-11f1-9f4e-42dde27851f2","createdAt",["D",1770543497825],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","97567c3b-8285-4589-880d-547c23383b76","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","112e17ac-118d-4072-aca6-a4ddc6b3970f","tursoName","e5fae6ec04d111f19f4e42dde27851f2","tursoHostname","e5fae6ec04d111f19f4e42dde27851f2-val-town.aws-us-east-2.turso.io","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_95":96,"_134":135},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaG5kR0hRRTM0S1BSeXlIR2hCdjFqb1dTS3AifQ","org",{"_95":96,"_138":135,"_12":113,"_139":140},"avatar","tier","pro","branch",{"_143":144,"_97":45,"_103":145,"_146":104,"_147":-5,"_148":-5,"_149":-5,"_150":-5,"_151":-5,"_152":98,"_153":96},"version",360,"e5fb619e-04d1-11f1-9f4e-42dde27851f2","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_103":157,"_97":158,"_159":160,"_161":162,"_163":145,"_164":165,"_166":167,"_105":168,"_143":169,"_170":171,"_172":173,"_174":20,"_175":-5,"_99":176},"9258ec1e-07ab-11f1-9eb5-42dde27851f2","RunAccordionRow.tsx","fileId","84142a80-06f5-11f1-a62a-42dde27851f2","parentId","83e8a6b2-06f5-11f1-8dbc-42dde27851f2","branchId","branchVersion",353,"latest",true,["D",1770856890116],8,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n Fragment,\n useEffect,\n useState,\n type AnimationEvent,\n type KeyboardEvent,\n type ReactNode,\n} from \"https://esm.sh/react@18.2.0\";\nimport type { RunHistoryItem } from \"../../shared/monitor-types.ts\";\n\ninterface RunAccordionRowProps {\n run: RunHistoryItem;\n isExpanded: boolean;\n details: ReactNode;\n onToggle: () => void;\n}\n\nfunction runSourceLabel(run: RunHistoryItem): string {\n const runSource = run.reason === \"cron_entrypoint\"\n ? \"Cron\"\n : run.reason === \"manual_run_endpoint\"\n ? \"HTTP\"\n : run.reason === \"cron\"\n ? \"Cron\"\n : run.reason === \"http\"\n ? \"HTTP\"\n : run.reason.length > 0\n ? run.reason\n : \"Unknown\";\n\n const runModes: string[] = [];\n if (run.dryRun) {\n runModes.push(\"dry run\");\n }\n if (run.forceMode) {\n runModes.push(\"force\");\n }\n return runModes.length > 0 ? `${runSource} (${runModes.join(\", \")})` : runSource;\n}\n\nfunction formatTimestamp(value: string): string {\n const parsed = new Date(value);\n if (Number.isNaN(parsed.getTime())) {\n return value;\n }\n return parsed.toLocaleString(undefined, {\n dateStyle: \"medium\",\n timeStyle: \"short\",\n });\n}\n\nexport function RunAccordionRow({ run, isExpanded, details, onToggle }: RunAccordionRowProps) {\n const hasDetails = details !== null && typeof details !== \"undefined\" && details !== false;\n const [detailMounted, setDetailMounted] = useState(isExpanded && hasDetails);\n const [detailPhase, setDetailPhase] = useState<\"entering\" | \"exiting\">(\n isExpanded && hasDetails ? \"entering\" : \"exiting\",\n );\n const [renderedDetails, setRenderedDetails] = useState(\n isExpanded && hasDetails ? details : null,\n );\n\n useEffect(() => {\n if (isExpanded && hasDetails) {\n setRenderedDetails(details);\n setDetailMounted(true);\n setDetailPhase(\"entering\");\n return;\n }\n if (detailMounted) {\n setDetailPhase(\"exiting\");\n }\n }, [isExpanded, hasDetails, details, detailMounted]);\n\n useEffect(() => {\n if (detailPhase !== \"exiting\" || !detailMounted) {\n return;\n }\n const timeoutId = window.setTimeout(() => {\n setDetailMounted(false);\n setRenderedDetails(null);\n }, 280);\n return () => {\n window.clearTimeout(timeoutId);\n };\n }, [detailPhase, detailMounted]);\n\n const rowClassName = [\n \"run-row\",\n isExpanded ? \"active\" : \"\",\n run.dryRun ? \"dry-run\" : \"\",\n ].filter((item) => item.length > 0).join(\" \");\n\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.key !== \"Enter\" && event.key !== \" \") {\n return;\n }\n event.preventDefault();\n onToggle();\n };\n\n const canExpand = hasDetails;\n const expanded = isExpanded && canExpand;\n const rowAriaLabel = canExpand\n ? (expanded ? `Collapse run ${run.id}` : `Expand run ${run.id}`)\n : `Select run ${run.id}`;\n const onDetailAnimationEnd = (event: AnimationEvent) => {\n if (event.target !== event.currentTarget) {\n return;\n }\n if (detailPhase === \"exiting\") {\n setDetailMounted(false);\n setRenderedDetails(null);\n }\n };\n\n return (\n \n \n {formatTimestamp(run.finishedAt)}\n {runSourceLabel(run)}\n {run.discoveredCount}\n {run.ignoredCount}\n {run.noChangeCount}\n {run.suppressedCount}\n {run.changedCount}\n {run.queuedCount}\n {run.submittedCount}\n {run.acceptedCount}\n {run.rejectedCount}\n \n {detailMounted\n ? (\n \n \n \n {renderedDetails}\n \n \n \n )\n : null}\n \n );\n}\n","deleted","label",[177,178,158],"frontend","components","permalink","https://www.val.town/x/ashryanio/index-now/code/frontend/components/RunAccordionRow.tsx","extension","actionData","errors"]