@@ -1,6 +1,7 @@
 // @vitest-environment jsdom
 import { act, createElement } from "react";
 import { createRoot } from "react-dom/client";
+import { renderToStaticMarkup } from "react-dom/server";
 import { createMemoryRouter, RouterProvider } from "react-router-dom";
 import { describe, expect, it, vi } from "vitest";
 import { DashboardAgentProvider } from "~/components/dashboard-agent/dashboardAgentLauncher";
@@ -291,3 +292,70 @@ describe("row status actions for rows with a channel issue", () => {
     expect(active).not.toContain("Mark as Resolved");
   });
 });
+
+describe("AlertActionsPopoverContent permissions", () => {
+  function buttons(
+    status: AlertListRow["status"],
+    canWrite = true,
+    canDelete = true,
+    expiresAt: string | null = null
+  ) {
+    const noop = () => {};
+    const agent = { open: false, openWith: noop } as unknown as React.ComponentProps<
+      typeof DashboardAgentProvider
+    >["value"];
+    const html = renderToStaticMarkup(
+      createElement(
+        OperatingSystemContextProvider,
+        { platform: "mac" },
+        createElement(
+          ShortcutsProvider,
+          null,
+          createElement(
+            DashboardAgentProvider,
+            { value: agent },
+            createElement(AlertActionsPopoverContent, {
+              alert: {
+                id: "a1",
+                name: "Depth",
+                conditionSummary: "> 100",
+                status,
+                expiresAt,
+              } as AlertListRow,
+              canWrite,
+              canDelete,
+              onClose: noop,
+              onResolve: noop,
+              onStop: noop,
+              onActivate: noop,
+              onEdit: noop,
+              onDelete: noop,
+            })
+          )
+        )
+      )
+    );
+    return [...html.matchAll(/<button([^>]*)>([\s\S]*?)<\/button>|<hr/g)].map((m) =>
+      m[0] === "<hr"
+        ? { title: "---", disabled: false }
+        : {
+            title: m[2]!.replace(/<[^>]+>/g, "").trim(),
+            disabled: m[1]!.includes('disabled=""'),
+          }
+    );
+  }
+
+  it("disables every write action without write:alerts, leaving Investigate", () => {
+    for (const status of ["needs_attention", "active", "inactive"] as const) {
+      for (const item of buttons(status, false).filter((b) => b.title !== "---")) {
+        expect(item.disabled).toBe(item.title !== "Investigate");
+      }
+    }
+    expect(buttons("inactive").every((item) => !item.disabled)).toBe(true);
+  });
+
+  it("disables Delete without delete:alerts", () => {
+    const disabled = buttons("inactive", true, false).filter((item) => item.disabled);
+    expect(disabled.map((item) => item.title)).toEqual(["Delete"]);
+  });
+});
@@ -39,13 +39,13 @@ const EVENT_LABEL: Record<AlertDetailEvent["type"], string> = {
   stopped: "Stopped",
 };
 
-export const LEVEL_DESCRIPTIONS: Record<AlertLevel, string> = {
+const LEVEL_DESCRIPTIONS: Record<AlertLevel, string> = {
   ERROR: "The condition was met and the alert was raised.",
   WARN: "The alert expired or was stopped.",
   INFO: "The condition recovered or you resolved the alert.",
 };
 
-export function LevelBreakdown() {
+function LevelBreakdown() {
   return (
     <div className="flex flex-col gap-2.5">
       {(Object.keys(LEVEL_DESCRIPTIONS) as AlertLevel[]).map((level) => (
 
@@ -79,44 +79,7 @@ function render(
   return renderToStaticMarkup(createElement(RouterProvider, { router }));
 }
 
-function headers(html: string) {
-  return [...html.matchAll(/<th[^>]*>([\s\S]*?)<\/th>/g)].map((m) =>
-    m[1].replace(/<[^>]+>/g, "").trim()
-  );
-}
-
 describe("AlertChannelsBody with the alerts flag off", () => {
-  it("lists Edit, Disable and Delete in the modal menu, without Edit environments", () => {
-    const html = render({ modal: true });
-    expect(headers(html)).toEqual([]);
-    expect(html).not.toContain("h-11");
-    expect(html).toContain("min-w-0");
-    expect(html).not.toContain("max-w-0");
-    expect(html).not.toContain("align-top");
-    expect(html).toContain("w-px");
-    expect(html).toMatch(/<td class="[^"]*\bw-10 pl-2\b/);
-    expect(html).not.toMatch(/class="[^"]*\btruncate\b[^"]*system-mono-label/);
-    expect(html).toContain("overflow-x-hidden");
-    expect(html).not.toContain("w-80");
-    expect(html).not.toMatch(
-      /<div class="[^"]*border-t[^"]*whitespace-nowrap|<div class="whitespace-nowrap[^"]*border-t/
-    );
-    expect(html.indexOf(">Edit<")).toBeGreaterThan(-1);
-    expect(html.indexOf(">Edit<")).toBeLessThan(html.indexOf(">Disable<"));
-    expect(html.indexOf(">Disable<")).toBeLessThan(html.indexOf(">Delete<"));
-    expect(html).not.toContain("Edit environments");
-    expect(html).not.toContain("/chan_1/edit");
-  });
-
-  it("summarises environments as icons, a count and a chevron without an inline list", () => {
-    const html = render({ modal: true });
-    expect(html).toContain("3 environments");
-    const trigger = html.match(/<button[^>]*aria-haspopup="dialog"[\s\S]*?<\/button>/)![0];
-    expect(trigger.match(/<svg/g)).toHaveLength(4);
-    expect(html).not.toContain("flex flex-col gap-1");
-    expect(html).not.toContain("Production");
-  });
-
   it("shows an Add channel button, not the create form, until clicked", () => {
     const under = render({ modal: true, used: 1 });
     expect(under).toContain("Add channel");
@@ -209,22 +172,6 @@ describe("AlertChannelsBody with the alerts flag off", () => {
     container.remove();
   });
 
-  it("renders a single environment inline without a popover trigger", () => {
-    const one = { ...channel, environmentTypes: ["PRODUCTION"] } as unknown as AlertChannelRow;
-    const html = render({ modal: true, channels: [one] });
-    expect(html).toContain("Production");
-    expect(html).not.toContain("1 environment");
-    expect(html).not.toContain('aria-haspopup="dialog"');
-  });
-
-  it("drops the Add channel title and divider when there are no channels", () => {
-    const html = render({ modal: true, used: 0, channels: [] });
-    expect(html).toContain('id="create-alert"');
-    expect(html).not.toContain("Add channel");
-    expect(html).not.toContain("gap-3 border-t");
-    expect(render({ modal: true })).not.toContain('id="create-alert"');
-  });
-
   it("opens the form on Slack with a returnTo connect link when add=slack", () => {
     const html = render({ modal: true, url: "/?add=slack" });
     expect(html).toContain('id="create-alert"');