feat(ui): graph on d3-force with steady labels, quieter quota text, flat rail

ui/src/routes/usage/+page.svelte

@@ -142,9 +142,11 @@
                 </span>
                 {#if bound && w.last_known}
                   <span class="text-muted-foreground text-xs">
-                    {limitWord(w.status)}
-                    now · the figure is from
-                    {fmtRelative(w.last_known.ts, now)}
+                    reported {fmtRelative(w.last_known.ts, now)} ·
+                    {limitWord(
+                      w.status
+                    )}
+                    now
                   </span>
                 {/if}
               {:else}
@@ -156,27 +158,22 @@
                 >
                   {limitWord(w.status)}
                 </span>
-                <span class="text-muted-foreground text-xs">
-                  no figure · seen {fmtRelative(w.ts, now)}
-                </span>
               {/if}
-              <span class="tabular text-muted-foreground text-xs">
+              <span
+                class="tabular text-muted-foreground text-xs"
+                title="The API sends a figure only near the limit; until then the status word is all it says. Last report {fmtRelative(w.ts, now)}."
+              >
                 {fmtCountdown(w.resets_at, now)}
-                · through here since
-                {fmtTime(w.gateway.since).replace(SECONDS, "")}:
+                ·
                 {fmtTokens(
                   w.gateway.input + w.gateway.output + w.gateway.cache_creation
                 )}
-                tokens · {fmtMoney(w.gateway.cost_usd)}
+                · {fmtMoney(w.gateway.cost_usd)} since
+                {fmtTime(w.gateway.since).replace(SECONDS, "")}
               </span>
             </div>
           {/each}
         </div>
-        <p class="doc text-muted-foreground text-xs">
-          The API puts a number on a window only when it nears the limit; the
-          rest of the time the status word is all it says. Between reports the
-          gateway's own count is the lower bound.
-        </p>
       {/if}
     </section>