<p>Next refresh: <time><%- nextQuotaRefresh %></time></p>
<table>
  <thead>
    <tr>
      <th scope="col">Model Family</th>
      <th scope="col">Usage</th>
      <% if (showTokenCosts) { %>
      <th scope="col">Cost</th>
      <% } %>
      <th scope="col">Limit</th>
      <th scope="col">Remaining</th>
      <th scope="col">Refresh Amount</th>
    </tr>
  </thead>
  <tbody>
    <% Object.entries(quota).forEach(([key, limit]) => { %>
    <tr>
      <th scope="row"><%- key %></th>
      <td><%- prettyTokens(user.tokenCounts[key]) %></td>
      <% if (showTokenCosts) { %>
      <td>$<%- tokenCost(key, user.tokenCounts[key]).toFixed(2) %></td>
      <% } %>      
      <% if (!user.tokenLimits[key]) { %>
      <td colspan="2" style="text-align: center">unlimited</td>
      <% } else { %>
      <td><%- prettyTokens(user.tokenLimits[key]) %></td>
      <td><%- prettyTokens(user.tokenLimits[key] - user.tokenCounts[key]) %></td>
      <% } %>
      <% if (user.type === "temporary") { %>
      <td>N/A</td>
      <% } else { %>
      <td><%- prettyTokens(quota[key]) %></td>
      <% } %>
    </tr>
    <% }) %>
  </tbody>
</table>

src/shared/views/partials/shared_quota-info.ejs