termux-janitor

<!doctype html>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Termux Janitor primary checklist mockup</title>
<style>
  :root {
    color-scheme: dark;
    font-family: "JetBrainsMono Nerd Font", "Symbols Nerd Font Mono", ui-monospace, monospace;
    background: #071015;
    color: #d7e0e3;
  }

  * { box-sizing: border-box; }

  body {
    margin: 0;
    padding: 12px;
  }

  .terminal {
    width: 80ch;
    max-width: 100%;
    height: 36em;
    margin: auto;
    border: 1px solid #46565d;
    background: #0b1419;
    font-size: 11.5px;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  .line {
    min-height: 1.5em;
    padding: 0 1ch;
    white-space: pre;
  }

  .title { color: #f1f5f6; font-weight: 700; }
  .summary { background: #132128; }
  .rule { color: #46565d; }
  .item { padding: .14em 0; }
  .item.focus { background: #263942; color: #fff; }
  .name { font-weight: 700; }
  .continuation { padding-left: 4ch; font-weight: 700; }
  .meta { padding-left: 4ch; color: #a8b5ba; }
  .selected { color: #9bcfa7; }
  .warning, .unknown { color: #f0c477; }
  .track { color: #40535c; }
  .fill { color: #78b9d5; }
  .category { color: #c8b8e5; }
  .spacer { flex: 1; }
  .footer { border-top: 1px solid #46565d; text-align: right; color: #9bcbe2; }
</style>

<main class="terminal" aria-label="Selectable storage findings stress state">
  <div class="line title"><span aria-hidden="true">󰃢 </span>Termux Janitor · 12,847 findings</div>
  <div class="line summary"><span class="selected" aria-hidden="true">󰄲 </span>1,284 selected · 126.7 GiB estimated</div>
  <div class="line summary warning"><span aria-hidden="true">󰗖 </span>1,037 warnings · results and totals incomplete</div>
  <div class="line rule">────────────────────────────────────────────────────────────────────────────</div>

  <div class="item focus">
    <div class="line name">&gt; <span class="selected" aria-hidden="true">󰄲</span> proot-distro: archived-debian</div>
    <div class="line meta"><span class="track">▕</span><span class="fill">████████</span><span class="track">▏</span> 88.4 GiB · <span class="category"><span aria-hidden="true">󰌽 </span>Linux distro</span></div>
  </div>

  <div class="item">
    <div class="line name">  <span class="selected" aria-hidden="true">󰄲</span> npm package cache</div>
    <div class="line meta"><span class="track">▕</span><span class="fill">██▎</span><span class="track">░░░░░▏</span> 24.7 GiB · <span class="category"><span aria-hidden="true">󰏗 </span>Package cache</span></div>
  </div>

  <div class="item">
    <div class="line name">  <span aria-hidden="true">󰄱</span> ~/Workspace/customer-self-service-portal/</div>
    <div class="line continuation">packages/android-application/build/intermediates</div>
    <div class="line meta"><span class="track">▕</span><span class="fill">█▏</span><span class="track">░░░░░░▏</span> 11.8 GiB · <span class="category"><span aria-hidden="true">󱌣 </span>Build output</span></div>
  </div>

  <div class="item">
    <div class="line name">  <span aria-hidden="true">󰄱</span> nodejs-lts 22.14.0</div>
    <div class="line meta"><span class="track">▕</span><span class="fill">·</span><span class="track">░░░░░░░▏</span> 673 MiB  · <span class="category"><span aria-hidden="true">󰏖 </span>Installed package</span></div>
  </div>

  <div class="item">
    <div class="line name">  <span aria-hidden="true">󰄱</span> $PREFIX/var/log/apt/history.log.4.gz</div>
    <div class="line meta"><span class="track">▕┈┈┈┈┈┈┈┈▏</span> <span class="unknown">???B</span>     · <span class="category"><span aria-hidden="true">󰧮 </span>Rotated log</span></div>
  </div>

  <div class="item">
    <div class="line name">  <span aria-hidden="true">󰄱</span> ~/Videos/shared-recording.mp4</div>
    <div class="line meta"><span class="track">▕░░░░░░░░▏</span> 0 B      · <span class="category"><span aria-hidden="true">󰿏 </span>Video</span> · 6.2 GiB allocated</div>
  </div>

  <div class="item">
    <div class="line name">  <span aria-hidden="true">󰄱</span> ~/.local/bin/removed-tool</div>
    <div class="line meta"><span class="track">▕</span><span class="fill">·</span><span class="track">░░░░░░░▏</span> 4 KiB    · <span class="category"><span aria-hidden="true">󰌸 </span>Broken link</span></div>
  </div>

  <div class="spacer" aria-hidden="true"></div>
  <div class="line footer"><span aria-hidden="true">󰘥 </span>? help</div>
</main>