← Back to Kontasks

Fixed login/logout WebSocket notifications

Added missing client-side handlers for user_login and user_logout events

✓ Completed
on 8 Jan 2026, 10:25 am

Output

🔔 Login/Logout Notifications Fixed

✓ Issue Identified & Fixed

The server was correctly broadcasting user_login and user_logout events via WebSocket, but the client-side handleAdminEvent() function was missing the case handlers to process them.

📝 Changes Made

File: konui/src/views/layout.ts

case 'user_login':
  handleUserLoginEvent(msg.data);
  break;

case 'user_logout':
  handleUserLogoutEvent(msg.data);
  break;

function handleUserLoginEvent(data) {
  showAdminNotification(
    '👤 User Logged In',
    data.username + ' (' + data.role + ') signed in',
    'info'
  );
}

function handleUserLogoutEvent(data) {
  showAdminNotification(
    '👋 User Logged Out',
    data.username + ' signed out',
    'info'
  );
}

🧪 To Test

  1. Keep your browser open on greatVibe.ai
  2. In another browser/incognito, log stephanie in and out
  3. You should see toast notifications appear

✓ Committed: 5fe2ac77

✓ Konui restarted - Changes are now live

Quick Actions

Original Request

No layout configured

Details

Type General
Status Completed
Scope vibetools
Tags websocketnotificationsauth
Created 8 Jan 2026, 10:25 am
Updated 8 Jan 2026, 10:25 am
Created By claude

Raw Data

{
  "id": "30c24a32-3f89-4bd5-9b11-a40363e1cf9c",
  "type": "general",
  "status": "completed",
  "title": "Fixed login/logout WebSocket notifications",
  "description": "Added missing client-side handlers for user_login and user_logout events",
  "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;\">🔔 Login/Logout Notifications Fixed</h2>\n\n<div style=\"background:#2d2d2d;padding:16px;border-radius:6px;margin-bottom:16px;\">\n<h3 style=\"color:#22c55e;margin:0 0 12px 0;\">✓ Issue Identified &amp; Fixed</h3>\n<p style=\"margin:0;line-height:1.6;\">The server was correctly broadcasting <code style=\"background:#3d3d3d;padding:2px 6px;border-radius:3px;\">user_login</code> and <code style=\"background:#3d3d3d;padding:2px 6px;border-radius:3px;\">user_logout</code> events via WebSocket, but the client-side <code style=\"background:#3d3d3d;padding:2px 6px;border-radius:3px;\">handleAdminEvent()</code> function was missing the case handlers to process them.</p>\n</div>\n\n<div style=\"background:#2d2d2d;padding:16px;border-radius:6px;margin-bottom:16px;\">\n<h3 style=\"color:#61afef;margin:0 0 12px 0;\">📝 Changes Made</h3>\n<p style=\"color:#7f848e;margin:0 0 8px 0;\">File: <span style=\"color:#e5c07b;\">konui/src/views/layout.ts</span></p>\n<pre style=\"background:#1e1e1e;padding:12px;border-radius:4px;overflow-x:auto;margin:0;font-size:0.9rem;\">\n<span style=\"color:#c678dd;\">case</span> <span style=\"color:#98c379;\">'user_login'</span>:\n  handleUserLoginEvent(msg.data);\n  <span style=\"color:#c678dd;\">break</span>;\n\n<span style=\"color:#c678dd;\">case</span> <span style=\"color:#98c379;\">'user_logout'</span>:\n  handleUserLogoutEvent(msg.data);\n  <span style=\"color:#c678dd;\">break</span>;\n\n<span style=\"color:#c678dd;\">function</span> <span style=\"color:#61afef;\">handleUserLoginEvent</span>(data) {\n  showAdminNotification(\n    <span style=\"color:#98c379;\">'👤 User Logged In'</span>,\n    data.username + <span style=\"color:#98c379;\">' ('</span> + data.role + <span style=\"color:#98c379;\">') signed in'</span>,\n    <span style=\"color:#98c379;\">'info'</span>\n  );\n}\n\n<span style=\"color:#c678dd;\">function</span> <span style=\"color:#61afef;\">handleUserLogoutEvent</span>(data) {\n  showAdminNotification(\n    <span style=\"color:#98c379;\">'👋 User Logged Out'</span>,\n    data.username + <span style=\"color:#98c379;\">' signed out'</span>,\n    <span style=\"color:#98c379;\">'info'</span>\n  );\n}\n</pre>\n</div>\n\n<div style=\"background:#2d2d2d;padding:16px;border-radius:6px;margin-bottom:16px;\">\n<h3 style=\"color:#f59e0b;margin:0 0 12px 0;\">🧪 To Test</h3>\n<ol style=\"margin:0;padding-left:20px;line-height:1.8;\">\n<li>Keep your browser open on greatVibe.ai</li>\n<li>In another browser/incognito, log stephanie in and out</li>\n<li>You should see toast notifications appear</li>\n</ol>\n</div>\n\n<div style=\"background:#1a3a1a;border:1px solid #22c55e;padding:16px;border-radius:6px;\">\n<p style=\"margin:0;color:#22c55e;\"><strong>✓ Committed:</strong> <code style=\"background:#2d2d2d;padding:2px 6px;border-radius:3px;\">5fe2ac77</code></p>\n<p style=\"margin:8px 0 0 0;color:#22c55e;\"><strong>✓ Konui restarted</strong> - Changes are now live</p>\n</div>\n</div>",
    "requestedAt": "2026-01-08T08:22:00.000Z",
    "requestId": "a17593ef-de37-4c53-9cca-848a92984c08",
    "choices": [
      {
        "label": "Test Now",
        "value": "I've tested the login/logout notifications - let me know what you observe",
        "primary": true
      },
      {
        "label": "View Commit",
        "value": "Show me the full diff for commit 5fe2ac77"
      }
    ]
  },
  "createdBy": "claude",
  "createdAt": "2026-01-08T00:25:09.717Z",
  "updatedAt": "2026-01-08T00:25:09.966Z",
  "requestId": "a17593ef-de37-4c53-9cca-848a92984c08",
  "scope": "vibetools",
  "tags": [
    "websocket",
    "notifications",
    "auth"
  ],
  "targetUser": "claude"
}
DashboardReportsKontasksFlowsDecisionsSessionsTelemetryLogs + Go