← Back to Kontasks
Account Dropdown Reset Times
Added usage reset time display to navbar account selector dropdown
Output
Account Dropdown Reset Times
Added reset time display to the account dropdown, matching the Claude usage website format.
Changes
- konui/src/views/layout.ts - Added
formatResetTime()helper - konui/src/views/layout.ts - Updated
renderAccountDropdown()to show resets - konui/src/views/styles.ts - Added
.usage-resetCSS class
Reset Time Formats
| Under 1 hour | "resets in 45 min" |
| Under 24 hours | "resets in 2 hr 56 min" |
| Over 24 hours | "resets Thu 1:59 PM" |
Visual Preview
blueboy.technology (20x) ✓ Active
5h
65%
resets in 2 hr 15 min
7d
23%
resets Thu 1:59 PM
Commit:
Restart konui to see the changes.
39e7b685Restart konui to see the changes.
Quick Actions
Original Request
No layout configured
Details
Type
General
Status
Completed
Scope
vibetools
Tags
uiaccountsnavbar
Created
8 Jan 2026, 6:09 pm
Updated
8 Jan 2026, 6:09 pm
Created By
claude
🔗 Git Commit
39e7b685
Raw Data
{
"id": "5000cfb7-87cc-402b-ac24-bef267d088ca",
"type": "general",
"status": "completed",
"title": "Account Dropdown Reset Times",
"description": "Added usage reset time display to navbar account selector dropdown",
"context": {
"output": "<div style=\"background:#1e1e1e;color:#e0e0e0;padding:20px;border-radius:8px;font-family:'Consolas','Monaco',monospace;\">\n<h2 style=\"font-family:sans-serif;color:#fff;margin:0 0 16px 0;\">Account Dropdown Reset Times</h2>\n\n<p style=\"color:#9ca3af;margin-bottom:16px;\">Added reset time display to the account dropdown, matching the Claude usage website format.</p>\n\n<h3 style=\"color:#fff;margin:16px 0 8px 0;font-size:1rem;\">Changes</h3>\n<div style=\"background:#2d2d2d;padding:12px;border-radius:6px;margin-bottom:16px;\">\n<ul style=\"margin:0;padding-left:20px;line-height:1.8;\">\n<li><span style=\"color:#e5c07b;\">konui/src/views/layout.ts</span> - Added <code style=\"background:#3d3d3d;padding:2px 6px;border-radius:3px;\">formatResetTime()</code> helper</li>\n<li><span style=\"color:#e5c07b;\">konui/src/views/layout.ts</span> - Updated <code style=\"background:#3d3d3d;padding:2px 6px;border-radius:3px;\">renderAccountDropdown()</code> to show resets</li>\n<li><span style=\"color:#e5c07b;\">konui/src/views/styles.ts</span> - Added <code style=\"background:#3d3d3d;padding:2px 6px;border-radius:3px;\">.usage-reset</code> CSS class</li>\n</ul>\n</div>\n\n<h3 style=\"color:#fff;margin:16px 0 8px 0;font-size:1rem;\">Reset Time Formats</h3>\n<div style=\"background:#2d2d2d;padding:12px;border-radius:6px;margin-bottom:16px;\">\n<table style=\"width:100%;border-collapse:collapse;font-size:0.85rem;\">\n<tr style=\"border-bottom:1px solid #4b5563;\">\n<td style=\"padding:8px 12px;color:#9ca3af;\">Under 1 hour</td>\n<td style=\"padding:8px 12px;color:#22c55e;\">\"resets in 45 min\"</td>\n</tr>\n<tr style=\"border-bottom:1px solid #4b5563;\">\n<td style=\"padding:8px 12px;color:#9ca3af;\">Under 24 hours</td>\n<td style=\"padding:8px 12px;color:#22c55e;\">\"resets in 2 hr 56 min\"</td>\n</tr>\n<tr>\n<td style=\"padding:8px 12px;color:#9ca3af;\">Over 24 hours</td>\n<td style=\"padding:8px 12px;color:#22c55e;\">\"resets Thu 1:59 PM\"</td>\n</tr>\n</table>\n</div>\n\n<h3 style=\"color:#fff;margin:16px 0 8px 0;font-size:1rem;\">Visual Preview</h3>\n<div style=\"background:#2d2d2d;padding:16px;border-radius:6px;margin-bottom:16px;width:280px;\">\n<div style=\"font-size:0.85rem;font-weight:600;color:#fff;margin-bottom:8px;\">blueboy.technology (20x) <span style=\"color:#22c55e;font-size:0.7rem;\">✓ Active</span></div>\n<div style=\"display:flex;align-items:center;gap:8px;margin-top:8px;\">\n<span style=\"font-size:0.7rem;color:#6b7280;width:28px;\">5h</span>\n<div style=\"flex:1;height:6px;background:#374151;border-radius:3px;\"><div style=\"width:65%;height:100%;background:#f59e0b;border-radius:3px;\"></div></div>\n<span style=\"font-size:0.7rem;font-weight:600;color:#f59e0b;width:32px;text-align:right;\">65%</span>\n<span style=\"font-size:0.6rem;color:#6b7280;\">resets in 2 hr 15 min</span>\n</div>\n<div style=\"display:flex;align-items:center;gap:8px;margin-top:4px;\">\n<span style=\"font-size:0.7rem;color:#6b7280;width:28px;\">7d</span>\n<div style=\"flex:1;height:6px;background:#374151;border-radius:3px;\"><div style=\"width:23%;height:100%;background:#22c55e;border-radius:3px;\"></div></div>\n<span style=\"font-size:0.7rem;font-weight:600;color:#22c55e;width:32px;text-align:right;\">23%</span>\n<span style=\"font-size:0.6rem;color:#6b7280;\">resets Thu 1:59 PM</span>\n</div>\n</div>\n\n<div style=\"background:#1e3a5f;padding:12px;border-radius:6px;border-left:3px solid #3b82f6;\">\n<strong style=\"color:#fff;\">Commit:</strong> <code style=\"background:#2d2d2d;padding:2px 6px;border-radius:3px;\">39e7b685</code><br>\n<span style=\"color:#9ca3af;font-size:0.85rem;\">Restart konui to see the changes.</span>\n</div>\n</div>",
"requestedAt": "2026-01-08T08:15:00.000Z",
"requestId": "ec5b9757-3910-4364-82cf-e32e96fb8713",
"commitSha": "39e7b685",
"choices": [
{
"label": "Restart konui",
"value": "Restart konui to apply the account dropdown changes",
"primary": true
},
{
"label": "Show diff",
"value": "Show the full git diff for commit 39e7b685"
},
{
"label": "Test it",
"value": "Open the account dropdown and describe what you see"
}
]
},
"createdBy": "claude",
"createdAt": "2026-01-08T08:09:43.436Z",
"updatedAt": "2026-01-08T08:09:43.895Z",
"requestId": "ec5b9757-3910-4364-82cf-e32e96fb8713",
"scope": "vibetools",
"tags": [
"ui",
"accounts",
"navbar"
],
"targetUser": "claude"
}