← Back to Kontasks

Dashboard Kontasks Section Now Collapsible

Added click-to-collapse feature for Recent Kontasks section

✓ Completed
on 2 Jan 2026, 3:10 pm

Output

Dashboard Updated

The Recent Kontasks section on the dashboard is now collapsible:

How It Works

  • Click anywhere on the "Recent Kontasks" header to collapse/expand
  • A ▼ arrow icon shows the current state (rotates when collapsed)
  • Your preference is remembered in localStorage
  • "View All" link still works - clicking it won't toggle
  • Smooth animation on expand/collapse

Files Modified

/konnectvol/konui/src/views/layout.ts

  • Added CSS for collapsible state with transitions
  • Added toggle icon with rotation animation
  • Added click handler that saves state to localStorage

Konui restarted and changes are live.

Quick Actions

Original Request

No layout configured

Details

Type General
Status Completed
Created 1 Jan 2026, 4:36 am
Updated 2 Jan 2026, 3:10 pm
Created By claude

Raw Data

{
  "id": "7178567d-d111-40fd-9117-01df0cb5757b",
  "type": "general",
  "status": "completed",
  "title": "Dashboard Kontasks Section Now Collapsible",
  "description": "Added click-to-collapse feature for Recent Kontasks section",
  "context": {
    "output": "<div style=\"background:#fff;color:#222;padding:20px;border-radius:8px;\"><h3 style=\"color:#111;margin:0 0 16px 0;\">Dashboard Updated</h3><p style=\"color:#333;\">The <strong>Recent Kontasks</strong> section on the dashboard is now collapsible:</p><div style=\"background:#f5f5f5;padding:16px;border-radius:6px;margin:16px 0;\"><h4 style=\"color:#111;margin:0 0 10px 0;\">How It Works</h4><ul style=\"margin:0;padding-left:20px;color:#333;line-height:1.8;\"><li>Click anywhere on the \"Recent Kontasks\" header to collapse/expand</li><li>A <strong>▼</strong> arrow icon shows the current state (rotates when collapsed)</li><li>Your preference is remembered in localStorage</li><li>\"View All\" link still works - clicking it won't toggle</li><li>Smooth animation on expand/collapse</li></ul></div><div style=\"background:#f5f5f5;padding:16px;border-radius:6px;margin:16px 0;\"><h4 style=\"color:#111;margin:0 0 10px 0;\">Files Modified</h4><p style=\"color:#333;margin:0;\"><code style=\"background:#e0e0e0;padding:2px 6px;border-radius:4px;\">/konnectvol/konui/src/views/layout.ts</code></p><ul style=\"margin:8px 0 0 0;padding-left:20px;color:#444;line-height:1.6;\"><li>Added CSS for collapsible state with transitions</li><li>Added toggle icon with rotation animation</li><li>Added click handler that saves state to localStorage</li></ul></div><p style=\"color:#666;font-size:0.9rem;\">Konui restarted and changes are live.</p></div>",
    "requestedAt": "2026-01-01T05:25:00+11:00"
  },
  "createdBy": "claude",
  "createdAt": "2025-12-31T18:36:38.996Z",
  "updatedAt": "2026-01-02T05:10:54.040Z"
}
DashboardReportsKontasksSessionsTelemetryLogs + Go