omni-notify-mcp 1.2.1 → 1.3.0

package/dist/channels/desktop.js

@@ -36,7 +36,7 @@ export async function speak(text, voice = DEFAULT_TTS_VOICE) {
     if (process.platform === "win32") {
         spawn("powershell", [
             "-NoProfile", "-Command",
-            `Add-Type -AssemblyName presentationCore; $p = New-Object System.Windows.Media.MediaPlayer; $p.Open([uri]'${audioFilePath.replace(/\\/g, "\\\\")}'); $p.Play(); Start-Sleep -Seconds 10`,
+            `Add-Type -AssemblyName presentationCore; $p = New-Object System.Windows.Media.MediaPlayer; $done = $false; Register-ObjectEvent $p MediaEnded -Action { $script:done = $true } | Out-Null; $p.Open([uri]'${audioFilePath.replace(/\\/g, "\\\\")}'); $p.Play(); while (-not $done) { Start-Sleep -Milliseconds 200 }`,
         ], { windowsHide: true, stdio: "ignore" });
     }
     else if (process.platform === "darwin") {

package/dist/channels/discord.js

@@ -0,0 +1,20 @@
+const COLOR_MAP = { low: 0x6b7280, normal: 0x7c6dfa, high: 0xef4444 };
+export async function sendDiscord(config, message, priority = "normal", title = "Claude Notify") {
+    if (!config.enabled)
+        return;
+    const res = await fetch(config.webhookUrl, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+            username: config.username ?? "Claude Notify",
+            embeds: [{
+                    title,
+                    description: message,
+                    color: COLOR_MAP[priority] ?? COLOR_MAP.normal,
+                    timestamp: new Date().toISOString(),
+                }],
+        }),
+    });
+    if (!res.ok)
+        throw new Error(`Discord ${res.status}: ${await res.text()}`);
+}

package/dist/channels/ntfy.js

@@ -0,0 +1,21 @@
+const PRIORITY_MAP = { low: 2, normal: 3, high: 5 };
+export async function sendNtfy(config, message, priority = "normal", title = "Claude Notify") {
+    if (!config.enabled)
+        return;
+    const base = (config.serverUrl ?? "https://ntfy.sh").replace(/\/$/, "");
+    const headers = {
+        "Content-Type": "text/plain",
+        "Title": title,
+        "Priority": String(PRIORITY_MAP[priority] ?? 3),
+        "Tags": priority === "high" ? "rotating_light" : "bell",
+    };
+    if (config.token)
+        headers["Authorization"] = `Bearer ${config.token}`;
+    const res = await fetch(`${base}/${encodeURIComponent(config.topic)}`, {
+        method: "POST",
+        headers,
+        body: message,
+    });
+    if (!res.ok)
+        throw new Error(`ntfy ${res.status}: ${await res.text()}`);
+}

package/dist/channels/pushover.js

@@ -0,0 +1,26 @@
+const PRIORITY_MAP = { low: -1, normal: 0, high: 1 };
+export async function sendPushover(config, message, priority = "normal", title = "Claude Notify") {
+    if (!config.enabled)
+        return;
+    const params = new URLSearchParams({
+        token: config.appToken,
+        user: config.userKey,
+        message,
+        title,
+        priority: String(PRIORITY_MAP[priority] ?? 0),
+        sound: config.sound ?? "pushover",
+    });
+    if (config.device)
+        params.set("device", config.device);
+    // priority=1 (high) bypasses quiet hours on the device but doesn't require
+    // retry/expire like emergency (2). We deliberately avoid emergency mode to
+    // prevent infinite retries for agent notifications.
+    const res = await fetch("https://api.pushover.net/1/messages.json", {
+        method: "POST",
+        headers: { "Content-Type": "application/x-www-form-urlencoded" },
+        body: params.toString(),
+    });
+    const json = await res.json();
+    if (json.status !== 1)
+        throw new Error(`Pushover error: ${JSON.stringify(json.errors ?? json)}`);
+}

package/dist/channels/slack.js

@@ -0,0 +1,25 @@
+const EMOJI_MAP = { low: "ℹ️", normal: "🔔", high: "🚨" };
+export async function sendSlack(config, message, priority = "normal", title = "Claude Notify") {
+    if (!config.enabled)
+        return;
+    const emoji = EMOJI_MAP[priority] ?? EMOJI_MAP.normal;
+    const res = await fetch(config.webhookUrl, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+            text: `${emoji} *${title}*`,
+            blocks: [
+                {
+                    type: "section",
+                    text: { type: "mrkdwn", text: `${emoji} *${title}*\n${message}` },
+                },
+                {
+                    type: "context",
+                    elements: [{ type: "mrkdwn", text: `Priority: ${priority} · <!date^${Math.floor(Date.now() / 1000)}^{time}|now>` }],
+                },
+            ],
+        }),
+    });
+    if (!res.ok)
+        throw new Error(`Slack ${res.status}: ${await res.text()}`);
+}

package/dist/channels/teams.js

@@ -0,0 +1,43 @@
+const COLOR_MAP = { low: "Default", normal: "Accent", high: "Attention" };
+export async function sendTeams(config, message, priority = "normal", title = "Claude Notify") {
+    if (!config.enabled)
+        return;
+    const res = await fetch(config.webhookUrl, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+            type: "message",
+            attachments: [{
+                    contentType: "application/vnd.microsoft.card.adaptive",
+                    contentUrl: null,
+                    content: {
+                        $schema: "http://adaptivecards.io/schemas/adaptive-card.json",
+                        type: "AdaptiveCard",
+                        version: "1.2",
+                        body: [
+                            {
+                                type: "TextBlock",
+                                size: "Medium",
+                                weight: "Bolder",
+                                text: title,
+                                color: COLOR_MAP[priority] ?? "Default",
+                            },
+                            {
+                                type: "TextBlock",
+                                text: message,
+                                wrap: true,
+                            },
+                            {
+                                type: "TextBlock",
+                                text: `Priority: ${priority} · ${new Date().toLocaleTimeString()}`,
+                                isSubtle: true,
+                                size: "Small",
+                            },
+                        ],
+                    },
+                }],
+        }),
+    });
+    if (!res.ok)
+        throw new Error(`Teams ${res.status}: ${await res.text()}`);
+}

package/dist/index.js

