← All blocks

Notifications inbox

notifications · inbox · notifications-panel-inbox

npx shadcn@latest add @plus-ui/notifications-panel-inbox

Default content

{
  "eyebrow": "pellora",
  "title": "Inbox",
  "description": "Deploys, mentions and incidents on services you own or watch.",
  "markAllRead": "Mark all as read",
  "settings": {
    "label": "Notification settings",
    "href": "#notifications"
  },
  "unreadSummary": "{count} unread",
  "tabs": [
    {
      "label": "All",
      "kinds": []
    },
    {
      "label": "Mentions",
      "kinds": [
        "mention"
      ]
    },
    {
      "label": "Deploys",
      "kinds": [
        "deploy",
        "incident"
      ]
    }
  ],
  "groups": [
    {
      "label": "Today",
      "items": [
        {
          "id": "n1",
          "kind": "deploy",
          "title": "search-indexer failed on staging",
          "excerpt": "Error: tokenizer 4.2 requires node >= 22 · step build, exit 1",
          "context": "search-indexer · staging · e12aa58",
          "time": "38 min ago",
          "status": "danger",
          "unread": true,
          "actions": [
            {
              "label": "View logs",
              "href": "#logs"
            },
            {
              "label": "Redeploy",
              "href": "#redeploy"
            }
          ]
        },
        {
          "id": "n2",
          "kind": "mention",
          "actor": {
            "name": "Aiko Brandt",
            "avatar": {
              "src": "https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&crop=faces&w=96&h=96&q=80",
              "alt": "Aiko Brandt"
            }
          },
          "title": "Aiko Brandt mentioned you on preview #482",
          "excerpt": "@ines the reviews carousel shifts layout on Safari 18. Can you check the edge cache headers before we promote?",
          "context": "web-storefront · perf/reviews",
          "time": "52 min ago",
          "unread": true,
          "actions": [
            {
              "label": "Reply",
              "href": "#reply"
            },
            {
              "label": "Open preview",
              "href": "#preview"
            }
          ]
        },
        {
          "id": "n3",
          "kind": "incident",
          "title": "SEV-3 resolved: p95 latency on checkout-api",
          "excerpt": "p95 back under 240 ms budget after edge-cache rollout. Open for 23 min.",
          "context": "checkout-api · production",
          "time": "1 h ago",
          "status": "success",
          "unread": true,
          "actions": [
            {
              "label": "Read timeline",
              "href": "#incident"
            }
          ]
        },
        {
          "id": "n4",
          "kind": "deploy",
          "actor": {
            "name": "Tomás Rieder",
            "avatar": {
              "src": "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?auto=format&fit=crop&crop=faces&w=96&h=96&q=80",
              "alt": "Tomás Rieder"
            }
          },
          "title": "Tomás Rieder promoted edge-cache to production",
          "context": "edge-cache · production · 7be03d1",
          "time": "1 h ago",
          "status": "success",
          "unread": false,
          "actions": [
            {
              "label": "View deploy",
              "href": "#deploy"
            }
          ]
        }
      ]
    },
    {
      "label": "Yesterday",
      "items": [
        {
          "id": "n5",
          "kind": "access",
          "actor": {
            "name": "Mira Castell",
            "avatar": {
              "src": "https://images.unsplash.com/photo-1580489944761-15a19d654956?auto=format&fit=crop&crop=faces&w=96&h=96&q=80",
              "alt": "Mira Castell"
            }
          },
          "title": "Mira Castell changed your role to Admin",
          "context": "Pellora workspace",
          "time": "18:42",
          "unread": false,
          "actions": []
        },
        {
          "id": "n6",
          "kind": "mention",
          "actor": {
            "name": "Kwame Asante",
            "avatar": {
              "src": "https://images.unsplash.com/photo-1560250097-0b93528c311a?auto=format&fit=crop&crop=faces&w=96&h=96&q=80",
              "alt": "Kwame Asante"
            }
          },
          "title": "Kwame Asante mentioned you in #deploys",
          "excerpt": "@ines can we pin search-indexer to eu-west-1 until the shard migration lands?",
          "context": "search-indexer · comment",
          "time": "16:05",
          "unread": false,
          "actions": [
            {
              "label": "Reply",
              "href": "#reply"
            }
          ]
        },
        {
          "id": "n7",
          "kind": "billing",
          "title": "Build minutes at 82% of the Team plan",
          "context": "20,480 of 25,000 · resets Nov 1",
          "time": "09:10",
          "status": "warning",
          "unread": false,
          "actions": [
            {
              "label": "View usage",
              "href": "#billing"
            }
          ]
        }
      ]
    }
  ],
  "labels": {
    "markRead": "Mark as read",
    "markUnread": "Mark as unread",
    "unread": "Unread"
  },
  "empty": {
    "title": "Nothing here",
    "description": "You are caught up. New mentions and deploy results land here first."
  }
}