From c9986277ab9e0012c3a2542733170296deabf4d7 Mon Sep 17 00:00:00 2001
From: Chris Wanstrath <2+defunkt@users.noreply.github.com>
Date: Tue, 10 Feb 2026 11:01:32 -0800
Subject: [PATCH] scroll logs to bottom

---
 apps/cron/20260201-000000/index.tsx | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/apps/cron/20260201-000000/index.tsx b/apps/cron/20260201-000000/index.tsx
index 6acdad3..954ba5a 100644
--- a/apps/cron/20260201-000000/index.tsx
+++ b/apps/cron/20260201-000000/index.tsx
@@ -439,17 +439,15 @@ app.get('/job/:app/:name', async c => {
     <Layout title={`${job.app}/${job.name}`} refresh={job.state === 'running'}>
       <BackLink href={backUrl}>&#8592; Back</BackLink>
       <DetailHeader>
-        <div style={{ display: 'flex', alignItems: 'center', gap: '12px', flex: 1 }}>
-          <StatusDot style={{ backgroundColor: statusColor(job) }} />
-          <DetailTitle>{job.app}/{job.name}</DetailTitle>
-          <StatusBadge style={statusBadgeStyle(job)}>{statusLabel(job)}</StatusBadge>
-        </div>
+        <StatusDot style={{ backgroundColor: statusColor(job) }} />
+        <DetailTitle>{job.app}/{job.name}</DetailTitle>
         <form method="post" action={`/run/${job.app}/${job.name}?return=detail&app=${appFilter || ''}`}>
           <RunButton type="submit" disabled={job.state === 'running'}>
             {job.state === 'running' ? 'Running...' : 'Run Now'}
           </RunButton>
         </form>
       </DetailHeader>
+      <StatusBadge style={statusBadgeStyle(job)}>{statusLabel(job)}</StatusBadge>
       <DetailMeta>
         <MetaItem><MetaLabel>Schedule</MetaLabel> {job.schedule}</MetaItem>
         <MetaItem><MetaLabel>Last run</MetaLabel> {job.state === 'running' ? 'now' : formatRelative(job.lastRun)}</MetaItem>
@@ -465,18 +463,19 @@ app.get('/job/:app/:name', async c => {
       {job.lastOutput ? (
         <OutputSection>
           <OutputLabel>Output</OutputLabel>
-          <OutputBlock>{job.lastOutput}</OutputBlock>
+          <OutputBlock id="output">{job.lastOutput}</OutputBlock>
         </OutputSection>
       ) : job.state === 'running' ? (
         <OutputSection>
           <OutputLabel>Output</OutputLabel>
-          <OutputBlock style={{ color: theme('colors-textMuted') }}>Waiting for output...</OutputBlock>
+          <OutputBlock id="output" style={{ color: theme('colors-textMuted') }}>Waiting for output...</OutputBlock>
         </OutputSection>
       ) : job.lastRun && !job.lastError ? (
         <OutputSection>
           <EmptyState>No output</EmptyState>
         </OutputSection>
       ) : null}
+      <script dangerouslySetInnerHTML={{ __html: `var o=document.getElementById('output');if(o)o.scrollTop=o.scrollHeight` }} />
     </Layout>
   )
 })