@@ -177,7 +177,11 @@ const server = new McpServer({ name: "notify-mcp", version: "1.2.0" }, {
         "decision, (c) something important happened the user needs to know right " +
         "now. Idle/DND gating is handled server-side — fire notify and let the " +
         "server decide routing. Err on the side of notifying: a wrong-call gets " +
-        "silently downgraded by idle gating; a missed notify costs the user hours.",
+        "silently downgraded by idle gating; a missed notify costs the user hours.\n\n" +
+        "ALWAYS echo the COMPLETE, UNTRUNCATED message in your chat output — never " +
+        "shorten it with '…' or a summary. NEVER mention delivery channels (Telegram, " +
+        "SMS, desktop, etc.) or echo 'Sent via: …' — those are server internals. " +
+        "Say 'notif' or 'notification' if you need to refer to the act of notifying.",
 });
 // Thin proxy: forward a tool call to the HTTP server and return its content
 // block array verbatim. Error shape matches what the SDK expects from tool

package/dist/ui/server.js

@@ -28,6 +28,10 @@ function defaultConfig() {
         whatsapp: { enabled: false, instanceId: "", apiToken: "", phone: "" },
         sms: { enabled: false, accountSid: "", authToken: "", from: "", to: "" },
         email: { enabled: false, to: "" },
+        ntfy: { enabled: false, topic: "", serverUrl: "https://ntfy.sh", token: "" },
+        discord: { enabled: false, webhookUrl: "", username: "Claude Notify" },
+        slack: { enabled: false, webhookUrl: "" },
+        teams: { enabled: false, webhookUrl: "" },
         dnd: {
             enabled: false, // manual toggle — when true, suppress all non-priority=high notifs
             schedule: {
@@ -101,11 +105,19 @@ function maskSecrets(config) {
         c.telegram.token = MASKED;
     if (c.whatsapp?.apiToken)
         c.whatsapp.apiToken = MASKED;
+    if (c.ntfy?.token)
+        c.ntfy.token = MASKED;
+    if (c.discord?.webhookUrl)
+        c.discord.webhookUrl = MASKED;
+    if (c.slack?.webhookUrl)
+        c.slack.webhookUrl = MASKED;
+    if (c.teams?.webhookUrl)
+        c.teams.webhookUrl = MASKED;
     return c;
 }
 function mergePreservingSecrets(existing, update) {
     const merged = { ...defaultConfig(), ...existing };
-    for (const section of ["desktop", "telegram", "whatsapp", "sms", "email", "dnd", "idle"]) {
+    for (const section of ["desktop", "telegram", "whatsapp", "sms", "email", "ntfy", "discord", "slack", "teams", "dnd", "idle"]) {
         merged[section] = { ...(merged[section] || {}), ...(update[section] || {}) };
     }
     // Nested schedule inside dnd
@@ -125,6 +137,10 @@ function mergePreservingSecrets(existing, update) {
     guard(["sms", "authToken"]);
     guard(["telegram", "token"]);
     guard(["whatsapp", "apiToken"]);
+    guard(["ntfy", "token"]);
+    guard(["discord", "webhookUrl"]);
+    guard(["slack", "webhookUrl"]);
+    guard(["teams", "webhookUrl"]);
     return merged;
 }
 const app = express();
@@ -181,7 +197,7 @@ async function speakText(text, voice) {
     if (process.platform === "win32") {
         spawn("powershell", [
             "-NoProfile", "-Command",
-            `Add-Type -AssemblyName presentationCore; $p = New-Object System.Windows.Media.MediaPlayer; $p.Open([uri]'${audioFilePath.replace(/\\/g, "\\\\")}'); $p.Play(); Start-Sleep -Seconds 10`,
+            `Add-Type -AssemblyName presentationCore; $p = New-Object System.Windows.Media.MediaPlayer; $done = $false; Register-ObjectEvent $p MediaEnded -Action { $script:done = $true } | Out-Null; $p.Open([uri]'${audioFilePath.replace(/\\/g, "\\\\")}'); $p.Play(); while (-not $done) { Start-Sleep -Milliseconds 200 }`,
         ], { windowsHide: true, stdio: "ignore" });
     }
     else if (process.platform === "darwin") {
@@ -369,6 +385,80 @@ app.post("/api/test/email", async (_req, res) => {
         res.status(500).json({ error: String(err) });
     }
 });
+app.post("/api/test/ntfy", async (_req, res) => {
+    const cfg = loadConfig();
+    const ntfy = cfg.ntfy ?? {};
+    if (!ntfy.topic) {
+        res.status(400).json({ error: "Topic is required." });
+        return;
+    }
+    try {
+        const base = (ntfy.serverUrl ?? "https://ntfy.sh").replace(/\/$/, "");
+        const headers = {
+            "Content-Type": "text/plain", "Title": "Claude Notify — test", "Priority": "3", "Tags": "white_check_mark",
+        };
+        if (ntfy.token)
+            headers["Authorization"] = `Bearer ${ntfy.token}`;
+        const r = await fetch(`${base}/${encodeURIComponent(ntfy.topic)}`, { method: "POST", headers, body: "Test from Claude Notify — ntfy is working!" });
+        if (!r.ok)
+            throw new Error(`ntfy ${r.status}: ${await r.text()}`);
+        res.json({ ok: true, message: `ntfy notification sent to topic '${ntfy.topic}'` });
+    }
+    catch (err) {
+        res.status(500).json({ error: String(err) });
+    }
+});
+app.post("/api/test/discord", async (_req, res) => {
+    const cfg = loadConfig();
+    const dc = cfg.discord ?? {};
+    if (!dc.webhookUrl) {
+        res.status(400).json({ error: "Webhook URL is required." });
+        return;
+    }
+    try {
+        const r = await fetch(dc.webhookUrl, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ username: dc.username ?? "Claude Notify", embeds: [{ title: "Claude Notify — test", description: "Test from Claude Notify — Discord is working!", color: 0x7c6dfa, timestamp: new Date().toISOString() }] }) });
+        if (!r.ok)
+            throw new Error(`Discord ${r.status}: ${await r.text()}`);
+        res.json({ ok: true, message: "Discord message sent!" });
+    }
+    catch (err) {
+        res.status(500).json({ error: String(err) });
+    }
+});
+app.post("/api/test/slack", async (_req, res) => {
+    const cfg = loadConfig();
+    const sl = cfg.slack ?? {};
+    if (!sl.webhookUrl) {
+        res.status(400).json({ error: "Webhook URL is required." });
+        return;
+    }
+    try {
+        const r = await fetch(sl.webhookUrl, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ text: "🔔 *Claude Notify — test*\nTest from Claude Notify — Slack is working!" }) });
+        if (!r.ok)
+            throw new Error(`Slack ${r.status}: ${await r.text()}`);
+        res.json({ ok: true, message: "Slack message sent!" });
+    }
+    catch (err) {
+        res.status(500).json({ error: String(err) });
+    }
+});
+app.post("/api/test/teams", async (_req, res) => {
+    const cfg = loadConfig();
+    const tm = cfg.teams ?? {};
+    if (!tm.webhookUrl) {
+        res.status(400).json({ error: "Webhook URL is required." });
+        return;
+    }
+    try {
+        const r = await fetch(tm.webhookUrl, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ type: "message", attachments: [{ contentType: "application/vnd.microsoft.card.adaptive", contentUrl: null, content: { $schema: "http://adaptivecards.io/schemas/adaptive-card.json", type: "AdaptiveCard", version: "1.2", body: [{ type: "TextBlock", size: "Medium", weight: "Bolder", text: "Claude Notify — test" }, { type: "TextBlock", text: "Test from Claude Notify — Teams is working!", wrap: true }] } }] }) });
+        if (!r.ok)
+            throw new Error(`Teams ${r.status}: ${await r.text()}`);
+        res.json({ ok: true, message: "Teams message sent!" });
+    }
+    catch (err) {
+        res.status(500).json({ error: String(err) });
+    }
+});
 // ── Google ADC auto-setup ─────────────────────────────────────────────────────
 async function adcEmail() {
     if (!existsSync(ADC_PATH))
@@ -558,11 +648,29 @@ app.get("/api/sessions", (_req, res) => {
         tag: s.tag,
         clientName: s.clientName,
         clientVersion: s.clientVersion,
+        workspaceName: s.workspaceName,
         host: s.host,
         connectedAt: s.connectedAt,
+        lastSeen: s.lastSeen,
     }));
     res.json({ sessions: list });
 });
