diff --git a/collector/dash/src/ui.tsx b/collector/dash/src/ui.tsx
index 3fb8c95..3bc88b1 100644
--- a/collector/dash/src/ui.tsx
+++ b/collector/dash/src/ui.tsx
@@ -76,21 +76,16 @@ export function Stat({ label, value, tone }: { label: string; value: ComponentCh
   );
 }
 
-/* Every state gets an icon — device states and job states alike.
-   Device states are read across a whole shelf at a glance; job states are read
-   down a long Jobs table, where a column of identical circles differing only
-   inside is faster to scan than five words of similar length. The word stays
-   in every pill, so the icon is never the only thing carrying the meaning. */
-const PILL_ICON: Partial<Record<string, IconName>> = {
-  online: "online",
-  stale: "stale",
-  offline: "offline",
-  queued: "queued",
-  claimed: "claimed",
-  done: "done",
-  failed: "failed",
-  cancelled: "cancelled",
-};
+/* Device states get an icon; job states do not. Online/stale/offline are
+   read across a whole shelf at a glance, job status is read one row at a time.
+
+   icons.tsx does carry a matching set for the job states (queued, claimed,
+   done, failed, cancelled) — one circle differing only inside, drawn for a
+   design pass that proposed putting them here. They are deliberately not wired
+   up: the rule above is the older and the better-argued one, and a pill that
+   is already a coloured word does not get more legible for gaining a picture.
+   Add them here if a long Jobs table ever proves otherwise. */
+const PILL_ICON: Partial<Record<string, IconName>> = { online: "online", stale: "stale", offline: "offline" };
 
 export const Pill = ({ kind, children }: { kind: string; children?: ComponentChildren }) => {
   const icon = PILL_ICON[kind];
diff --git a/runner-android/app/src/main/AndroidManifest.xml b/runner-android/app/src/main/AndroidManifest.xml
index 515f4ca..81456b9 100644
--- a/runner-android/app/src/main/AndroidManifest.xml
+++ b/runner-android/app/src/main/AndroidManifest.xml
@@ -18,8 +18,9 @@
 
     <application
         android:label="Fleet Runner"
-        android:icon="@drawable/ic_launcher"
-        android:theme="@style/Theme.AppCompat.DayNight.NoActionBar"
+        android:icon="@mipmap/ic_launcher"
+        android:roundIcon="@mipmap/ic_launcher_round"
+        android:theme="@style/Theme.FleetRunner"
         android:usesCleartextTraffic="true">
         <!-- Cleartext is deliberate: the collector speaks plain HTTP and is only
              reachable inside the Tailscale mesh / adb reverse. -->
diff --git a/runner-android/app/src/main/java/com/taylab/fleetrunner/MainActivity.kt b/runner-android/app/src/main/java/com/taylab/fleetrunner/MainActivity.kt
index 2c0a02b..7240462 100644
--- a/runner-android/app/src/main/java/com/taylab/fleetrunner/MainActivity.kt
+++ b/runner-android/app/src/main/java/com/taylab/fleetrunner/MainActivity.kt
@@ -4,13 +4,20 @@ import android.Manifest
 import android.os.Build
 import android.os.Bundle
 import android.provider.Settings
+import android.view.View
 import android.widget.Button
 import android.widget.EditText
 import android.widget.TextView
 import androidx.appcompat.app.AppCompatActivity
 import androidx.core.app.ActivityCompat
+import androidx.core.content.ContextCompat
+import androidx.lifecycle.Lifecycle
 import androidx.lifecycle.lifecycleScope
+import com.taylab.fleetrunner.telemetry.Telemetry
+import com.taylab.fleetrunner.ui.PulseTraceView
+import kotlinx.coroutines.delay
 import kotlinx.coroutines.flow.collectLatest
+import kotlinx.coroutines.isActive
 import kotlinx.coroutines.launch
 
 // Loopback by default, so a fresh clone works over `adb reverse` and an
@@ -23,6 +30,26 @@ class MainActivity : AppCompatActivity() {
 
     private val prefs by lazy { getSharedPreferences("fleet", MODE_PRIVATE) }
 
+    private lateinit var pulse: PulseTraceView
+    private lateinit var headline: TextView
+    private lateinit var subtitle: TextView
+    private lateinit var beaconAge: TextView
+    private lateinit var liveDot: View
+    private lateinit var liveLabel: TextView
+    private lateinit var batteryValue: TextView
+    private lateinit var batteryMeter: View
+    private lateinit var thermalValue: TextView
+    private lateinit var thermalSteps: List<View>
+    private lateinit var networkValue: TextView
+    private lateinit var jobCard: View
+    private lateinit var jobLabel: TextView
+    private lateinit var jobPill: TextView
+    private lateinit var jobWorkload: TextView
+    private lateinit var jobId: TextView
+    private lateinit var jobElapsed: TextView
+    private lateinit var urlField: EditText
+    private lateinit var idField: EditText
+
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
         setContentView(R.layout.activity_main)
@@ -45,9 +72,7 @@ class MainActivity : AppCompatActivity() {
             }
         }
 
-        val urlField = findViewById<EditText>(R.id.collector_url)
-        val idField = findViewById<EditText>(R.id.device_id)
-        val statusView = findViewById<TextView>(R.id.status)
+        bindViews()
 
         // `--es base_url http://host:port` lets enrollment point a device at a
         // collector without rebuilding the app — the whole shelf can be moved
@@ -64,9 +89,7 @@ class MainActivity : AppCompatActivity() {
         }
         findViewById<Button>(R.id.stop).setOnClickListener { RunnerService.stop(this) }
 
-        lifecycleScope.launch {
-            RunnerService.status.collectLatest { statusView.text = it }
-        }
+        observeAgent()
 
         // Headless start for adb / the host executor:
         //   am start -n com.taylab.fleetrunner/.MainActivity --ez autostart true
@@ -75,6 +98,216 @@ class MainActivity : AppCompatActivity() {
         }
     }
 
