---
title: "Beacon Dispatch - Route Board, Tuesday"
platform: web
slug: beacon-dispatch-route-board-tuesday
screens: []
domains: ["logistics"]
style: "bauhaus"
fonts: ["Jost", "Roboto Mono"]
roles: ["top-navigation-bar", "segmented-control", "button", "card", "toolbar"]
score: {clean: 80, consistent: 78, accessible: 68, comprehensible: 20}
url: https://gui.farm/web/beacon-dispatch-route-board-tuesday
raw: https://gui.farm/web/beacon-dispatch-route-board-tuesday/design.guix
download: https://gui.farm/web/beacon-dispatch-route-board-tuesday.gui
---

# Beacon Dispatch - Route Board, Tuesday

A dark Bauhaus web dispatch board where a same-day courier depot coordinator monitors six drivers' delivery runs as color-coded blocks on an hourly timeline, tracks on-time and at-risk runs, and works a held run's status and reassignment.

- **Live preview:** https://gui.farm/web/beacon-dispatch-route-board-tuesday
- **Raw source:** https://gui.farm/web/beacon-dispatch-route-board-tuesday/design.guix
- **Download (.gui):** https://gui.farm/web/beacon-dispatch-route-board-tuesday.gui

## Source (design.guix)

```xml
<gui version="0.2" name="Beacon Dispatch - Route Board, Tuesday">
  <tokens>
    <color name="ink" value="#0E0E12" />
    <color name="panel" value="#16161C" />
    <color name="panel2" value="#1E1E25" />
    <color name="line" value="#2C2C35" />
    <color name="line2" value="#3B3B47" />
    <color name="bone" value="#F5F2E9" />
    <color name="muted" value="#B7B3A8" />
    <color name="faint" value="#9A968B" />
    <color name="blue" value="#1E3AD6" />
    <color name="blue-br" value="#7C93FF" />
    <color name="blue-2" value="#CFD6FF" />
    <color name="red" value="#D0241A" />
    <color name="red-br" value="#FF897E" />
    <color name="yellow" value="#F3C013" />
    <color name="yellow-dk" value="#8A6A00" />
  </tokens>
  <fonts>
    <font family="Jost" source="google" weights="400 500 600 700" styles="normal" />
    <font family="Roboto Mono" source="google" weights="400 500 700" styles="normal" />
  </fonts>
  <styles>
    <text-style name="Wordmark" font-family="Jost" font-size="18" font-weight="700" line-height="20" letter-spacing="1.5" />
    <text-style name="Tag" font-family="Roboto Mono" font-size="11" font-weight="700" line-height="14" letter-spacing="1" />
    <text-style name="Nav" font-family="Jost" font-size="13" font-weight="600" line-height="16" letter-spacing="0.6" />
    <text-style name="H1" font-family="Jost" font-size="34" font-weight="700" line-height="38" />
    <text-style name="Sub" font-family="Roboto Mono" font-size="12" font-weight="500" line-height="16" />
    <text-style name="KpiLabel" font-family="Roboto Mono" font-size="11" font-weight="700" line-height="14" letter-spacing="1" />
    <text-style name="KpiNum" font-family="Jost" font-size="40" font-weight="700" line-height="42" />
    <text-style name="KpiSub" font-family="Roboto Mono" font-size="11" font-weight="500" line-height="14" />
    <text-style name="Section" font-family="Jost" font-size="15" font-weight="700" line-height="18" letter-spacing="1" />
    <text-style name="Legend" font-family="Roboto Mono" font-size="11" font-weight="600" line-height="14" letter-spacing="0.4" />
    <text-style name="Hour" font-family="Roboto Mono" font-size="11" font-weight="600" line-height="14" letter-spacing="0.4" />
    <text-style name="HourCt" font-family="Roboto Mono" font-size="10" font-weight="500" line-height="12" letter-spacing="0.3" />
    <text-style name="Mono" font-family="Roboto Mono" font-size="12" font-weight="500" line-height="15" letter-spacing="0.2" />
    <text-style name="MonoB" font-family="Roboto Mono" font-size="13" font-weight="700" line-height="16" letter-spacing="0.5" />
    <text-style name="Driver" font-family="Jost" font-size="15" font-weight="600" line-height="18" />
    <text-style name="BlockT" font-family="Jost" font-size="13" font-weight="700" line-height="15" letter-spacing="0.3" />
    <text-style name="BlockS" font-family="Roboto Mono" font-size="11" font-weight="500" line-height="14" letter-spacing="0.2" />
    <text-style name="DLabel" font-family="Roboto Mono" font-size="10" font-weight="700" line-height="13" letter-spacing="1" />
    <text-style name="DVal" font-family="Jost" font-size="16" font-weight="600" line-height="20" />
    <text-style name="Step" font-family="Roboto Mono" font-size="11" font-weight="600" line-height="14" letter-spacing="0.2" />
    <text-style name="StepT" font-family="Roboto Mono" font-size="10" font-weight="500" line-height="13" letter-spacing="0.3" />
    <text-style name="Btn" font-family="Jost" font-size="13" font-weight="700" line-height="16" letter-spacing="0.6" />
  </styles>
  <col w="1440" fill="$ink" align="top-center">
    <row w="fill" h="72" p="0 64" align="middle-left" fill="$panel" border="0 0 2 0 $line2" gap="auto" role="top-navigation-bar">
      <row gap="14" align="middle-left">
        <frame w="30" h="30">
          <rect abs="true" x="0" y="0" w="30" h="30" fill="$blue" />
          <rect abs="true" x="9" y="9" w="12" h="12" fill="$yellow" />
          <rect abs="true" x="22" y="-4" w="12" h="12" radius="999" fill="$red" border="2 $ink" />
        </frame>
        <col gap="1" align="middle-left">
          <text text-style="Wordmark" value="BEACON DISPATCH" color="$bone" />
          <text text-style="Tag" value="METRO DEPOT 3 · OPS" color="$muted" />
        </col>
      </row>
      <row gap="18" align="middle-right">
        <col gap="1" align="middle-right">
          <text text-style="Nav" value="TUE 12 MAY" color="$bone" />
          <text text-style="Tag" value="SHIFT 07:00-14:00" color="$faint" />
        </col>
        <row p="8 12" fill="$panel2" border="2 $line2" gap="8" align="middle-center">
          <rect w="8" h="8" radius="999" fill="$blue-br" />
          <text text-style="MonoB" value="10:20" color="$blue-br" />
        </row>
        <row border="2 $line2" align="middle-center" role="segmented-control">
          <row p="8 14" fill="$blue" align="middle-center"><text text-style="Nav" value="BOARD" color="$bone" /></row>
          <row p="8 14" align="middle-center" border="0 0 0 2 $line2"><text text-style="Nav" value="MAP" color="$muted" /></row>
          <row p="8 14" align="middle-center" border="0 0 0 2 $line2"><text text-style="Nav" value="LIST" color="$muted" /></row>
        </row>
        <frame w="34" h="34">
          <rect abs="true" x="0" y="0" w="34" h="34" fill="$yellow" />
          <text abs="true" x="7" y="10" text-style="MonoB" value="OD" color="$ink" />
        </frame>
      </row>
    </row>
    <col w="1280" p="28 0 44 0" gap="20" align="top-center">
      <row w="fill" gap="auto" align="middle-left">
        <col gap="6" align="top-left">
          <text text-style="H1" value="Route Board" color="$bone" />
          <text text-style="Sub" value="Same-day parcel · 12 active runs · auto-assign on" color="$muted" />
        </col>
        <row gap="12" align="middle-right">
          <row p="9 14" fill="$panel" border="2 $line2" gap="8" align="middle-center">
            <img src="https://api.iconify.design/lucide/refresh-cw.svg?color=%239A968B" w="15" h="15" />
            <text text-style="Btn" value="AUTO-ASSIGN" color="$muted" />
          </row>
          <row p="9 14" fill="$blue" border="2 $ink" gap="8" align="middle-center" role="button">
            <img src="https://api.iconify.design/lucide/plus.svg?color=%23F5F2E9" w="16" h="16" />
            <text text-style="Btn" value="NEW RUN" color="$bone" />
          </row>
        </row>
      </row>
      <row w="fill" gap="16" align="top-left">
        <col w="308" p="18 20" fill="$panel" border="2 $line2" gap="8" align="top-left" role="card">
          <text text-style="KpiLabel" value="Active runs" color="$muted" text-case="uppercase" />
          <text text-style="KpiNum" value="12" color="$bone" />
          <text text-style="KpiSub" value="8 STD · 2 PRIORITY · 2 DELAYED" color="$faint" />
        </col>
        <col w="308" p="18 20" fill="$panel" border="2 $line2" gap="8" align="top-left" role="card">
          <text text-style="KpiLabel" value="On-time" color="$muted" text-case="uppercase" />
          <text text-style="KpiNum" value="83%" color="$blue-br" />
          <text text-style="KpiSub" value="10 OF 12 ON SCHEDULE" color="$faint" />
        </col>
        <col w="308" p="18 20" fill="$panel" border="2 $line2" gap="8" align="top-left" role="card">
          <text text-style="KpiLabel" value="At-risk" color="$muted" text-case="uppercase" />
          <text text-style="KpiNum" value="2" color="$red-br" />
          <text text-style="KpiSub" value="1 HELD · 1 REATTEMPT" color="$faint" />
        </col>
        <col w="308" p="18 20" fill="$panel" border="2 $line2" gap="8" align="top-left" role="card">
          <text text-style="KpiLabel" value="Fleet" color="$muted" text-case="uppercase" />
          <text text-style="KpiNum" value="6/6" color="$bone" />
          <text text-style="KpiSub" value="DRIVERS ON SHIFT" color="$faint" />
        </col>
      </row>
      <col w="1280" fill="$panel" border="2 $line2" gap="0" align="top-left" role="card">
        <row w="fill" p="18 24" gap="auto" align="middle-left" border="0 0 2 0 $line2" role="toolbar">
          <row gap="10" align="middle-left">
            <img src="https://api.iconify.design/lucide/calendar-clock.svg?color=%23F5F2E9" w="18" h="18" />
            <text text-style="Section" value="TODAY'S ROUTES" color="$bone" />
          </row>
          <row gap="18" align="middle-right">
          <row gap="7" align="middle-left"><rect w="12" h="12" fill="$blue" border="2 $ink" /><text text-style="Legend" value="STANDARD" color="$muted" /></row>
          <row gap="7" align="middle-left"><rect w="12" h="12" fill="$yellow" border="2 $ink" /><text text-style="Legend" value="PRIORITY" color="$muted" /></row>
          <row gap="7" align="middle-left"><rect w="12" h="12" fill="$red" border="2 $ink" /><text text-style="Legend" value="DELAYED" color="$muted" /></row>
            <row p="6 10" fill="$panel2" border="2 $line2" gap="7" align="middle-center">
              <rect w="8" h="8" fill="$blue-br" />
              <text text-style="Legend" value="NOW 10:20 · GMT-4" color="$blue-br" />
            </row>
          </row>
        </row>
        <row w="fill" p="22 24" align="top-center">
          <frame w="1164" h="548">
      <rect abs="true" x="240" y="0" w="924" h="548" fill="$panel2" />
      <rect abs="true" x="0" y="44" w="1164" h="2" fill="$line2" />
      <rect abs="true" x="240" y="0" w="2" h="548" fill="$line2" />
      <text abs="true" x="248" y="9" text-style="Hour" value="07:00" color="$muted" />
      <rect abs="true" x="372" y="44" w="1" h="504" fill="$line" />
      <text abs="true" x="380" y="9" text-style="Hour" value="08:00" color="$muted" />
      <rect abs="true" x="504" y="44" w="1" h="504" fill="$line" />
      <text abs="true" x="512" y="9" text-style="Hour" value="09:00" color="$muted" />
      <rect abs="true" x="636" y="44" w="1" h="504" fill="$line" />
      <text abs="true" x="644" y="9" text-style="Hour" value="10:00" color="$muted" />
      <rect abs="true" x="768" y="44" w="1" h="504" fill="$line" />
      <text abs="true" x="776" y="9" text-style="Hour" value="11:00" color="$muted" />
      <rect abs="true" x="900" y="44" w="1" h="504" fill="$line" />
      <text abs="true" x="908" y="9" text-style="Hour" value="12:00" color="$muted" />
      <rect abs="true" x="1032" y="44" w="1" h="504" fill="$line" />
      <text abs="true" x="1040" y="9" text-style="Hour" value="13:00" color="$muted" />
      <text abs="true" x="248" y="26" text-style="HourCt" value="4 active" color="$faint" />
      <text abs="true" x="380" y="26" text-style="HourCt" value="6 active" color="$faint" />
      <text abs="true" x="512" y="26" text-style="HourCt" value="6 active" color="$faint" />
      <text abs="true" x="644" y="26" text-style="HourCt" value="7 active" color="$faint" />
      <text abs="true" x="776" y="26" text-style="HourCt" value="6 active" color="$faint" />
      <text abs="true" x="908" y="26" text-style="HourCt" value="4 active" color="$faint" />
      <text abs="true" x="1040" y="26" text-style="HourCt" value="2 active" color="$faint" />
      <rect abs="true" x="0" y="128" w="1164" h="1" fill="$line" />
      <rect abs="true" x="0" y="212" w="1164" h="1" fill="$line" />
      <rect abs="true" x="0" y="296" w="1164" h="1" fill="$line" />
      <rect abs="true" x="0" y="380" w="1164" h="1" fill="$line" />
      <rect abs="true" x="0" y="464" w="1164" h="1" fill="$line" />
      <rect abs="true" x="16" y="66" w="40" h="40" fill="$blue" border="2 $ink" />
      <text abs="true" x="28" y="78" text-style="MonoB" value="RO" color="$bone" />
      <text abs="true" x="68" y="68" text-style="Driver" value="R. Okafor" color="$bone" />
      <text abs="true" x="68" y="92" text-style="Mono" value="VAN 04 · NORTH LOOP" color="$muted" />
      <rect abs="true" x="16" y="150" w="40" h="40" fill="$blue" border="2 $ink" />
      <text abs="true" x="28" y="162" text-style="MonoB" value="MD" color="$bone" />
      <text abs="true" x="68" y="152" text-style="Driver" value="M. Delgado" color="$bone" />
      <text abs="true" x="68" y="176" text-style="Mono" value="VAN 07 · RIVERSIDE" color="$muted" />
      <rect abs="true" x="16" y="234" w="40" h="40" fill="$blue" border="2 $ink" />
      <text abs="true" x="28" y="246" text-style="MonoB" value="TH" color="$bone" />
      <text abs="true" x="68" y="236" text-style="Driver" value="T. Halloran" color="$bone" />
      <text abs="true" x="68" y="260" text-style="Mono" value="BOX 12 · DOCKSIDE" color="$muted" />
      <rect abs="true" x="16" y="318" w="40" h="40" fill="$blue" border="2 $ink" />
      <text abs="true" x="28" y="330" text-style="MonoB" value="SB" color="$bone" />
      <text abs="true" x="68" y="320" text-style="Driver" value="S. Baptiste" color="$bone" />
      <text abs="true" x="68" y="344" text-style="Mono" value="VAN 02 · HILLCREST" color="$muted" />
      <rect abs="true" x="16" y="402" w="40" h="40" fill="$blue" border="2 $ink" />
      <text abs="true" x="28" y="414" text-style="MonoB" value="JK" color="$bone" />
      <text abs="true" x="68" y="404" text-style="Driver" value="J. Kwon" color="$bone" />
      <text abs="true" x="68" y="428" text-style="Mono" value="EV 21 · CENTRAL" color="$muted" />
      <rect abs="true" x="16" y="486" w="40" h="40" fill="$blue" border="2 $ink" />
      <text abs="true" x="28" y="498" text-style="MonoB" value="AF" color="$bone" />
      <text abs="true" x="68" y="488" text-style="Driver" value="A. Ferreira" color="$bone" />
      <text abs="true" x="68" y="512" text-style="Mono" value="BIKE 09 · OLD TOWN" color="$muted" />
      <rect abs="true" x="273" y="56" w="231" h="60" fill="$blue" border="2 $ink" />
      <rect abs="true" x="273" y="56" w="6" h="60" fill="$blue-br" />
      <text abs="true" x="289" y="67" text-style="BlockT" value="RUN N-114" color="$bone" />
      <text abs="true" x="289" y="90" text-style="BlockS" value="07:15-09:00 · 9 stops" color="$blue-2" />
      <rect abs="true" x="570" y="56" w="297" h="60" fill="$blue" border="2 $ink" />
      <rect abs="true" x="570" y="56" w="6" h="60" fill="$blue-br" />
      <text abs="true" x="586" y="67" text-style="BlockT" value="RUN N-118" color="$bone" />
      <text abs="true" x="586" y="90" text-style="BlockS" value="09:30-11:45 · 12 stops" color="$blue-2" />
      <rect abs="true" x="240" y="140" w="198" h="60" fill="$yellow" border="2 $ink" />
      <rect abs="true" x="240" y="140" w="6" h="60" fill="$yellow-dk" />
      <text abs="true" x="256" y="151" text-style="BlockT" value="RUN R-207" color="$ink" />
      <text abs="true" x="256" y="174" text-style="BlockS" value="07:00-08:30 · AM express" color="$ink" />
      <img abs="true" x="414" y="150" w="15" h="15" src="https://api.iconify.design/lucide/zap.svg?color=%2314140F" />
      <rect abs="true" x="504" y="140" w="594" h="60" fill="$blue" border="2 $ink" />
      <rect abs="true" x="504" y="140" w="6" h="60" fill="$blue-br" />
      <text abs="true" x="520" y="151" text-style="BlockT" value="RUN R-211" color="$bone" />
      <text abs="true" x="520" y="174" text-style="BlockS" value="09:00-13:30 · 15 stops" color="$blue-2" />
      <rect abs="true" x="372" y="224" w="330" h="60" fill="$red" border="2 $ink" />
      <rect abs="true" x="372" y="224" w="6" h="60" fill="$red-br" />
      <text abs="true" x="388" y="235" text-style="BlockT" value="RUN D-330" color="$bone" />
      <text abs="true" x="388" y="258" text-style="BlockS" value="08:00-10:30 · held at DC" color="$bone" />
      <img abs="true" x="678" y="234" w="15" h="15" src="https://api.iconify.design/lucide/triangle-alert.svg?color=%23F5F2E9" />
      <rect abs="true" x="768" y="224" w="264" h="60" fill="$blue" border="2 $ink" />
      <rect abs="true" x="768" y="224" w="6" h="60" fill="$blue-br" />
      <text abs="true" x="784" y="235" text-style="BlockT" value="RUN D-334" color="$bone" />
      <text abs="true" x="784" y="258" text-style="BlockS" value="11:00-13:00 · 8 stops" color="$blue-2" />
      <rect abs="true" x="306" y="308" w="594" h="60" fill="$blue" border="2 $ink" />
      <rect abs="true" x="306" y="308" w="6" h="60" fill="$blue-br" />
      <text abs="true" x="322" y="319" text-style="BlockT" value="RUN H-142" color="$bone" />
      <text abs="true" x="322" y="342" text-style="BlockS" value="07:30-12:00 · 18 stops" color="$blue-2" />
      <rect abs="true" x="240" y="392" w="297" h="60" fill="$blue" border="2 $ink" />
      <rect abs="true" x="240" y="392" w="6" h="60" fill="$blue-br" />
      <text abs="true" x="256" y="403" text-style="BlockT" value="RUN C-051" color="$bone" />
      <text abs="true" x="256" y="426" text-style="BlockS" value="07:00-09:15 · 11 stops" color="$blue-2" />
      <rect abs="true" x="636" y="392" w="198" h="60" fill="$yellow" border="2 $ink" />
      <rect abs="true" x="636" y="392" w="6" h="60" fill="$yellow-dk" />
      <text abs="true" x="652" y="403" text-style="BlockT" value="RUN C-058" color="$ink" />
      <text abs="true" x="652" y="426" text-style="BlockS" value="10:00-11:30 · cold-chain" color="$ink" />
      <img abs="true" x="810" y="402" w="15" h="15" src="https://api.iconify.design/lucide/zap.svg?color=%2314140F" />
      <rect abs="true" x="933" y="392" w="198" h="60" fill="$blue" border="2 $ink" />
      <rect abs="true" x="933" y="392" w="6" h="60" fill="$blue-br" />
      <text abs="true" x="949" y="403" text-style="BlockT" value="RUN C-063" color="$bone" />
      <text abs="true" x="949" y="426" text-style="BlockS" value="12:15-13:45 · 7 stops" color="$blue-2" />
      <rect abs="true" x="471" y="476" w="198" h="60" fill="$blue" border="2 $ink" />
      <rect abs="true" x="471" y="476" w="6" h="60" fill="$blue-br" />
      <text abs="true" x="487" y="487" text-style="BlockT" value="RUN O-412" color="$bone" />
      <text abs="true" x="487" y="510" text-style="BlockS" value="08:45-10:15 · 6 stops" color="$blue-2" />
      <rect abs="true" x="735" y="476" w="231" h="60" fill="$red" border="2 $ink" />
      <rect abs="true" x="735" y="476" w="6" h="60" fill="$red-br" />
      <text abs="true" x="751" y="487" text-style="BlockT" value="RUN O-417" color="$bone" />
      <text abs="true" x="751" y="510" text-style="BlockS" value="10:45-12:30 · reattempt" color="$bone" />
      <img abs="true" x="942" y="486" w="15" h="15" src="https://api.iconify.design/lucide/triangle-alert.svg?color=%23F5F2E9" />
      <rect abs="true" x="679" y="0" w="2" h="548" fill="$blue-br" />
      <rect abs="true" x="675" y="0" w="10" h="10" fill="$blue-br" border="2 $ink" />
          </frame>
        </row>
      </col>
      <row w="1280" fill="$panel" border="2 $line2" p="24 28" gap="28" align="top-left" role="card">
        <col w="360" gap="12" align="top-left" border="0 2 0 0 $line2" p="0 28 0 0">
          <row gap="10" align="middle-left">
            <rect w="10" h="26" fill="$red" />
            <text text-style="H1" value="D-330" color="$bone" />
            <row p="5 9" fill="$red" border="2 $ink" align="middle-center">
              <text text-style="Legend" value="DELAYED" color="$bone" />
            </row>
          </row>
          <text text-style="Sub" value="T. Halloran · BOX 12 · Dockside" color="$muted" />
          <row w="fill" gap="0" p="10 0 0 0">
            <col w="fill" gap="3"><text text-style="DLabel" value="WINDOW" color="$faint" /><text text-style="DVal" value="08:00-10:30" color="$bone" /></col>
            <col w="fill" gap="3"><text text-style="DLabel" value="STOPS" color="$faint" /><text text-style="DVal" value="10 · 3 done" color="$bone" /></col>
            <col w="fill" gap="3"><text text-style="DLabel" value="DELAY" color="$faint" /><text text-style="DVal" value="+38 min" color="$red-br" /></col>
          </row>
        </col>
        <col w="fill" gap="12" align="top-left">
          <text text-style="DLabel" value="RUN STATUS" color="$faint" />
          <frame w="520" h="62">
            <rect abs="true" x="8" y="13" w="450" h="2" fill="$line2" />
            <rect abs="true" x="0" y="6" w="16" h="16" radius="999" fill="$blue" border="2 $ink" />
            <text abs="true" x="-2" y="30" text-style="Step" value="07:42" color="$bone" />
            <text abs="true" x="-2" y="46" text-style="StepT" value="Dispatched" color="$faint" />
            <rect abs="true" x="150" y="6" w="16" h="16" radius="999" fill="$blue" border="2 $ink" />
            <text abs="true" x="148" y="30" text-style="Step" value="08:11" color="$bone" />
            <text abs="true" x="148" y="46" text-style="StepT" value="Left DC" color="$faint" />
            <rect abs="true" x="300" y="6" w="16" h="16" radius="999" fill="$red" border="2 $ink" />
            <text abs="true" x="298" y="30" text-style="Step" value="08:54" color="$bone" />
            <text abs="true" x="298" y="46" text-style="StepT" value="Held - mech." color="$faint" />
            <rect abs="true" x="450" y="6" w="16" h="16" radius="999" fill="$line2" border="2 $ink" />
            <text abs="true" x="448" y="30" text-style="Step" value="-" color="$bone" />
            <text abs="true" x="448" y="46" text-style="StepT" value="ETA pending" color="$faint" />
          </frame>
          <text text-style="Sub" value="Vehicle held at distribution center - mechanical check on Box 12. Reroute or reassign to keep the 10:30 window." color="$muted" w="520" />
        </col>
        <col w="188" gap="10" align="top-left">
          <text text-style="DLabel" value="ACTIONS" color="$faint" />
          <row w="fill" p="11 14" fill="$blue" border="2 $ink" gap="8" align="middle-left" role="button">
            <img src="https://api.iconify.design/lucide/shuffle.svg?color=%23F5F2E9" w="16" h="16" /><text text-style="Btn" value="REASSIGN" color="$bone" />
          </row>
          <row w="fill" p="11 14" fill="$panel" border="2 $line2" gap="8" align="middle-left" role="button">
            <img src="https://api.iconify.design/lucide/route.svg?color=%23B7B3A8" w="16" h="16" /><text text-style="Btn" value="REROUTE" color="$muted" />
          </row>
          <row w="fill" p="11 14" fill="$panel" border="2 $line2" gap="8" align="middle-left" role="button">
            <img src="https://api.iconify.design/lucide/message-square.svg?color=%23B7B3A8" w="16" h="16" /><text text-style="Btn" value="MESSAGE" color="$muted" />
          </row>
        </col>
      </row>
    </col>
    <row w="fill" h="60" p="0 64" align="middle-left" fill="$panel" border="2 0 0 0 $line2" gap="auto">
      <text text-style="Mono" value="Metro Depot 3 · 40.44 N 79.99 W" color="$faint" />
      <text text-style="Mono" value="Auto-refresh 30s · updated 10:20:04 GMT-4" color="$faint" />
    </row>
  </col>
</gui>
```