+app.delete("/api/sessions/:clientId", (req, res) => {
+    const { clientId } = req.params;
+    const entry = Object.entries(sessions).find(([, m]) => m.clientId === clientId);
+    if (!entry) {
+        res.status(404).json({ error: "not found" });
+        return;
+    }
+    const [sessionId] = entry;
+    try {
+        httpTransports[sessionId]?.close();
+    }
+    catch { /* ignore */ }
+    delete httpTransports[sessionId];
+    delete sessions[sessionId];
+    res.json({ ok: true });
+});
 app.get("/api/logs", (req, res) => {
     res.setHeader("Content-Type", "text/event-stream");
     res.setHeader("Cache-Control", "no-cache");
@@ -594,7 +702,14 @@ async function sendNotification(message, priority, client) {
     // the TTL), they clearly want a reply over that channel, so skip idle gating.
     const inTelegramConvo = Date.now() - lastTelegramInboundAt < TELEGRAM_CONVO_TTL_MS;
     let desktopOnlyMode = false;
-    if (priority !== "high" && !inTelegramConvo && cfg.idle?.enabled !== false) {
+    // If the web UI is open and the user is actively watching it, skip remote channels.
+    if (priority !== "high" && isUiActivelyOpen()) {
+        if (cfg.idle?.alwaysDesktopWhenActive !== false && cfg.desktop?.enabled) {
+            desktopOnlyMode = true;
+            log("·", "ui", `UI visible — desktop-only`, client);
+        }
+    }
+    if (!desktopOnlyMode && priority !== "high" && !inTelegramConvo && cfg.idle?.enabled !== false) {
         const idleSecs = getOsIdleSeconds();
         const threshold = cfg.idle?.thresholdSeconds ?? 120;
         const userIsActive = idleSecs >= 0 && idleSecs < threshold;
@@ -693,6 +808,107 @@ async function sendNotification(message, priority, client) {
                 to: email.to, subject: "Claude Notify", text: message });
         });
     }
+    // ntfy
+    if (!desktopOnlyMode) {
+        const ntfy = cfg.ntfy ?? {};
+        if (ntfy.enabled && ntfy.topic) {
+            await send("ntfy", async () => {
+                const base = (ntfy.serverUrl ?? "https://ntfy.sh").replace(/\/$/, "");
+                const priorityMap = { low: 2, normal: 3, high: 5 };
+                const headers = {
+                    "Content-Type": "text/plain",
+                    "Title": "Claude Notify",
+                    "Priority": String(priorityMap[priority] ?? 3),
+                    "Tags": priority === "high" ? "rotating_light" : "bell",
+                };
+                if (ntfy.token)
+                    headers["Authorization"] = `Bearer ${ntfy.token}`;
+                const r = await fetch(`${base}/${encodeURIComponent(ntfy.topic)}`, {
+                    method: "POST", headers, body: message,
+                });
+                if (!r.ok)
+                    throw new Error(`ntfy ${r.status}: ${await r.text()}`);
+            });
+        }
+    }
+    // Discord
+    if (!desktopOnlyMode) {
+        const dc = cfg.discord ?? {};
+        if (dc.enabled && dc.webhookUrl) {
+            await send("discord", async () => {
+                const colorMap = { low: 0x6b7280, normal: 0x7c6dfa, high: 0xef4444 };
+                const r = await fetch(dc.webhookUrl, {
+                    method: "POST",
+                    headers: { "Content-Type": "application/json" },
+                    body: JSON.stringify({
+                        username: dc.username ?? "Claude Notify",
+                        embeds: [{
+                                title: "Claude Notify",
+                                description: message,
+                                color: colorMap[priority] ?? colorMap.normal,
+                                timestamp: new Date().toISOString(),
+                            }],
+                    }),
+                });
+                if (!r.ok)
+                    throw new Error(`Discord ${r.status}: ${await r.text()}`);
+            });
+        }
+    }
+    // Slack
+    if (!desktopOnlyMode) {
+        const sl = cfg.slack ?? {};
+        if (sl.enabled && sl.webhookUrl) {
+            await send("slack", async () => {
+                const emojiMap = { low: "ℹ️", normal: "🔔", high: "🚨" };
+                const emoji = emojiMap[priority] ?? emojiMap.normal;
+                const r = await fetch(sl.webhookUrl, {
+                    method: "POST",
+                    headers: { "Content-Type": "application/json" },
+                    body: JSON.stringify({
+                        text: `${emoji} *Claude Notify*`,
+                        blocks: [
+                            { type: "section", text: { type: "mrkdwn", text: `${emoji} *Claude Notify*\n${message}` } },
+                            { type: "context", elements: [{ type: "mrkdwn", text: `Priority: ${priority}` }] },
+                        ],
+                    }),
+                });
+                if (!r.ok)
+                    throw new Error(`Slack ${r.status}: ${await r.text()}`);
+            });
+        }
+    }
+    // Teams
+    if (!desktopOnlyMode) {
+        const tm = cfg.teams ?? {};
+        if (tm.enabled && tm.webhookUrl) {
+            await send("teams", async () => {
+                const colorMap = { low: "Default", normal: "Accent", high: "Attention" };
+                const r = await fetch(tm.webhookUrl, {
+                    method: "POST",
+                    headers: { "Content-Type": "application/json" },
+                    body: JSON.stringify({
+                        type: "message",
+                        attachments: [{
+                                contentType: "application/vnd.microsoft.card.adaptive",
+                                contentUrl: null,
+                                content: {
+                                    $schema: "http://adaptivecards.io/schemas/adaptive-card.json",
+                                    type: "AdaptiveCard", version: "1.2",
+                                    body: [
+                                        { type: "TextBlock", size: "Medium", weight: "Bolder", text: "Claude Notify", color: colorMap[priority] ?? "Default" },
+                                        { type: "TextBlock", text: message, wrap: true },
+                                        { type: "TextBlock", text: `Priority: ${priority}`, isSubtle: true, size: "Small" },
+                                    ],
+                                },
+                            }],
+                    }),
+                });
+                if (!r.ok)
+                    throw new Error(`Teams ${r.status}: ${await r.text()}`);
+            });
+        }
+    }
     return [
         results.length ? `Sent via: ${results.join(", ")}` : null,
         errors.length ? `Errors: ${errors.join("; ")}` : null,
@@ -772,6 +988,28 @@ let lastUserMessageId;
 // goes quiet.
 let lastTelegramInboundAt = 0;
 const TELEGRAM_CONVO_TTL_MS = 5 * 60 * 1000;
+// Page visibility: the web UI reports when it becomes visible/hidden so the
+// server can skip external channels while the user is actively watching the UI.
+let uiVisibleAt = 0; // last time UI reported visible
+let uiHiddenAt = 0; // last time UI reported hidden (0 = never seen)
+const UI_VISIBLE_TTL_MS = 30_000; // if no heartbeat for 30s, treat as unknown
+app.post("/api/ui/visibility", (req, res) => {
+    const { visible } = req.body ?? {};
+    if (visible) {
+        uiVisibleAt = Date.now();
+    }
+    else {
+        uiHiddenAt = Date.now();
+    }
+    res.json({ ok: true });
+});
+function isUiActivelyOpen() {
+    if (uiVisibleAt === 0)
+        return false; // never reported
+    if (uiHiddenAt > uiVisibleAt)
+        return false; // last report was hidden
+    return Date.now() - uiVisibleAt < UI_VISIBLE_TTL_MS;
+}
 // Session tagging: a session may declare a tag (e.g. "alphawave") when it
 // connects to /mcp?tag=alphawave. Telegram messages starting with "@<tag>"
 // are routed only to sessions with that exact tag (tag prefix stripped).
@@ -1155,13 +1393,18 @@ BEHAVIORAL RULES for every client that connects:
                 Use ONLY for catastrophic findings or decisions that block
                 progress. Misuse will train the user to ignore your notifs.
 
-3. Echo the full message body in your own chat / conversation output as well
-   as sending it through 'notify'. The user may be reading the terminal
-   directly; don't rely on them checking their phone / email.
+3. Echo the COMPLETE, UNTRUNCATED message body in your own chat / conversation
+   output as well as sending it through 'notify'. The user may be reading the
+   terminal directly; don't rely on them checking their phone / email. Do NOT
+   shorten, summarise, or cut off the message with "…" in your chat output —
+   show every word exactly as sent.
 
 4. The message body should be channel-agnostic. Never name 'Telegram', 'SMS',
-   'email', etc. in your messages — those are server delivery details the
-   user has already configured. Say 'notif' or 'notification' instead.
+   'email', 'desktop', etc. in your messages or in your chat output — those are
+   server delivery details the user has already configured and the client has
+   no business surfacing. Do NOT echo "Sent via: <channel list>" or any
+   variant of it. Just say 'notif' or 'notification' if you need to refer to
+   the act of notifying.
 
 5. When the user sends you an unsolicited message (visible as INBOX items in
    the 'notify' response, via 'poll', via 'wait_for_inbox', via
@@ -1256,7 +1499,9 @@ BEHAVIORAL RULES for every client that connects:
    MCP client is broken, you owe them the bypass — not an excuse.
 `.trim();
 function createMcpServer(clientId, sessionTag) {
-    const server = new McpServer({ name: "notify-mcp", version: "1.0.0" }, { instructions: MCP_INSTRUCTIONS });
+    const identity = sessionTag ? `@${sessionTag}` : clientId;
+    const identityLine = `\nYOUR SESSION IDENTITY: "${identity}" — use this as your prefix in all notify replies (e.g. "[${identity}] done with build").\n`;
+    const server = new McpServer({ name: "notify-mcp", version: "1.0.0" }, { instructions: identityLine + MCP_INSTRUCTIONS });
     server.tool("notify", "Send a notification to the user. Delivery channels and DND are server-configured. " +
         "Before calling, check get_idle_seconds against get_idle_config.thresholdSeconds; " +
         "skip the call if the user is active (unless priority='high'). " +
@@ -1500,14 +1745,16 @@ function sessionDisplay(s) {
     return s.tag ? `@${s.tag}` : s.clientId;
 }
 app.all("/mcp", async (req, res) => {
+    console.log("[debug-url]", req.method, req.url, "query:", JSON.stringify(req.query), "ua:", req.headers["user-agent"]);
     const existingSessionId = req.headers["mcp-session-id"];
     if (existingSessionId && httpTransports[existingSessionId]) {
-        await httpTransports[existingSessionId].handleRequest(req, res, req.body);
+        const transport = httpTransports[existingSessionId];
+        await transport.handleRequest(req, res, req.body);
         // Lazy-populate clientInfo after initialize lands on an existing session.
         const meta = sessions[existingSessionId];
         if (meta)
             meta.lastSeen = Date.now();
-        const mcpServer = httpTransports[existingSessionId].__mcpServer;
+        const mcpServer = httpTransports[existingSessionId]?.__mcpServer;
         if (meta && !meta.clientName && mcpServer?.getClientVersion) {
             try {
                 const info = mcpServer.getClientVersion();
@@ -1520,12 +1767,19 @@ app.all("/mcp", async (req, res) => {
         }
         return;
     }
-    // Spec-compliant: if the client presents a session ID we don't know about
-    // (server was restarted, or the transport was closed), return 404 so the
-    // client knows to re-initialize. The previous silent-new-session behavior
-    // left idle clients stuck with stale session bookkeeping until the VS Code
-    // window was manually reloaded.
-    if (existingSessionId) {
+    // Auto-reconnect path. If the client presents a session id we don't know
+    // about AND the request body is a fresh `initialize`, adopt the stale id
+    // instead of 404-ing. This covers the "server was restarted while Claude
+    // Code was open" case: clients that cache the session id (claude-code#27142)
+    // would otherwise stay ghost until the human manually reloaded the window.
+    // A non-initialize request with an unknown id still gets 404 — the client
+    // is expected to reinitialize in response.
+    const bodyIsInitialize = req.method === "POST" &&
+        req.body &&
+        (Array.isArray(req.body)
+            ? req.body.some((m) => m?.method === "initialize")
+            : req.body.method === "initialize");
+    if (existingSessionId && !bodyIsInitialize) {
         res.status(404).json({
             jsonrpc: "2.0",
             error: { code: -32000, message: "Session not found — reinitialize" },
@@ -1535,13 +1789,40 @@ app.all("/mcp", async (req, res) => {
     }
     const rawTag = typeof req.query.tag === "string" ? req.query.tag : undefined;
     const sessionTag = rawTag?.toLowerCase().replace(/[^a-z0-9_-]/g, "") || undefined;
-    const newSessionId = randomUUID();
+    // If the client brought a stale id on an initialize, reuse it so the client
+    // never has to swap ids. Otherwise mint a fresh one.
+    const newSessionId = existingSessionId ?? randomUUID();
     const host = (req.socket.remoteAddress || "").replace(/^::ffff:/, "") || undefined;
     const port = req.socket.remotePort;
-    // Build a distinguishable client id: tag wins if set; otherwise use host+port
-    // so two untagged sessions from the same machine are still distinguishable.
-    const clientId = sessionTag
+    // Pull clientInfo and workspace from the initialize body immediately so the
+    // pill shows a readable name from the start.
+    const initBody = Array.isArray(req.body)
+        ? req.body.find((m) => m?.method === "initialize")
+        : req.body;
+    const earlyClientName = initBody?.params?.clientInfo?.name;
+    // Prefer the workspace folder name (e.g. "AlphaWave", "notify-mcp-src") over
+    // the generic client name ("claude-code"). workspaceFolders[0].name is set by
+    // Claude Code and Cursor; rootUri is the fallback.
+    const workspaceFolders = initBody?.params?.workspaceFolders;
+    const rootUri = initBody?.params?.rootUri ?? initBody?.params?.root_uri;
+    const workspaceName = workspaceFolders?.[0]?.name ||
+        (rootUri ? rootUri.replace(/\\/g, "/").split("/").filter(Boolean).pop() : undefined);
+    // Build a distinguishable client id: tag wins if set; workspace name next;
+    // then clientInfo.name; otherwise use host+port. If the base id is already
+    // taken, append -2, -3, … so two windows on the same project still show up.
+    const baseId = sessionTag
+        ?? workspaceName
+        ?? earlyClientName
         ?? (host && port ? `${host === "127.0.0.1" || host === "::1" ? "local" : host}:${port}` : `sess-${newSessionId.slice(0, 8)}`);
+    // Exclude the session being re-adopted from the "taken" set — it's about to
+    // be replaced, so its old clientId should be available for reuse.
+    const adoptingId = existingSessionId && bodyIsInitialize ? existingSessionId : undefined;
+    const takenIds = new Set(Object.entries(sessions)
+        .filter(([sid]) => sid !== adoptingId)
+        .map(([, s]) => s.clientId));
+    let clientId = baseId;
+    for (let n = 2; takenIds.has(clientId); n++)
+        clientId = `${baseId}-${n}`;
     const transport = new StreamableHTTPServerTransport({ sessionIdGenerator: () => newSessionId });
     transport.onclose = () => {
         if (transport.sessionId) {
@@ -1560,6 +1841,9 @@ app.all("/mcp", async (req, res) => {
         const now = Date.now();
         sessions[transport.sessionId] = {
             clientId, tag: sessionTag, host, connectedAt: now, lastSeen: now,
+            clientName: earlyClientName,
+            clientVersion: initBody?.params?.clientInfo?.version,
+            workspaceName,
         };
     }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "omni-notify-mcp",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "description": "An MCP server that lets AI agents (Claude, Cursor, etc.) reach you on any channel — desktop, Telegram, SMS, email — with two-way ask/reply, real-time inbox push, Do Not Disturb, idle gating, multi-session routing, and a one-page web UI for setup. Zero config code; configure once, agents call notify/ask.",
   "main": "dist/index.js",
   "type": "module",

package/ui/public/app.js

@@ -71,6 +71,29 @@ function populateForm() {
   $("sms-from").value = sms.from ?? "";
   $("sms-to").value = sms.to ?? "";
 
+  // ntfy
+  const ntfy = config.ntfy ?? {};
+  $("ntfy-enabled").checked = !!ntfy.enabled;
+  $("ntfy-topic").value = ntfy.topic ?? "";
+  $("ntfy-server").value = ntfy.serverUrl ?? "https://ntfy.sh";
+  $("ntfy-token").value = ntfy.token ?? "";
+
+  // Discord
+  const dc = config.discord ?? {};
+  $("discord-enabled").checked = !!dc.enabled;
+  $("discord-webhook").value = dc.webhookUrl ?? "";
+  $("discord-username").value = dc.username ?? "";
+
+  // Slack
+  const sl = config.slack ?? {};
+  $("slack-enabled").checked = !!sl.enabled;
+  $("slack-webhook").value = sl.webhookUrl ?? "";
+
+  // Teams
+  const tm = config.teams ?? {};
+  $("teams-enabled").checked = !!tm.enabled;
+  $("teams-webhook").value = tm.webhookUrl ?? "";
+
   // DND
   const dnd = config.dnd ?? {};
   $("dnd-enabled").checked = !!dnd.enabled;
@@ -128,6 +151,22 @@ function updateBadges() {
     sms.enabled && smsReady ? "ok" : smsReady ? "warn" : sms.accountSid ? "warn" : "idle",
     sms.enabled && smsReady ? "Configured" : smsReady ? "Disabled" : sms.accountSid ? "Incomplete" : "Not configured");
 
+  const ntfyC = config.ntfy ?? {};
+  setBadge("ntfy", ntfyC.enabled && ntfyC.topic ? "ok" : ntfyC.topic ? "warn" : "idle",
+    ntfyC.enabled && ntfyC.topic ? "Configured" : ntfyC.topic ? "Disabled" : "Not configured");
+
+  const dcC = config.discord ?? {};
+  setBadge("discord", dcC.enabled && dcC.webhookUrl ? "ok" : dcC.webhookUrl ? "warn" : "idle",
+    dcC.enabled && dcC.webhookUrl ? "Configured" : dcC.webhookUrl ? "Disabled" : "Not configured");
+
+  const slC = config.slack ?? {};
+  setBadge("slack", slC.enabled && slC.webhookUrl ? "ok" : slC.webhookUrl ? "warn" : "idle",
+    slC.enabled && slC.webhookUrl ? "Configured" : slC.webhookUrl ? "Disabled" : "Not configured");
+
+  const tmC = config.teams ?? {};
+  setBadge("teams", tmC.enabled && tmC.webhookUrl ? "ok" : tmC.webhookUrl ? "warn" : "idle",
+    tmC.enabled && tmC.webhookUrl ? "Configured" : tmC.webhookUrl ? "Disabled" : "Not configured");
+
   // DND badge: "Active" (red), "Scheduled" (warn), or "Off" (idle)
   const dnd = config.dnd ?? {};
   const sched = dnd.schedule ?? {};
@@ -219,6 +258,18 @@ async function toggleEmailEnabled() {
 async function toggleSmsEnabled() {
   await patch({ sms: { enabled: $("sms-enabled").checked } });
 }
+async function toggleNtfyEnabled() {
+  await patch({ ntfy: { enabled: $("ntfy-enabled").checked } });
+}
+async function toggleDiscordEnabled() {
+  await patch({ discord: { enabled: $("discord-enabled").checked } });
+}
+async function toggleSlackEnabled() {
+  await patch({ slack: { enabled: $("slack-enabled").checked } });
+}
+async function toggleTeamsEnabled() {
+  await patch({ teams: { enabled: $("teams-enabled").checked } });
+}
 
 async function saveTelegram() {
   await patch({
@@ -290,6 +341,23 @@ async function saveSms() {
   clearDirty("sms");
 }
 
+async function saveNtfy() {
+  await patch({ ntfy: { enabled: $("ntfy-enabled").checked, topic: $("ntfy-topic").value.trim(), serverUrl: $("ntfy-server").value.trim() || "https://ntfy.sh", token: $("ntfy-token").value.trim() } });
+  clearDirty("ntfy");
+}
+async function saveDiscord() {
+  await patch({ discord: { enabled: $("discord-enabled").checked, webhookUrl: $("discord-webhook").value.trim(), username: $("discord-username").value.trim() || "Claude Notify" } });
+  clearDirty("discord");
+}
+async function saveSlack() {
+  await patch({ slack: { enabled: $("slack-enabled").checked, webhookUrl: $("slack-webhook").value.trim() } });
+  clearDirty("slack");
+}
+async function saveTeams() {
+  await patch({ teams: { enabled: $("teams-enabled").checked, webhookUrl: $("teams-webhook").value.trim() } });
+  clearDirty("teams");
+}
+
 async function patch(update) {
   try {
     const res = await fetch("/api/config", {
@@ -535,6 +603,38 @@ function toast(msg, type = "ok") {
 
 function $(id) { return document.getElementById(id); }
 
+// ── Page visibility reporting ─────────────────────────────────────────────
+// Tell the server when this tab is focused so it can skip external channels
+// while the user is actively watching the UI.
+
+function reportVisibility(visible) {
+  fetch("/api/ui/visibility", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ visible }),
+  }).catch(() => {});
+}
+
+let visibilityHeartbeat;
+function startVisibilityHeartbeat() {
+  clearInterval(visibilityHeartbeat);
+  visibilityHeartbeat = setInterval(() => {
+    if (!document.hidden) reportVisibility(true);
+  }, 15000);
+}
+
+document.addEventListener("visibilitychange", () => {
+  reportVisibility(!document.hidden);
+  if (!document.hidden) startVisibilityHeartbeat();
+  else clearInterval(visibilityHeartbeat);
+});
+window.addEventListener("focus", () => { reportVisibility(true); startVisibilityHeartbeat(); });
+window.addEventListener("blur",  () => reportVisibility(false));
+
+// Report on load and start heartbeat
+reportVisibility(!document.hidden);
+if (!document.hidden) startVisibilityHeartbeat();
+
 function copyText(el) {
   const text = el.textContent.replace(" 📋", "").trim();
   navigator.clipboard.writeText(text).then(() => {
@@ -613,39 +713,66 @@ function renderLogEntry(raw) {
   if (atBottom) panel.scrollTop = panel.scrollHeight;
 }
 
+function sessionStatus(lastSeen) {
+  const age = Date.now() - lastSeen;
+  if (age < 35_000) return "live";
+  if (age < 95_000) return "idle";
+  return "stale";
+}
+
+async function dismissSession(clientId) {
+  await fetch(`/api/sessions/${encodeURIComponent(clientId)}`, { method: "DELETE" });
+  refreshSessions();
+}
+
 async function refreshSessions() {
   try {
     const res = await fetch("/api/sessions");
     if (!res.ok) return;
     const { sessions } = await res.json();
     const bar = $("session-pills");
-    // Build a set of desired pills (keyed by clientId). Keep the "All" pill.
     const existing = new Map();
-    bar.querySelectorAll(".pill").forEach(p => existing.set(p.dataset.client || "", p));
+    bar.querySelectorAll(".pill[data-client]").forEach(p => {
+      if (p.dataset.client !== "") existing.set(p.dataset.client, p);
+    });
     const desired = new Set([""]);
     for (const s of sessions) desired.add(s.clientId);
-    // Remove pills for disconnected sessions.
+
+    // Remove pills for sessions the server no longer knows about.
     for (const [id, el] of existing) {
       if (!desired.has(id)) el.remove();
     }
-    // Add pills for new sessions.
+
+    // Add or update pills.
     for (const s of sessions) {
+      const status = sessionStatus(s.lastSeen);
+      const label = s.tag ? `@${s.tag}` : s.clientId;
+      const title = [s.workspaceName ?? s.clientName, s.host, `last seen ${Math.round((Date.now() - s.lastSeen) / 1000)}s ago`].filter(Boolean).join(" · ");
+
       if (!existing.has(s.clientId)) {
         const btn = document.createElement("button");
         btn.className = "pill";
         btn.dataset.client = s.clientId;
-        btn.textContent = s.tag ? `@${s.tag}` : s.clientId;
-        btn.title = [s.clientName, s.host].filter(Boolean).join(" · ");
         btn.onclick = () => selectLogFilter(s.clientId);
         bar.appendChild(btn);
+        existing.set(s.clientId, btn);
       }
+
+      const btn = existing.get(s.clientId);
+      btn.title = title;
+      btn.innerHTML =
+        `<span class="pill-dot pill-dot-${status}"></span>` +
+        `<span class="pill-label">${label}</span>` +
+        (status === "stale"
+          ? `<span class="pill-dismiss" title="Remove" onclick="event.stopPropagation();dismissSession('${s.clientId.replace(/'/g,"\\'")}')">×</span>`
+          : "");
     }