+    private fun bindViews() {
+        pulse = findViewById(R.id.pulse)
+        headline = findViewById(R.id.headline)
+        subtitle = findViewById(R.id.subtitle)
+        beaconAge = findViewById(R.id.beacon_age)
+        liveDot = findViewById(R.id.live_dot)
+        liveLabel = findViewById(R.id.live_label)
+        batteryValue = findViewById(R.id.battery_value)
+        batteryMeter = findViewById(R.id.battery_meter)
+        thermalValue = findViewById(R.id.thermal_value)
+        thermalSteps = listOf(
+            findViewById(R.id.thermal_step_1),
+            findViewById(R.id.thermal_step_2),
+            findViewById(R.id.thermal_step_3),
+            findViewById(R.id.thermal_step_4),
+        )
+        networkValue = findViewById(R.id.network_value)
+        jobCard = findViewById(R.id.job_card)
+        jobLabel = findViewById(R.id.job_label)
+        jobPill = findViewById(R.id.job_pill)
+        jobWorkload = findViewById(R.id.job_workload)
+        jobId = findViewById(R.id.job_id)
+        jobElapsed = findViewById(R.id.job_elapsed)
+        urlField = findViewById(R.id.collector_url)
+        idField = findViewById(R.id.device_id)
+    }
+
+    /**
+     * Everything the screen shows, wired to the service's state.
+     *
+     * Collected on `lifecycleScope`, not through `repeatOnLifecycle`: that
+     * operator lives in lifecycle-runtime-ktx, and this module deliberately
+     * carries appcompat and nothing else. The thing it would have bought — not
+     * redrawing while the screen is off — is what the ticker's own lifecycle
+     * check below does, and it is only the ticker that would otherwise run on
+     * a dark screen. The state flows push nothing while the agent is idle.
+     */
+    private fun observeAgent() {
+        lifecycleScope.launch { RunnerService.status.collectLatest { findViewById<TextView>(R.id.status).text = it } }
+        lifecycleScope.launch { RunnerService.phase.collectLatest { renderPhase(it) } }
+        lifecycleScope.launch { RunnerService.beacon.collectLatest { renderTelemetry() } }
+        lifecycleScope.launch { RunnerService.network.collectLatest { renderTelemetry() } }
+        lifecycleScope.launch { RunnerService.job.collectLatest { renderJob() } }
+        // The two ages on this screen — since the last beacon, and since the job
+        // was claimed — are wall-clock, so nothing pushes them. One second is
+        // fast enough to look live; a fleet phone spends its life with the
+        // screen off, so it does nothing at all while the Activity is stopped.
+        lifecycleScope.launch {
+            while (isActive) {
+                if (lifecycle.currentState.isAtLeast(Lifecycle.State.STARTED)) renderAges()
+                delay(1_000)
+            }
+        }
+        // A reading before the agent has ever been started: deciding whether to
+        // enrol a phone that is on 8% is exactly a pre-start question, and until
+        // Start is pressed there is no beacon to show.
+        renderTelemetry()
+    }
+
+    private fun renderPhase(phase: RunnerService.Companion.Phase) {
+        headline.text = phase.headline
+        pulse.active = phase.connected
+
+        subtitle.text = when (phase) {
+            RunnerService.Companion.Phase.STOPPED -> getString(R.string.not_registered)
+            // The actual error, not a euphemism: "cannot reach the collector"
+            // without the reason is the half of the message that does not help.
+            RunnerService.Companion.Phase.FAILING -> RunnerService.status.value
+            else -> "Registered as ${idField.text} in pool ml-capable"
+        }
+
+        val (label, color) = when (phase) {
+            RunnerService.Companion.Phase.POLLING, RunnerService.Companion.Phase.RUNNING ->
+                "live" to R.color.fleet_ok
+            RunnerService.Companion.Phase.STOPPED -> "stopped" to R.color.fleet_ink_faint
+            RunnerService.Companion.Phase.FAILING -> "offline" to R.color.fleet_bad
+            else -> "connecting" to R.color.fleet_warn
+        }
+        liveLabel.text = label
+        liveDot.background.setTint(ContextCompat.getColor(this, color))
+
+        // Only "connecting" pulses. A dot that pulses forever stops being read.
+        val connecting = phase == RunnerService.Companion.Phase.STARTING ||
+            phase == RunnerService.Companion.Phase.REGISTERING
+        liveDot.clearAnimation()
+        if (connecting && animationsEnabled()) {
+            liveDot.animate().alpha(0.25f).setDuration(600).withEndAction {
+                liveDot.animate().alpha(1f).setDuration(600).withEndAction {
+                    if (RunnerService.phase.value.let {
+                            it == RunnerService.Companion.Phase.STARTING ||
+                                it == RunnerService.Companion.Phase.REGISTERING
+                        }
+                    ) renderPhase(RunnerService.phase.value)
+                }.start()
+            }.start()
+        } else {
+            liveDot.animate().cancel()
+            liveDot.alpha = 1f
+        }
+    }
+
+    /** Zero means "do not animate" — the platform's own reduce-motion signal. */
+    private fun animationsEnabled(): Boolean =
+        Settings.Global.getFloat(contentResolver, Settings.Global.ANIMATOR_DURATION_SCALE, 1f) != 0f
+
+    private fun renderTelemetry() {
+        // The beacon when there is one, a local reading before the first goes
+        // out. Once the agent is running these are the numbers the collector
+        // was actually sent, not readings taken a second later.
+        val beacon = RunnerService.beacon.value
+        val battery = beacon?.batteryPct ?: runCatching { Telemetry.batteryPct(this) }.getOrNull()
+        val charging = beacon?.charging ?: runCatching { Telemetry.isCharging(this) }.getOrDefault(false)
+        val thermal = beacon?.thermal ?: runCatching { Telemetry.thermal(this) }.getOrNull()
+        val net = RunnerService.network.value.takeIf { it != "unknown" }
+            ?: runCatching { Telemetry.networkType(this) }.getOrDefault("unknown")
+
+        // An emulator reports a level of -1 rather than a reading; "-1%" would
+        // look like a measurement rather than the absence of one.
+        batteryValue.text = when {
+            battery == null || battery < 0 -> "n/a"
+            else -> "$battery%"
+        }
+        val batteryColor = when {
+            battery == null || battery < 0 -> R.color.fleet_ink_faint
+            charging -> R.color.fleet_ok
+            battery < 15 -> R.color.fleet_bad
+            battery < 30 -> R.color.fleet_warn
+            else -> R.color.fleet_ok
+        }
+        batteryValue.setTextColor(ContextCompat.getColor(this, batteryColor))
+        batteryMeter.background.setTint(ContextCompat.getColor(this, batteryColor))
+        batteryMeter.post {
+            val track = (batteryMeter.parent as View).width
+            val pct = (battery ?: 0).coerceIn(0, 100)
+            batteryMeter.layoutParams = batteryMeter.layoutParams.apply {
+                width = if (battery == null || battery < 0) 0 else (track * pct / 100).coerceAtLeast(4)
+            }
+            batteryMeter.requestLayout()
+        }
+
+        thermalValue.text = thermal ?: getString(R.string.dash)
+        thermalValue.setTextColor(ContextCompat.getColor(this, thermalColor(thermal)))
+        val lit = when (thermal) {
+            "nominal" -> 1; "fair" -> 2; "serious" -> 3; "critical" -> 4; else -> 0
+        }
+        val stepColors = listOf(R.color.fleet_ok, R.color.fleet_fair, R.color.fleet_warn, R.color.fleet_bad)
+        thermalSteps.forEachIndexed { i, step ->
+            val c = if (i < lit) stepColors[i] else R.color.fleet_panel_2
+            step.background.setTint(ContextCompat.getColor(this, c))
+        }
+
+        networkValue.text = net
+    }
+
+    private fun thermalColor(state: String?): Int = when (state) {
+        "nominal" -> R.color.fleet_ok
+        "fair" -> R.color.fleet_fair
+        "serious" -> R.color.fleet_warn
+        "critical" -> R.color.fleet_bad
+        else -> R.color.fleet_ink_faint
+    }
+
+    private fun renderJob() {
+        val job = RunnerService.job.value
+        if (job == null) {
+            jobCard.visibility = View.GONE
+            return
+        }
+        jobCard.visibility = View.VISIBLE
+        val running = job.finishedAt == null
+        jobLabel.setText(if (running) R.string.label_running else R.string.label_last_job)
+        // No ok/failed verdict: the engines post their own final rows and this
+        // process never sees the outcome, so a green badge here would be a
+        // guess. The dashboard is where a job's verdict lives.
+        jobPill.text = if (running) "claimed" else "finished"
+        jobPill.setTextColor(
+            ContextCompat.getColor(this, if (running) R.color.fleet_warn else R.color.fleet_ink_dim),
+        )
+        jobWorkload.text = job.workload
+        jobId.text = job.jobId
+        renderAges()
+    }
+
+    private fun renderAges() {
+        val beaconAt = RunnerService.lastBeaconAt.value
+        if (beaconAt == null) {
+            beaconAge.visibility = View.GONE
+        } else {
+            beaconAge.visibility = View.VISIBLE
+            beaconAge.text = "${duration((System.currentTimeMillis() - beaconAt) / 1000)} ago"
+        }
+
+        val job = RunnerService.job.value ?: return
+        jobElapsed.text = if (job.finishedAt == null) {
+            "started ${duration((System.currentTimeMillis() - job.startedAt) / 1000)} ago"
+        } else {
+            "took ${duration((job.finishedAt - job.startedAt) / 1000)}"
+        }
+    }
+
+    /** Compact, like the dashboard's: read at a glance, not to the second. */
+    private fun duration(seconds: Long): String {
+        val s = seconds.coerceAtLeast(0)
+        return when {
+            s < 60 -> "${s}s"
+            s < 3600 -> "${s / 60}m ${s % 60}s"
+            else -> "${s / 3600}h ${(s % 3600) / 60}m"
+        }
+    }
+
     private fun defaultDeviceId(): String {
         val model = Build.MODEL.lowercase().replace(Regex("[^a-z0-9]+"), "-")
         val suffix = Settings.Secure.getString(contentResolver, Settings.Secure.ANDROID_ID)
diff --git a/runner-android/app/src/main/java/com/taylab/fleetrunner/ui/PulseTraceView.kt b/runner-android/app/src/main/java/com/taylab/fleetrunner/ui/PulseTraceView.kt
new file mode 100644
index 0000000..8fdc02e
--- /dev/null
+++ b/runner-android/app/src/main/java/com/taylab/fleetrunner/ui/PulseTraceView.kt
@@ -0,0 +1,157 @@
+package com.taylab.fleetrunner.ui
+
+import android.animation.ValueAnimator
+import android.content.Context
+import android.graphics.Canvas
+import android.graphics.DashPathEffect
+import android.graphics.Paint
+import android.graphics.Path
+import android.graphics.PathMeasure
+import android.provider.Settings
+import android.util.AttributeSet
+import android.view.View
+import android.view.animation.PathInterpolator
+import androidx.core.content.ContextCompat
+import com.taylab.fleetrunner.R
+
+/**
+ * The mark's pulse, drawn left to right while the agent is in contact with the
+ * collector.
+ *
+ * This is the same shape as the launcher icon, the dashboard's glyph and the
+ * README banner — one flat run, one spike, one flat run — so the thing that
+ * moves on a runner's home screen is recognisably the product's own mark rather
+ * than a generic spinner. It answers "is this phone actually talking to
+ * anything?" before a single word on the screen has been read.
+ *
+ * At rest it is the complete trace in the panel's line colour: a still,
+ * finished drawing, not an empty box. That is also exactly what it shows when
+ * the system's animator duration scale is zero — the Android equivalent of
+ * prefers-reduced-motion, set by Developer options and by accessibility
+ * tooling — because a loop that ignores that setting is a loop the user cannot
+ * turn off.
+ */
+class PulseTraceView @JvmOverloads constructor(
+    context: Context,
+    attrs: AttributeSet? = null,
+    defStyle: Int = 0,
+) : View(context, attrs, defStyle) {
+
+    private val trackPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply {
+        style = Paint.Style.STROKE
+        strokeCap = Paint.Cap.ROUND
+        strokeJoin = Paint.Join.ROUND
+    }
+    private val tracePaint = Paint(Paint.ANTI_ALIAS_FLAG).apply {
+        style = Paint.Style.STROKE
+        strokeCap = Paint.Cap.ROUND
+        strokeJoin = Paint.Join.ROUND
+    }
+
+    private val path = Path()
+    private val measure = PathMeasure()
+    private var length = 0f
+    private var sweep = 1f
+    private var animator: ValueAnimator? = null
+
+    /** True while the agent is registered and polling or running. */
+    var active: Boolean = false
+        set(value) {
+            if (field == value) return
+            field = value
+            tracePaint.color = if (value) pulseColor else faintColor
+            restart()
+        }
+
+    private val pulseColor = ContextCompat.getColor(context, R.color.fleet_pulse)
+    private val faintColor = ContextCompat.getColor(context, R.color.fleet_ink_faint)
+
+    init {
+        trackPaint.color = ContextCompat.getColor(context, R.color.fleet_line)
+        trackPaint.strokeWidth = dp(2f)
+        tracePaint.color = faintColor
+        tracePaint.strokeWidth = dp(2.5f)
+        // Decoration: the headline beside it carries the same meaning in words.
+        importantForAccessibility = IMPORTANT_FOR_ACCESSIBILITY_NO
+        // DashPathEffect is not supported by the hardware pipeline.
+        setLayerType(LAYER_TYPE_SOFTWARE, null)
+    }
+
+    private fun dp(v: Float) = v * resources.displayMetrics.density
+
+    /**
+     * Zero means "do not animate": the same signal the platform's own
+     * transitions honour.
+     */
+    private fun animationsEnabled(): Boolean =
+        Settings.Global.getFloat(
+            context.contentResolver, Settings.Global.ANIMATOR_DURATION_SCALE, 1f,
+        ) != 0f
+
+    override fun onSizeChanged(w: Int, h: Int, oldw: Int, oldh: Int) {
+        super.onSizeChanged(w, h, oldw, oldh)
+        buildPath(w.toFloat(), h.toFloat())
+        restart()
+    }
+
+    /** Authored against the 290x88 box the design uses, then scaled. */
+    private fun buildPath(w: Float, h: Float) {
+        val sx = w / 290f
+        val sy = h / 88f
+        path.reset()
+        path.moveTo(0f, 44f * sy)
+        path.lineTo(92f * sx, 44f * sy)
+        path.lineTo(114f * sx, 14f * sy)
+        path.lineTo(148f * sx, 80f * sy)
+        path.lineTo(168f * sx, 44f * sy)
+        path.lineTo(290f * sx, 44f * sy)
+        measure.setPath(path, false)
+        length = measure.length
+    }
+
+    private fun restart() {
+        animator?.cancel()
+        animator = null
+        if (!active || !animationsEnabled() || length <= 0f) {
+            sweep = 1f
+            invalidate()
+            return
+        }
+        animator = ValueAnimator.ofFloat(0f, 1f).apply {
+            duration = 2200
+            repeatCount = ValueAnimator.INFINITE
+            // The dashboard's easing, so the web and the phone accelerate the
+            // same way.
+            interpolator = PathInterpolator(0.4f, 0f, 0.2f, 1f)
+            addUpdateListener {
+                sweep = it.animatedValue as Float
+                invalidate()
+            }
+            start()
+        }
+    }
+
+    override fun onAttachedToWindow() {
+        super.onAttachedToWindow()
+        restart()
+    }
+
+    override fun onDetachedFromWindow() {
+        animator?.cancel()
+        animator = null
+        super.onDetachedFromWindow()
+    }
+
+    override fun onDraw(canvas: Canvas) {
+        if (length <= 0f) return
+        canvas.drawPath(path, trackPaint)
+        // A dash of "drawn so far, then nothing" is how you trim a stroked path
+        // without rebuilding it every frame — the same trick as the web's
+        // stroke-dashoffset.
+        tracePaint.pathEffect =
+            if (sweep >= 1f) null
+            else DashPathEffect(floatArrayOf(length * sweep, length), 0f)
+        canvas.drawPath(path, tracePaint)
+    }
+
+}
diff --git a/runner-android/app/src/main/res/drawable/dot.xml b/runner-android/app/src/main/res/drawable/dot.xml
new file mode 100644
index 0000000..df3c770
--- /dev/null
+++ b/runner-android/app/src/main/res/drawable/dot.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval">
+    <solid android:color="@color/fleet_ok" />
+</shape>
diff --git a/runner-android/app/src/main/res/drawable/ic_glyph.xml b/runner-android/app/src/main/res/drawable/ic_glyph.xml
new file mode 100644
index 0000000..71d98d2
--- /dev/null
+++ b/runner-android/app/src/main/res/drawable/ic_glyph.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- The under-24dp form of the mark: the pulse on its tile, the same path as
+     the dashboard's Glyph and favicon.svg. Not a scaled-down launcher icon —
+     at this size the phone outline closes up, so the small mark drops it. -->
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="28dp" android:height="28dp"
+    android:viewportWidth="16" android:viewportHeight="16">
+    <path android:fillColor="@color/fleet_tile"
+        android:pathData="M3.5,0h9a3.5,3.5 0 0 1 3.5,3.5v9a3.5,3.5 0 0 1 -3.5,3.5h-9a3.5,3.5 0 0 1 -3.5,-3.5v-9a3.5,3.5 0 0 1 3.5,-3.5z" />
+    <path android:strokeColor="@color/fleet_pulse" android:strokeWidth="1.75"
+        android:strokeLineCap="round" android:strokeLineJoin="round"
+        android:fillColor="#00000000"
+        android:pathData="M3,8.5h2.2l1.4,-4 2.4,8 1.5,-4H13" />
+</vector>
diff --git a/runner-android/app/src/main/res/layout/activity_main.xml b/runner-android/app/src/main/res/layout/activity_main.xml
index 8887db4..75b3707 100644
--- a/runner-android/app/src/main/res/layout/activity_main.xml
+++ b/runner-android/app/src/main/res/layout/activity_main.xml
@@ -1,58 +1,486 @@
 <?xml version="1.0" encoding="utf-8"?>
+<!--
+  The runner's one screen.
+
+  A fleet device spends its life face-down on a shelf, so this is read in two
+  situations and no others: while enrolling it, and while standing over it
+  wondering why it is not taking work. Both questions are answered above the
+  fold — what the agent is doing, which collector it is talking to, and whether
+  the battery or the heat is about to disqualify it from a job — and the
+  settings that only matter once are the fields underneath.
+
+  Plain views on shape drawables rather than Material components: the app
+  depends on appcompat alone, and the whole Material library is a large answer
+  to "we need a card and a pill". No fake status bar either — Android draws the
+  real one on top.
+-->
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:orientation="vertical"
-    android:padding="24dp">
-
-    <TextView
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:text="@string/title"
-        android:textSize="22sp"
-        android:textStyle="bold"
-        android:paddingBottom="16dp" />
+    android:background="@color/fleet_bg"
+    android:paddingStart="16dp"
+    android:paddingEnd="16dp"
+    android:paddingTop="12dp"
+    android:paddingBottom="16dp"
+    android:fitsSystemWindows="true">
 
-    <EditText
-        android:id="@+id/collector_url"
+    <!-- header -->
+    <LinearLayout
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:hint="@string/hint_collector_url"
-        android:inputType="textUri" />
+        android:orientation="horizontal"
+        android:gravity="center_vertical"
+        android:paddingBottom="12dp">
+
+        <ImageView
+            android:layout_width="28dp"
+            android:layout_height="28dp"
+            android:src="@drawable/ic_glyph"
+            android:importantForAccessibility="no" />
 
-    <EditText
-        android:id="@+id/device_id"
+        <TextView
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_weight="1"
+            android:layout_marginStart="10dp"
+            android:text="@string/title"
+            android:textSize="20sp"
+            android:textStyle="bold"
+            android:textColor="@color/fleet_ink" />
+
+        <!-- The live pill: the same three states and the same colours as the
+             dashboard's live dot, and like it only animated while connecting. -->
+        <LinearLayout
+            android:id="@+id/live_pill"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:gravity="center_vertical"
+            android:background="@drawable/bg_pill"
+            android:paddingStart="10dp"
+            android:paddingEnd="12dp"
+            android:paddingTop="6dp"
+            android:paddingBottom="6dp">
+
+            <View
+                android:id="@+id/live_dot"
+                android:layout_width="8dp"
+                android:layout_height="8dp"
+                android:background="@drawable/dot" />
+
+            <TextView
+                android:id="@+id/live_label"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="6dp"
+                android:text="@string/status_stopped"
+                android:textSize="12sp"
+                android:textColor="@color/fleet_ink_dim" />
+        </LinearLayout>
+    </LinearLayout>
+
+    <ScrollView
         android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:hint="@string/hint_device_id"
-        android:inputType="text" />
+        android:layout_height="0dp"
+        android:layout_weight="1"
+        android:scrollbars="none"
+        android:clipToPadding="false">
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="vertical">
+
+            <!-- hero: the status, at the size of the only question that matters -->
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:orientation="vertical"
+                android:background="@drawable/bg_card"
+                android:padding="20dp">
+
+                <com.taylab.fleetrunner.ui.PulseTraceView
+                    android:id="@+id/pulse"
+                    android:layout_width="match_parent"
+                    android:layout_height="64dp" />
+
+                <LinearLayout
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:orientation="horizontal"
+                    android:baselineAligned="true"
+                    android:layout_marginTop="14dp">
+
+                    <TextView
+                        android:id="@+id/headline"
+                        android:layout_width="0dp"
+                        android:layout_height="wrap_content"
+                        android:layout_weight="1"
+                        android:text="Stopped"
+                        android:textSize="24sp"
+                        android:textStyle="bold"
+                        android:textColor="@color/fleet_ink"
+                        tools:ignore="HardcodedText" />
+
+                    <TextView
+                        android:id="@+id/beacon_age"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginStart="12dp"
+                        android:textSize="12sp"
+                        android:fontFamily="monospace"
+                        android:textColor="@color/fleet_ink_faint"
+                        android:visibility="gone"
+                        tools:text="12s ago"
+                        tools:visibility="visible" />
+                </LinearLayout>
+
+                <TextView
+                    android:id="@+id/subtitle"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="4dp"
+                    android:text="@string/not_registered"
+                    android:textSize="14sp"
+                    android:textColor="@color/fleet_ink_dim" />
+            </LinearLayout>
+
+            <!-- collector -->
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:orientation="vertical"
+                android:background="@drawable/bg_card"
+                android:padding="16dp"
+                android:layout_marginTop="12dp">
+
+                <TextView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="@string/label_collector"
+                    android:textSize="11sp"
+                    android:textStyle="bold"
+                    android:letterSpacing="0.07"
+                    android:textColor="@color/fleet_ink_dim" />
+
+                <EditText
+                    android:id="@+id/collector_url"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="2dp"
+                    android:background="@drawable/bg_field"
+                    android:paddingTop="6dp"
+                    android:paddingBottom="8dp"
+                    android:hint="@string/hint_collector_url"
+                    android:inputType="textUri"
+                    android:textSize="15sp"
+                    android:fontFamily="monospace"
+                    android:textColor="@color/fleet_ink"
+                    android:textColorHint="@color/fleet_ink_faint"
+                    android:importantForAutofill="no" />
+
+                <View
+                    android:layout_width="match_parent"
+                    android:layout_height="1dp"
+                    android:layout_marginTop="12dp"
+                    android:layout_marginBottom="12dp"
+                    android:background="@drawable/divider" />
+
+                <TextView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="@string/label_device_id"
+                    android:textSize="11sp"
+                    android:textStyle="bold"
+                    android:letterSpacing="0.07"
+                    android:textColor="@color/fleet_ink_dim" />
 
+                <EditText
+                    android:id="@+id/device_id"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="2dp"
+                    android:background="@drawable/bg_field"
+                    android:paddingTop="6dp"
+                    android:paddingBottom="8dp"
+                    android:hint="@string/hint_device_id"
+                    android:inputType="text"
+                    android:textSize="15sp"
+                    android:fontFamily="monospace"
+                    android:textColor="@color/fleet_ink"
+                    android:textColorHint="@color/fleet_ink_faint"
+                    android:importantForAutofill="no" />
+            </LinearLayout>
+
+            <!-- The three readings that decide whether this device may take a
+                 job: charge, heat, and what is carrying its traffic. -->
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:orientation="horizontal"
+                android:layout_marginTop="12dp"
+                android:baselineAligned="false">
+
+                <LinearLayout
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_weight="1"
+                    android:orientation="vertical"
+                    android:background="@drawable/bg_tile"
+                    android:padding="12dp">
+
+                    <TextView
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:text="@string/label_battery"
+                        android:textSize="10sp"
+                        android:textStyle="bold"
+                        android:letterSpacing="0.06"
+                        android:textColor="@color/fleet_ink_dim" />
+
+                    <TextView
+                        android:id="@+id/battery_value"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="6dp"
+                        android:text="@string/dash"
+                        android:textSize="20sp"
+                        android:textStyle="bold"
+                        android:textColor="@color/fleet_ink" />
+
+                    <FrameLayout
+                        android:layout_width="match_parent"
+                        android:layout_height="3dp"
+                        android:layout_marginTop="10dp"
+                        android:background="@drawable/bg_meter_track">
+
+                        <View
+                            android:id="@+id/battery_meter"
+                            android:layout_width="0dp"
+                            android:layout_height="match_parent"
+                            android:background="@drawable/bg_meter_fill" />
+                    </FrameLayout>
+                </LinearLayout>
+
+                <LinearLayout
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_weight="1"
+                    android:layout_marginStart="10dp"
+                    android:orientation="vertical"
+                    android:background="@drawable/bg_tile"
+                    android:padding="12dp">
+
+                    <TextView
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:text="@string/label_thermal"
+                        android:textSize="10sp"
+                        android:textStyle="bold"
+                        android:letterSpacing="0.06"
+                        android:textColor="@color/fleet_ink_dim" />
+
+                    <TextView
+                        android:id="@+id/thermal_value"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="6dp"
+                        android:text="@string/dash"
+                        android:textSize="20sp"
+                        android:textStyle="bold"
+                        android:textColor="@color/fleet_ink" />
+
+                    <!-- Four steps, not one coloured word: "serious" as three
+                         lit steps reads as most of the way to trouble. -->
+                    <LinearLayout
+                        android:id="@+id/thermal_steps"
+                        android:layout_width="match_parent"
+                        android:layout_height="3dp"
+                        android:layout_marginTop="10dp"
+                        android:orientation="horizontal">
+
+                        <View android:id="@+id/thermal_step_1" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:background="@drawable/bg_meter_track" />
+                        <View android:id="@+id/thermal_step_2" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:layout_marginStart="3dp" android:background="@drawable/bg_meter_track" />
+                        <View android:id="@+id/thermal_step_3" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:layout_marginStart="3dp" android:background="@drawable/bg_meter_track" />
+                        <View android:id="@+id/thermal_step_4" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:layout_marginStart="3dp" android:background="@drawable/bg_meter_track" />
+                    </LinearLayout>
+                </LinearLayout>
+
+                <LinearLayout
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_weight="1"
+                    android:layout_marginStart="10dp"
+                    android:orientation="vertical"
+                    android:background="@drawable/bg_tile"
+                    android:padding="12dp">
+
+                    <TextView
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:text="@string/label_network"
+                        android:textSize="10sp"
+                        android:textStyle="bold"
+                        android:letterSpacing="0.06"
+                        android:textColor="@color/fleet_ink_dim" />
+
+                    <TextView
+                        android:id="@+id/network_value"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="6dp"
+                        android:text="@string/dash"
+                        android:textSize="20sp"
+                        android:textStyle="bold"
+                        android:textColor="@color/fleet_ink"
+                        android:maxLines="1" />
+
+                    <TextView
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="7dp"
+                        android:text="@string/beacon_interval"
+                        android:textSize="11sp"
+                        android:textColor="@color/fleet_ink_faint" />
+                </LinearLayout>
+            </LinearLayout>
+
+            <!-- The job card appears only when there is a job to name. -->
+            <LinearLayout
+                android:id="@+id/job_card"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:orientation="vertical"
+                android:background="@drawable/bg_card"
+                android:padding="16dp"
+                android:layout_marginTop="12dp"
+                android:visibility="gone"
+                tools:visibility="visible">
+
+                <LinearLayout
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:orientation="horizontal"
+                    android:gravity="center_vertical">
+
+                    <TextView
+                        android:id="@+id/job_label"
+                        android:layout_width="0dp"
+                        android:layout_height="wrap_content"
+                        android:layout_weight="1"
+                        android:text="@string/label_running"
+                        android:textSize="11sp"
+                        android:textStyle="bold"
+                        android:letterSpacing="0.07"
+                        android:textColor="@color/fleet_ink_dim" />
+
+                    <TextView
+                        android:id="@+id/job_pill"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:background="@drawable/bg_pill"
+                        android:paddingStart="9dp"
+                        android:paddingEnd="9dp"
+                        android:paddingTop="2dp"
+                        android:paddingBottom="2dp"
+                        android:textSize="12sp"
+                        android:textStyle="bold"
+                        android:textColor="@color/fleet_warn"
+                        tools:text="claimed" />
+                </LinearLayout>
+
+                <TextView
+                    android:id="@+id/job_workload"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="10dp"
+                    android:textSize="15sp"
+                    android:textStyle="bold"
+                    android:textColor="@color/fleet_ink"
+                    tools:text="benchmark" />
+
+                <TextView
+                    android:id="@+id/job_id"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="2dp"
+                    android:textSize="12sp"
+                    android:fontFamily="monospace"
+                    android:ellipsize="middle"
+                    android:maxLines="1"
+                    android:textColor="@color/fleet_ink_dim"
+                    tools:text="bench-qwen-q4-nightly-31" />
+
+                <TextView
+                    android:id="@+id/job_elapsed"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="8dp"
+                    android:textSize="12sp"
+                    android:textColor="@color/fleet_ink_dim"
+                    tools:text="started 3m 12s ago" />
+            </LinearLayout>
+
+            <TextView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="14dp"
+                android:layout_marginBottom="4dp"
+                android:text="@string/foreground_note"
+                android:textSize="12sp"
+                android:lineSpacingExtra="2dp"
+                android:textColor="@color/fleet_ink_faint" />
+        </LinearLayout>
+    </ScrollView>
+
+    <!-- controls: 48dp tall, full width, well past the 44dp floor -->
     <LinearLayout
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:orientation="horizontal"
-        android:paddingTop="12dp">
+        android:layout_marginTop="12dp"
+        android:baselineAligned="false">
 
         <Button
-            android:id="@+id/start"
+            android:id="@+id/stop"
             android:layout_width="0dp"
+            android:layout_height="48dp"
             android:layout_weight="1"
-            android:layout_height="wrap_content"
-            android:text="@string/start" />
+            android:background="@drawable/bg_button_secondary"
+            android:text="@string/stop"
+            android:textAllCaps="false"
+            android:textSize="15sp"
+            android:textColor="@color/fleet_accent"
+            android:stateListAnimator="@null" />
 
         <Button
-            android:id="@+id/stop"
+            android:id="@+id/start"
             android:layout_width="0dp"
-            android:layout_weight="1"
-            android:layout_height="wrap_content"
-            android:text="@string/stop" />
+            android:layout_height="48dp"
+            android:layout_weight="2"
+            android:layout_marginStart="12dp"
+            android:background="@drawable/bg_button_primary"
+            android:text="@string/start"
+            android:textAllCaps="false"
+            android:textSize="15sp"
+            android:textStyle="bold"
+            android:textColor="@color/fleet_on_accent"
+            android:stateListAnimator="@null" />
     </LinearLayout>
 
+    <!-- The status sentence. Keeps its id and its text so the Maestro flows
+         that read the agent's state off this screen keep working. -->
     <TextView
         android:id="@+id/status"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:paddingTop="24dp"
-        android:textSize="16sp"
-        android:text="@string/status_stopped" />
+        android:layout_marginTop="10dp"
+        android:gravity="center"
+        android:text="@string/status_stopped"
+        android:textSize="12sp"
+        android:maxLines="2"
+        android:ellipsize="end"
+        android:textColor="@color/fleet_ink_faint" />
 </LinearLayout>
diff --git a/runner-android/app/src/main/res/mipmap/ic_launcher.xml b/runner-android/app/src/main/res/mipmap/ic_launcher.xml
new file mode 100644
index 0000000..e3060dc
--- /dev/null
+++ b/runner-android/app/src/main/res/mipmap/ic_launcher.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="48dp"
+    android:height="48dp"
+    android:viewportWidth="48"
+    android:viewportHeight="48">
+    <path
+        android:fillColor="#1C2025"
+        android:pathData="M4,8a4,4 0 0 1 4,-4h32a4,4 0 0 1 4,4v32a4,4 0 0 1 -4,4H8a4,4 0 0 1 -4,-4V8z" />
+    <path
+        android:fillColor="#E3A44A"
+        android:pathData="M17,10h14a2,2 0 0 1 2,2v24a2,2 0 0 1 -2,2H17a2,2 0 0 1 -2,-2V12a2,2 0 0 1 2,-2zM18,13v20h12V13H18zM21,35h6v1.5h-6V35z" />
+    <path
+        android:fillColor="#E3A44A"
+        android:pathData="M20,22h2.2l1.3,-3.5 2.2,7 1.5,-3.5H28v2h-0.5l-2.5,6 -2.2,-7 -1.4,3H20v-2z" />
+</vector>
diff --git a/runner-android/app/src/main/res/mipmap/ic_launcher_round.xml b/runner-android/app/src/main/res/mipmap/ic_launcher_round.xml
new file mode 100644
index 0000000..e3060dc
--- /dev/null
+++ b/runner-android/app/src/main/res/mipmap/ic_launcher_round.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="48dp"
+    android:height="48dp"
+    android:viewportWidth="48"
+    android:viewportHeight="48">
+    <path
+        android:fillColor="#1C2025"
+        android:pathData="M4,8a4,4 0 0 1 4,-4h32a4,4 0 0 1 4,4v32a4,4 0 0 1 -4,4H8a4,4 0 0 1 -4,-4V8z" />
+    <path
+        android:fillColor="#E3A44A"
+        android:pathData="M17,10h14a2,2 0 0 1 2,2v24a2,2 0 0 1 -2,2H17a2,2 0 0 1 -2,-2V12a2,2 0 0 1 2,-2zM18,13v20h12V13H18zM21,35h6v1.5h-6V35z" />
+    <path
+        android:fillColor="#E3A44A"
+        android:pathData="M20,22h2.2l1.3,-3.5 2.2,7 1.5,-3.5H28v2h-0.5l-2.5,6 -2.2,-7 -1.4,3H20v-2z" />
+</vector>
diff --git a/runner-android/app/src/main/res/values/strings.xml b/runner-android/app/src/main/res/values/strings.xml
index e66887c..bfae54e 100644
--- a/runner-android/app/src/main/res/values/strings.xml
+++ b/runner-android/app/src/main/res/values/strings.xml
@@ -6,4 +6,16 @@
     <string name="start">Start agent</string>
     <string name="stop">Stop</string>
     <string name="status_stopped">stopped</string>
+    <string name="label_collector">COLLECTOR</string>
+    <string name="label_device_id">DEVICE ID</string>
+    <string name="label_battery">BATTERY</string>
+    <string name="label_thermal">THERMAL</string>
+    <string name="label_network">NETWORK</string>
+    <string name="label_running">RUNNING</string>
+    <string name="label_last_job">LAST JOB</string>
+    <string name="beacon_interval">60s beacon</string>
+    <string name="agent_running">Agent running</string>
+    <string name="foreground_note">Runs as a foreground service, so it survives the screen going off.</string>
+    <string name="not_registered">Not registered. Start the agent to join the fleet.</string>
+    <string name="dash">—</string>
 </resources>