+
     // If the currently-selected client disconnected, fall back to "All".
     if (logFilterClient && !desired.has(logFilterClient)) {
       selectLogFilter("");
     } else {
-      // Re-sync active state (in case pills were re-added).
-      bar.querySelectorAll(".pill").forEach(p => {
+      bar.querySelectorAll(".pill[data-client]").forEach(p => {
         p.classList.toggle("pill-active", (p.dataset.client || "") === logFilterClient);
       });
     }

package/ui/public/index.html

@@ -199,6 +199,139 @@
         </div>
       </div>
 
+      <!-- ── ntfy ─────────────────────────────────────────────────── -->
+      <div class="card" id="card-ntfy">
+        <div class="card-hd">
+          <div class="ch-meta">
+            <div class="channel-icon ntfy-icon">
+              <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.73 21a2 2 0 0 1-3.46 0"/></svg>
+            </div>
+            <span class="ch-name">ntfy</span><span class="tag">Push</span>
+          </div>
+          <span class="badge badge-idle" id="badge-ntfy">Not configured</span>
+        </div>
+        <div class="card-body">
+          <div class="actions">
+            <label class="toggle-wrap">
+              <input type="checkbox" id="ntfy-enabled" onchange="toggleNtfyEnabled()">
+              <span class="toggle"></span>
+            </label>
+            <span class="toggle-lbl">Enable</span>
+            <button class="btn btn-sm btn-primary" id="save-ntfy-btn" onclick="saveNtfy()">Save</button>
+            <button class="btn btn-sm btn-ghost" onclick="testChannel('ntfy')">Test</button>
+          </div>
+          <details class="guide">
+            <summary>Set up ntfy (1 min, free, no account needed)</summary>
+            <ol>
+              <li>Install the <a href="https://ntfy.sh" target="_blank">ntfy app</a> on your phone</li>
+              <li>Pick any topic name (e.g. <code>my-claude-alerts-abc123</code>) — keep it secret, it's your auth</li>
+              <li>Subscribe to that topic in the app</li>
+              <li>Paste the topic below and save</li>
+            </ol>
+          </details>
+          <div class="fg"><label>Topic</label><input type="text" id="ntfy-topic" placeholder="my-claude-alerts-abc123" oninput="markDirty('ntfy')"></div>
+          <div class="fg"><label>Server URL</label><input type="text" id="ntfy-server" placeholder="https://ntfy.sh" oninput="markDirty('ntfy')"><span class="hint">Leave default for ntfy.sh, or your self-hosted URL</span></div>
+          <div class="fg"><label>Token (optional)</label><input type="password" id="ntfy-token" placeholder="tk_…" oninput="markDirty('ntfy')"><span class="hint">Only needed for private self-hosted servers</span></div>
+        </div>
+      </div>
+
+      <!-- ── Discord ───────────────────────────────────────────────── -->
+      <div class="card" id="card-discord">
+        <div class="card-hd">
+          <div class="ch-meta">
+            <div class="channel-icon discord-icon">
+              <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="9" cy="12" r="1"/><circle cx="15" cy="12" r="1"/><path d="M7.5 7.5c1-.5 2.5-.5 4.5-.5s3.5 0 4.5.5M7.5 16.5c1 .5 2.5.5 4.5.5s3.5 0 4.5-.5"/><path d="M3 3l4.5 1.5M21 3l-4.5 1.5M3 21l4.5-1.5M21 21l-4.5-1.5"/><path d="M3 3c0 9 0 12 9 15 9-3 9-6 9-15"/></svg>
+            </div>
+            <span class="ch-name">Discord</span><span class="tag">Webhook</span>
+          </div>
+          <span class="badge badge-idle" id="badge-discord">Not configured</span>
+        </div>
+        <div class="card-body">
+          <div class="actions">
+            <label class="toggle-wrap">
+              <input type="checkbox" id="discord-enabled" onchange="toggleDiscordEnabled()">
+              <span class="toggle"></span>
+            </label>
+            <span class="toggle-lbl">Enable</span>
+            <button class="btn btn-sm btn-primary" id="save-discord-btn" onclick="saveDiscord()">Save</button>
+            <button class="btn btn-sm btn-ghost" onclick="testChannel('discord')">Test</button>
+          </div>
+          <details class="guide">
+            <summary>Create a Discord webhook (1 min)</summary>
+            <ol>
+              <li>Open your Discord server → pick a channel → Edit Channel</li>
+              <li>Integrations → Webhooks → New Webhook → Copy URL</li>
+            </ol>
+          </details>
+          <div class="fg"><label>Webhook URL</label><input type="password" id="discord-webhook" placeholder="https://discord.com/api/webhooks/…" oninput="markDirty('discord')"></div>
+          <div class="fg"><label>Bot name (optional)</label><input type="text" id="discord-username" placeholder="Claude Notify" oninput="markDirty('discord')"></div>
+        </div>
+      </div>
+
+      <!-- ── Slack ─────────────────────────────────────────────────── -->
+      <div class="card" id="card-slack">
+        <div class="card-hd">
+          <div class="ch-meta">
+            <div class="channel-icon slack-icon">
+              <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14.5 10c-.83 0-1.5-.67-1.5-1.5v-5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5z"/><path d="M20.5 10H19V8.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"/><path d="M9.5 14c.83 0 1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5S8 21.33 8 20.5v-5c0-.83.67-1.5 1.5-1.5z"/><path d="M3.5 14H5v1.5c0 .83-.67 1.5-1.5 1.5S2 16.33 2 15.5 2.67 14 3.5 14z"/><path d="M14 14.5c0-.83.67-1.5 1.5-1.5h5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-5c-.83 0-1.5-.67-1.5-1.5z"/><path d="M15.5 19H14v1.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5-.67-1.5-1.5-1.5z"/><path d="M10 9.5C10 8.67 9.33 8 8.5 8h-5C2.67 8 2 8.67 2 9.5S2.67 11 3.5 11h5c.83 0 1.5-.67 1.5-1.5z"/><path d="M8.5 5H10V3.5C10 2.67 9.33 2 8.5 2S7 2.67 7 3.5 7.67 5 8.5 5z"/></svg>
+            </div>
+            <span class="ch-name">Slack</span><span class="tag">Webhook</span>
+          </div>
+          <span class="badge badge-idle" id="badge-slack">Not configured</span>
+        </div>
+        <div class="card-body">
+          <div class="actions">
+            <label class="toggle-wrap">
+              <input type="checkbox" id="slack-enabled" onchange="toggleSlackEnabled()">
+              <span class="toggle"></span>
+            </label>
+            <span class="toggle-lbl">Enable</span>
+            <button class="btn btn-sm btn-primary" id="save-slack-btn" onclick="saveSlack()">Save</button>
+            <button class="btn btn-sm btn-ghost" onclick="testChannel('slack')">Test</button>
+          </div>
+          <details class="guide">
+            <summary>Create a Slack webhook (2 min)</summary>
+            <ol>
+              <li>Go to <a href="https://api.slack.com/apps" target="_blank">api.slack.com/apps</a> → Create New App → From scratch</li>
+              <li>Incoming Webhooks → On → Add New Webhook to Workspace → pick channel → Copy URL</li>
+            </ol>
+          </details>
+          <div class="fg"><label>Webhook URL</label><input type="password" id="slack-webhook" placeholder="https://hooks.slack.com/services/…" oninput="markDirty('slack')"></div>
+        </div>
+      </div>
+
+      <!-- ── Teams ─────────────────────────────────────────────────── -->
+      <div class="card" id="card-teams">
+        <div class="card-hd">
+          <div class="ch-meta">
+            <div class="channel-icon teams-icon">
+              <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
+            </div>
+            <span class="ch-name">Teams</span><span class="tag">Webhook</span>
+          </div>
+          <span class="badge badge-idle" id="badge-teams">Not configured</span>
+        </div>
+        <div class="card-body">
+          <div class="actions">
+            <label class="toggle-wrap">
+              <input type="checkbox" id="teams-enabled" onchange="toggleTeamsEnabled()">
+              <span class="toggle"></span>
+            </label>
+            <span class="toggle-lbl">Enable</span>
+            <button class="btn btn-sm btn-primary" id="save-teams-btn" onclick="saveTeams()">Save</button>
+            <button class="btn btn-sm btn-ghost" onclick="testChannel('teams')">Test</button>
+          </div>
+          <details class="guide">
+            <summary>Create a Teams webhook (2 min)</summary>
+            <ol>
+              <li>In Teams, go to the channel → ••• → Workflows → "Post to a channel when a webhook request is received"</li>
+              <li>Follow the wizard → copy the webhook URL at the end</li>
+            </ol>
+          </details>
+          <div class="fg"><label>Webhook URL</label><input type="password" id="teams-webhook" placeholder="https://…webhook.office.com/…" oninput="markDirty('teams')"></div>
+        </div>
+      </div>
+
       </div>
     </section>
 

package/ui/public/style.css

@@ -231,6 +231,18 @@ main {
   border-color: var(--accent);
   color: #fff;
 }
+.pill { display: inline-flex; align-items: center; gap: 5px; }
+.pill-dot {
+  width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0;
+}
+.pill-dot-live  { background: #4ade80; }
+.pill-dot-idle  { background: #facc15; }
+.pill-dot-stale { background: #f87171; }
+.pill-dismiss {
+  margin-left: 1px; font-size: 13px; line-height: 1;
+  opacity: .6; cursor: pointer;
+}
+.pill-dismiss:hover { opacity: 1; }
 
 /* ── Cards ───────────────────────────────────────────────────────────────── */
 
@@ -284,6 +296,10 @@ main {
 .telegram-icon { background: #0d1e2e; color: #38bdf8; }
 .whatsapp-icon { background: #0d2e1a; color: #4ade80; }
 .sms-icon      { background: #1e0d2e; color: #c084fc; }
+.ntfy-icon     { background: #1a2e0d; color: #86efac; }
+.discord-icon  { background: #0d0d2e; color: #a5b4fc; }
+.slack-icon    { background: #2e2a0d; color: #fbbf24; }
+.teams-icon    { background: #0d1e2e; color: #7dd3fc; }
 
 /* ── Tags & badges ───────────────────────────────────────────────────────── */