diff --git a/apps/app/src/app/(app)/[orgId]/overview/components/ConfirmActionDialog.tsx b/apps/app/src/app/(app)/[orgId]/overview/components/ConfirmActionDialog.tsx
deleted file mode 100644
index b57ab3820e..0000000000
--- a/apps/app/src/app/(app)/[orgId]/overview/components/ConfirmActionDialog.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-'use client';
-
-import { Button } from '@trycompai/ui/button';
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from '@trycompai/ui/dialog';
-
-interface ConfirmActionDialogProps {
-  isOpen: boolean;
-  onClose: () => void;
-  onConfirm: () => void;
-  title: string;
-  description: string;
-  confirmText?: string;
-  cancelText?: string;
-  variant?: 'default' | 'destructive';
-  isLoading?: boolean;
-}
-
-export function ConfirmActionDialog({
-  isOpen,
-  onClose,
-  onConfirm,
-  title,
-  description,
-  confirmText = 'Confirm',
-  cancelText = 'Cancel',
-  variant = 'default',
-  isLoading = false,
-}: ConfirmActionDialogProps) {
-  const handleConfirm = () => {
-    onConfirm();
-    onClose();
-  };
-
-  return (
-    <Dialog open={isOpen} onOpenChange={onClose}>
-      <DialogContent>
-        <DialogHeader>
-          <DialogTitle>{title}</DialogTitle>
-          <DialogDescription>{description}</DialogDescription>
-        </DialogHeader>
-        <DialogFooter>
-          <Button variant="outline" onClick={onClose} disabled={isLoading}>
-            {cancelText}
-          </Button>
-          <Button variant={variant} onClick={handleConfirm} disabled={isLoading}>
-            {isLoading ? 'Loading...' : confirmText}
-          </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  );
-}
diff --git a/apps/app/src/app/(app)/[orgId]/overview/components/ToDoOverview.test.tsx b/apps/app/src/app/(app)/[orgId]/overview/components/ToDoOverview.test.tsx
index 02413cab70..4f7ac451e8 100644
--- a/apps/app/src/app/(app)/[orgId]/overview/components/ToDoOverview.test.tsx
+++ b/apps/app/src/app/(app)/[orgId]/overview/components/ToDoOverview.test.tsx
@@ -1,12 +1,13 @@
-import { render, screen } from '@testing-library/react';
-import { beforeEach, describe, expect, it, vi } from 'vitest';
 import {
-  setMockPermissions,
   ADMIN_PERMISSIONS,
   AUDITOR_PERMISSIONS,
   NO_PERMISSIONS,
   mockHasPermission,
+  setMockPermissions,
 } from '@/test-utils/mocks/permissions';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 
 vi.mock('@/hooks/use-permissions', () => ({
   usePermissions: () => ({
@@ -27,6 +28,15 @@ vi.mock('next/link', () => ({
   default: ({ children, href }: any) => <a href={href}>{children}</a>,
 }));
 
+const { mockRefresh } = vi.hoisted(() => ({
+  mockRefresh: vi.fn(),
+}));
+vi.mock('next/navigation', () => ({
+  useRouter: () => ({
+    refresh: mockRefresh,
+  }),
+}));
+
 vi.mock('@trycompai/ui/button', () => ({
   Button: ({ children, disabled, asChild, ...props }: any) => (
     <button disabled={disabled} {...props}>
@@ -61,9 +71,24 @@ vi.mock('@trycompai/ui/tabs', () => ({
   ),
 }));
 
-vi.mock('./ConfirmActionDialog', () => ({
-  ConfirmActionDialog: ({ isOpen, title }: any) =>
-    isOpen ? <div data-testid="confirm-dialog">{title}</div> : null,
+vi.mock('@/components/policies/PolicyAcknowledgmentInvalidationDialog', () => ({
+  getPolicyAcknowledgmentTotal: (policies: Array<{ signedBy?: string[] }>) =>
+    policies.reduce((total, policy) => total + (policy.signedBy?.length ?? 0), 0),
+  PolicyAcknowledgmentInvalidationDialog: ({
+    acknowledgmentCount,
+    onConfirm,
+    open,
+  }: {
+    acknowledgmentCount: number;
+    onConfirm: () => void;
+    open: boolean;
+  }) =>
+    open ? (
+      <div data-testid="acknowledgment-dialog">
+        <span>{acknowledgmentCount}</span>
+        <button onClick={onConfirm}>Publish and invalidate</button>
+      </div>
+    ) : null,
 }));
 
 vi.mock('lucide-react', () => ({
@@ -89,12 +114,14 @@ const mockUnpublishedPolicies = [
     name: 'Security Policy',
     status: 'draft',
     organizationId: 'org-1',
+    signedBy: ['user-1', 'user-2'],
   },
   {
     id: 'pol-2',
     name: 'Privacy Policy',
     status: 'draft',
     organizationId: 'org-1',
+    signedBy: [],
   },
 ] as any[];
 
@@ -123,6 +150,14 @@ const defaultProps = {
 describe('ToDoOverview', () => {
   beforeEach(() => {
     vi.clearAllMocks();
+    vi.stubGlobal(
+      'fetch',
+      vi.fn(() =>
+        Promise.resolve({
+          ok: true,
+        }),
+      ),
+    );
   });
 
   describe('Permission gating', () => {
@@ -131,9 +166,7 @@ describe('ToDoOverview', () => {
 
       render(<ToDoOverview {...defaultProps} />);
 
-      expect(
-        screen.getByRole('button', { name: /publish all policies/i }),
-      ).toBeInTheDocument();
+      expect(screen.getByRole('button', { name: /publish all policies/i })).toBeInTheDocument();
     });
 
     it('hides "Publish All Policies" button when user lacks policy:update permission (auditor)', () => {
@@ -188,37 +221,21 @@ describe('ToDoOverview', () => {
 
       render(<ToDoOverview {...defaultProps} />);
 
-      expect(
-        screen.getByText('Complete SOC 2 audit'),
-      ).toBeInTheDocument();
+      expect(screen.getByText('Complete SOC 2 audit')).toBeInTheDocument();
     });
 
     it('shows "All policies are published!" when no unpublished policies exist', () => {
       setMockPermissions(ADMIN_PERMISSIONS);
 
-      render(
-        <ToDoOverview
-          {...defaultProps}
-          unpublishedPolicies={[]}
-          remainingPolicies={0}
-        />,
-      );
+      render(<ToDoOverview {...defaultProps} unpublishedPolicies={[]} remainingPolicies={0} />);
 
-      expect(
-        screen.getByText('All policies are published!'),
-      ).toBeInTheDocument();
+      expect(screen.getByText('All policies are published!')).toBeInTheDocument();
     });
 
     it('does not show publish button even with permissions when no unpublished policies', () => {
       setMockPermissions(ADMIN_PERMISSIONS);
 
-      render(
-        <ToDoOverview
-          {...defaultProps}
-          unpublishedPolicies={[]}
-          remainingPolicies={0}
-        />,
-      );
+      render(<ToDoOverview {...defaultProps} unpublishedPolicies={[]} remainingPolicies={0} />);
 
       expect(
         screen.queryByRole('button', { name: /publish all policies/i }),
@@ -232,9 +249,47 @@ describe('ToDoOverview', () => {
 
       expect(screen.getByTestId('tab-trigger-policies')).toBeInTheDocument();
       expect(screen.getByTestId('tab-trigger-tasks')).toBeInTheDocument();
-      expect(
-        screen.getByTestId('tab-trigger-offboarding'),
-      ).toBeInTheDocument();
+      expect(screen.getByTestId('tab-trigger-offboarding')).toBeInTheDocument();
+    });
+
+    it('shows acknowledgment warning before publishing policies with existing acknowledgments', async () => {
+      const user = userEvent.setup();
+      setMockPermissions(ADMIN_PERMISSIONS);
+
+      render(<ToDoOverview {...defaultProps} />);
+
+      await user.click(screen.getByRole('button', { name: /publish all policies/i }));
+
+      expect(screen.getByTestId('acknowledgment-dialog')).toHaveTextContent('2');
+      expect(fetch).not.toHaveBeenCalled();
+
+      await user.click(screen.getByRole('button', { name: /publish and invalidate/i }));
+
+      expect(fetch).toHaveBeenCalledWith('/api/policies/publish-all', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        credentials: 'include',
+      });
+    });
+
+    it('publishes immediately when no acknowledgments will be invalidated', async () => {
+      const user = userEvent.setup();
+      setMockPermissions(ADMIN_PERMISSIONS);
+
+      render(
+        <ToDoOverview
+          {...defaultProps}
+          unpublishedPolicies={mockUnpublishedPolicies.map((policy) => ({
+            ...policy,
+            signedBy: [],
+          }))}
+        />,
+      );
+
+      await user.click(screen.getByRole('button', { name: /publish all policies/i }));
+
+      expect(screen.queryByTestId('acknowledgment-dialog')).not.toBeInTheDocument();
+      expect(fetch).toHaveBeenCalledOnce();
     });
   });
 });
diff --git a/apps/app/src/app/(app)/[orgId]/overview/components/ToDoOverview.tsx b/apps/app/src/app/(app)/[orgId]/overview/components/ToDoOverview.tsx
index ccb6621184..4a3b5602a0 100644
--- a/apps/app/src/app/(app)/[orgId]/overview/components/ToDoOverview.tsx
+++ b/apps/app/src/app/(app)/[orgId]/overview/components/ToDoOverview.tsx
@@ -1,11 +1,12 @@
 'use client';
 
 import { useApiSWR } from '@/hooks/use-api-swr';
+import { usePermissions } from '@/hooks/use-permissions';
+import { Policy, Task } from '@db';
 import { Button } from '@trycompai/ui/button';
 import { Card, CardContent, CardHeader, CardTitle } from '@trycompai/ui/card';
 import { ScrollArea } from '@trycompai/ui/scroll-area';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@trycompai/ui/tabs';
-import { Policy, Task } from '@db';
 import {
   ArrowRight,
   CheckCircle2,
@@ -16,25 +17,14 @@ import {
   Upload,
   UserMinus,
 } from 'lucide-react';
-import { usePermissions } from '@/hooks/use-permissions';
 import Link from 'next/link';
-import { useRouter } from 'next/navigation';
-import { useEffect, useMemo, useState } from 'react';
-import { toast } from 'sonner';
-import { ConfirmActionDialog } from './ConfirmActionDialog';
-
-interface PendingOffboardingMember {
-  memberId: string;
-  name: string;
-  email: string;
-  offboardDate: string;
-  completedItems: number;
-  totalItems: number;
-}
-
-interface PendingOffboardingResponse {
-  members: PendingOffboardingMember[];
-}
+import { useEffect, useState } from 'react';
+import {
+  formatQuickActionStatus,
+  getQuickActionProgressWidth,
+  type PendingOffboardingResponse,
+  usePublishAllPoliciesAction,
+} from './overview-quick-actions';
 
 export function ToDoOverview({
   totalPolicies,
@@ -60,8 +50,6 @@ export function ToDoOverview({
   onboardingTriggerJobId: string | null;
 }) {
   const { hasPermission } = usePermissions();
-  const [isConfirmDialogOpen, setIsConfirmDialogOpen] = useState(false);
-  const [isLoading, setIsLoading] = useState(false);
   const [activeTab, setActiveTab] = useState(
     unpublishedPolicies.length === 0 ? 'tasks' : 'policies',
   );
@@ -81,57 +69,23 @@ export function ToDoOverview({
 
   const isOnboardingInProgress = !!onboardingTriggerJobId;
 
-  const formatStatus = (status: string) => {
-    return status.replace('_', ' ').replace(/\b\w/g, (l) => l.toUpperCase());
-  };
-
-  const router = useRouter();
   const canPublishPolicies = hasPermission('policy', 'update');
-
-  const handleConfirmAction = async () => {
-    setIsLoading(true);
-    try {
-      const response = await fetch('/api/policies/publish-all', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        credentials: 'include',
-      });
-
-      if (!response.ok) {
-        throw new Error('Failed to publish policies');
-      }
-
-      toast.success('All policies published!');
-      router.refresh();
-    } catch {
-      toast.error('Failed to publish policies.');
-    } finally {
-      setIsLoading(false);
-    }
-  };
-
-  const width = useMemo(() => {
-    return totalPolicies + totalTasks === 0
-      ? 0
-      : ((totalPolicies +
-          totalTasks -
-          (unpublishedPolicies.length + incompleteTasks.length)) /
-          (totalPolicies + totalTasks)) *
-          100;
-  }, [
+  const { handlePublishAllClick, isPublishing, publishAllPoliciesDialog } =
+    usePublishAllPoliciesAction({
+      unpublishedPolicies,
+    });
+  const width = getQuickActionProgressWidth({
     totalPolicies,
     totalTasks,
-    unpublishedPolicies.length,
-    incompleteTasks.length,
-  ]);
+    unpublishedPolicies: unpublishedPolicies.length,
+    incompleteTasks: incompleteTasks.length,
+  });
 
   return (
     <Card className="flex flex-col h-full">
       <CardHeader className="pb-2">
         <div className="flex items-center justify-between">
-          <CardTitle className="flex items-center gap-2">
-            {'Quick Actions'}
-          </CardTitle>
+          <CardTitle className="flex items-center gap-2">{'Quick Actions'}</CardTitle>
         </div>
 
         <div className="bg-secondary/50 relative mt-2 h-1 w-full overflow-hidden rounded-full">
@@ -146,10 +100,7 @@ export function ToDoOverview({
       <CardContent className="flex flex-col gap-4">
         <Tabs value={activeTab} onValueChange={setActiveTab} className="w-full">
           <TabsList className="grid w-full grid-cols-3">
-            <TabsTrigger
-              value="policies"
-              className="flex items-center gap-2"
-            >
+            <TabsTrigger value="policies" className="flex items-center gap-2">
               <FileText className="h-3 w-3" />
               Policies ({remainingPolicies})
             </TabsTrigger>
@@ -157,10 +108,7 @@ export function ToDoOverview({
               <Upload className="h-3 w-3" />
               Tasks ({remainingTasks})
             </TabsTrigger>
-            <TabsTrigger
-              value="offboarding"
-              className="flex items-center gap-2"
-            >
+            <TabsTrigger value="offboarding" className="flex items-center gap-2">
               <UserMinus className="h-3 w-3" />
               Offboarding ({pendingOffboardings.length})
             </TabsTrigger>
@@ -172,19 +120,15 @@ export function ToDoOverview({
                 <Button
                   size="sm"
                   variant="outline"
-                  onClick={() => setIsConfirmDialogOpen(true)}
+                  onClick={handlePublishAllClick}
                   className="flex items-center gap-2 w-full"
-                  disabled={isOnboardingInProgress}
+                  disabled={isOnboardingInProgress || isPublishing}
                   title={
-                    isOnboardingInProgress
-                      ? 'Please wait for onboarding to complete'
-                      : undefined
+                    isOnboardingInProgress ? 'Please wait for onboarding to complete' : undefined
                   }
                 >
                   <Play className="h-3 w-3" />
-                  {isOnboardingInProgress
-                    ? 'Onboarding in progress...'
-                    : 'Publish All Policies'}
+                  {isOnboardingInProgress ? 'Onboarding in progress...' : 'Publish All Policies'}
                 </Button>
               </div>
             )}
@@ -210,14 +154,12 @@ export function ToDoOverview({
                                 {policy.name}
                               </span>
                               <span className="text-xs text-muted-foreground capitalize">
-                                Status: {formatStatus(policy.status)}
+                                Status: {formatQuickActionStatus(policy.status)}
                               </span>
                             </div>
                           </div>
                           <Button asChild size="icon" variant="outline">
-                            <Link
-                              href={`/${organizationId}/policies/${policy.id}`}
-                            >
+                            <Link href={`/${organizationId}/policies/${policy.id}`}>
                               <ArrowRight className="h-3 w-3" />
                             </Link>
                           </Button>
@@ -237,9 +179,7 @@ export function ToDoOverview({
             {incompleteTasks.length === 0 ? (
               <div className="flex items-center justify-center gap-2 rounded-lg bg-accent p-3">
                 <CheckCircle2 className="h-4 w-4 text-primary" />
-                <span className="text-sm text-primary">
-                  All tasks are completed!
-                </span>
+                <span className="text-sm text-primary">All tasks are completed!</span>
               </div>
             ) : (
               <div className="h-[300px]">
@@ -257,14 +197,12 @@ export function ToDoOverview({
                                 {task.title}
                               </span>
                               <span className="text-xs text-muted-foreground capitalize">
-                                Status: {formatStatus(task.status)}
+                                Status: {formatQuickActionStatus(task.status)}
                               </span>
                             </div>
                           </div>
                           <Button asChild size="icon" variant="outline">
-                            <Link
-                              href={`/${organizationId}/tasks/${task.id}`}
-                            >
+                            <Link href={`/${organizationId}/tasks/${task.id}`}>
                               <ArrowRight className="h-3 w-3" />
                             </Link>
                           </Button>
@@ -283,22 +221,16 @@ export function ToDoOverview({
           <TabsContent value="offboarding" className="mt-4">
             {isPendingLoading ? (
               <div className="flex items-center justify-center gap-2 rounded-lg bg-accent p-3">
-                <span className="text-sm text-muted-foreground">
-                  Loading offboardings...
-                </span>
+                <span className="text-sm text-muted-foreground">Loading offboardings...</span>
               </div>
             ) : pendingError ? (
               <div className="flex items-center justify-center gap-2 rounded-lg bg-accent p-3">
-                <span className="text-sm text-destructive">
-                  Failed to load offboardings
-                </span>
+                <span className="text-sm text-destructive">Failed to load offboardings</span>
               </div>
             ) : pendingOffboardings.length === 0 ? (
               <div className="flex items-center justify-center gap-2 rounded-lg bg-accent p-3">
                 <CheckCircle2 className="h-4 w-4 text-primary" />
-                <span className="text-sm text-primary">
-                  No pending offboardings
-                </span>
+                <span className="text-sm text-primary">No pending offboardings</span>
               </div>
             ) : (
               <div className="h-[300px]">
@@ -316,8 +248,7 @@ export function ToDoOverview({
                                 Complete offboarding for {member.name}
                               </span>
                               <span className="text-xs text-muted-foreground">
-                                {member.completedItems}/{member.totalItems}{' '}
-                                tasks done
+                                {member.completedItems}/{member.totalItems} tasks done
                               </span>
                             </div>
                           </div>
@@ -342,16 +273,7 @@ export function ToDoOverview({
         </Tabs>
       </CardContent>
 
-      <ConfirmActionDialog
-        isOpen={isConfirmDialogOpen}
-        onClose={() => setIsConfirmDialogOpen(false)}
-        onConfirm={handleConfirmAction}
-        title="Are you sure you want to publish all policies?"
-        description="This will automatically publish all policies that are in draft status. This action cannot be undone."
-        confirmText="Publish Policies"
-        cancelText="Cancel"
-        isLoading={isLoading}
-      />
+      {publishAllPoliciesDialog}
     </Card>
   );
 }
diff --git a/apps/app/src/app/(app)/[orgId]/overview/components/overview-quick-actions.test.tsx b/apps/app/src/app/(app)/[orgId]/overview/components/overview-quick-actions.test.tsx
new file mode 100644
index 0000000000..3a8e443367
--- /dev/null
+++ b/apps/app/src/app/(app)/[orgId]/overview/components/overview-quick-actions.test.tsx
@@ -0,0 +1,68 @@
+import { render, screen, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { usePublishAllPoliciesAction } from './overview-quick-actions';
+
+const { mockRefresh } = vi.hoisted(() => ({
+  mockRefresh: vi.fn(),
+}));
+
+vi.mock('next/navigation', () => ({
+  useRouter: () => ({
+    refresh: mockRefresh,
+  }),
+}));
+
+vi.mock('sonner', () => ({
+  toast: {
+    error: vi.fn(),
+    success: vi.fn(),
+  },
+}));
+
+vi.mock('@/components/policies/PolicyAcknowledgmentInvalidationDialog', () => ({
+  getPolicyAcknowledgmentTotal: (policies: Array<{ signedBy?: string[] }>) =>
+    policies.reduce((total, policy) => total + (policy.signedBy?.length ?? 0), 0),
+  PolicyAcknowledgmentInvalidationDialog: () => null,
+}));
+
+function PublishAllButton() {
+  const { handlePublishAllClick, isPublishing } = usePublishAllPoliciesAction({
+    unpublishedPolicies: [{ signedBy: [] }],
+  });
+
+  return (
+    <button disabled={isPublishing} onClick={handlePublishAllClick}>
+      Publish All Policies
+    </button>
+  );
+}
+
+describe('usePublishAllPoliciesAction', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('blocks duplicate no-warning publishes while the request is in flight', async () => {
+    const user = userEvent.setup();
+    let resolveFetch: () => void = () => {};
+    const fetchPromise = new Promise<Response>((resolve) => {
+      resolveFetch = () => resolve(new Response(null, { status: 200 }));
+    });
+    const fetchMock = vi.fn(() => fetchPromise);
+    vi.stubGlobal('fetch', fetchMock);
+
+    render(<PublishAllButton />);
+
+    const publishButton = screen.getByRole('button', { name: /publish all policies/i });
+    await user.dblClick(publishButton);
+
+    expect(fetchMock).toHaveBeenCalledOnce();
+    await waitFor(() => expect(publishButton).toBeDisabled());
+
+    resolveFetch();
+
+    await waitFor(() => expect(mockRefresh).toHaveBeenCalledOnce());
+    await waitFor(() => expect(publishButton).not.toBeDisabled());
+  });
+});
diff --git a/apps/app/src/app/(app)/[orgId]/overview/components/overview-quick-actions.tsx b/apps/app/src/app/(app)/[orgId]/overview/components/overview-quick-actions.tsx
new file mode 100644
index 0000000000..3cdaa37533
--- /dev/null
+++ b/apps/app/src/app/(app)/[orgId]/overview/components/overview-quick-actions.tsx
@@ -0,0 +1,126 @@
+'use client';
+
+import {
+  getPolicyAcknowledgmentTotal,
+  PolicyAcknowledgmentInvalidationDialog,
+} from '@/components/policies/PolicyAcknowledgmentInvalidationDialog';
+import type { Policy } from '@db';
+import { useRouter } from 'next/navigation';
+import { useMemo, useRef, useState } from 'react';
+import { toast } from 'sonner';
+
+export interface PendingOffboardingMember {
+  memberId: string;
+  name: string;
+  email: string;
+  offboardDate: string;
+  completedItems: number;
+  totalItems: number;
+}
+
+export interface PendingOffboardingResponse {
+  members: PendingOffboardingMember[];
+}
+
+type PublishablePolicy = Pick<Policy, 'signedBy'>;
+
+export function formatQuickActionStatus(status: string) {
+  return status.replace('_', ' ').replace(/\b\w/g, (letter) => letter.toUpperCase());
+}
+
+export function getQuickActionProgressWidth({
+  totalPolicies,
+  totalTasks,
+  unpublishedPolicies,
+  incompleteTasks,
+}: {
+  totalPolicies: number;
+  totalTasks: number;
+  unpublishedPolicies: number;
+  incompleteTasks: number;
+}) {
+  if (totalPolicies + totalTasks === 0) {
+    return 0;
+  }
+
+  return (
+    ((totalPolicies + totalTasks - (unpublishedPolicies + incompleteTasks)) /
+      (totalPolicies + totalTasks)) *
+    100
+  );
+}
+
+export function usePublishAllPoliciesAction({
+  unpublishedPolicies,
+}: {
+  unpublishedPolicies: PublishablePolicy[];
+}) {
+  const router = useRouter();
+  const [isConfirmDialogOpen, setIsConfirmDialogOpen] = useState(false);
+  const [isLoading, setIsLoading] = useState(false);
+  const isPublishingRef = useRef(false);
+  const bulkAcknowledgmentInvalidations = useMemo(
+    () => getPolicyAcknowledgmentTotal(unpublishedPolicies),
+    [unpublishedPolicies],
+  );
+
+  const handlePublishAllPolicies = async () => {
+    if (isPublishingRef.current) {
+      return;
+    }
+
+    isPublishingRef.current = true;
+    setIsLoading(true);
+    try {
+      const response = await fetch('/api/policies/publish-all', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        credentials: 'include',
+      });
+
+      if (!response.ok) {
+        throw new Error('Failed to publish policies');
+      }
+
+      toast.success('All policies published!');
+      setIsConfirmDialogOpen(false);
+      router.refresh();
+    } catch {
+      toast.error('Failed to publish policies.');
+    } finally {
+      isPublishingRef.current = false;
+      setIsLoading(false);
+    }
+  };
+
+  const handlePublishAllClick = () => {
+    if (isPublishingRef.current) {
+      return;
+    }
+
+    if (bulkAcknowledgmentInvalidations === 0) {
+      void handlePublishAllPolicies();
+      return;
+    }
+
+    setIsConfirmDialogOpen(true);
+  };
+
+  const publishAllPoliciesDialog = (
+    <PolicyAcknowledgmentInvalidationDialog
+      acknowledgmentCount={bulkAcknowledgmentInvalidations}
+      actionDescription="Publishing these policies"
+      confirmText="Publish and invalidate"
+      isLoading={isLoading}
+      onConfirm={() => void handlePublishAllPolicies()}
+      onOpenChange={setIsConfirmDialogOpen}
+      open={isConfirmDialogOpen}
+    />
+  );
+
+  return {
+    handlePublishAllClick,
+    isPublishing: isLoading,
+    publishAllPoliciesDialog,
+  };
+}
diff --git a/apps/app/src/app/(app)/[orgId]/policies/[policyId]/components/PolicyAlerts.test.tsx b/apps/app/src/app/(app)/[orgId]/policies/[policyId]/components/PolicyAlerts.test.tsx
index c620ad73e2..fd827ef23b 100644
--- a/apps/app/src/app/(app)/[orgId]/policies/[policyId]/components/PolicyAlerts.test.tsx
+++ b/apps/app/src/app/(app)/[orgId]/policies/[policyId]/components/PolicyAlerts.test.tsx
@@ -1,11 +1,13 @@
-import { render, screen } from '@testing-library/react';
-import { beforeEach, describe, expect, it, vi } from 'vitest';
 import {
-  setMockPermissions,
-  mockHasPermission,
   ADMIN_PERMISSIONS,
   AUDITOR_PERMISSIONS,
+  mockHasPermission,
+  setMockPermissions,
 } from '@/test-utils/mocks/permissions';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import type { ComponentProps, ReactNode } from 'react';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 
 // Mock usePermissions
 vi.mock('@/hooks/use-permissions', () => ({
@@ -15,6 +17,97 @@ vi.mock('@/hooks/use-permissions', () => ({
   }),
 }));
 
+interface MockApprovalBannerProps {
+  approveConfirmation?: { content?: ReactNode };
+  approveLoading?: boolean;
+  description: string;
+  onApprove: () => void;
+  onReject: () => void;
+  rejectLoading?: boolean;
+  title: string;
+}
+
+type MockButtonProps = ComponentProps<'button'> & {
+  iconLeft?: ReactNode;
+  size?: string;
+  variant?: string;
+};
+
+interface MockLayoutProps {
+  children: ReactNode;
+}
+
+type MockTextProps = MockLayoutProps & {
+  as?: string;
+  leading?: string;
+  size?: string;
+  variant?: string;
+  weight?: string;
+};
+
+vi.mock('@trycompai/design-system', async () => {
+  const { forwardRef } = await import('react');
+
+  return {
+    ApprovalBanner: ({
+      approveConfirmation,
+      approveLoading,
+      description,
+      onApprove,
+      onReject,
+      rejectLoading,
+      title,
+    }: MockApprovalBannerProps) => (
+      <div>
+        <div>{title}</div>
+        <div>{description}</div>
+        {approveConfirmation?.content}
+        <button disabled={approveLoading} onClick={onApprove}>
+          Approve
+        </button>
+        <button disabled={rejectLoading} onClick={onReject}>
+          Reject
+        </button>
+      </div>
+    ),
+    Button: ({ children, iconLeft, ...props }: MockButtonProps) => (
+      <button {...props}>
+        {iconLeft}
+        {children}
+      </button>
+    ),
+    HStack: ({ children }: MockLayoutProps) => <div>{children}</div>,
+    Label: ({ children, ...props }: ComponentProps<'label'>) => (
+      <label {...props}>{children}</label>
+    ),
+    Stack: ({ children }: MockLayoutProps) => <div>{children}</div>,
+    Text: ({ children }: MockTextProps) => <span>{children}</span>,
+    Textarea: forwardRef<HTMLTextAreaElement, ComponentProps<'textarea'>>((props, ref) => (
+      <textarea ref={ref} {...props} />
+    )),
+  };
+});
+
+vi.mock('@/components/policies/PolicyAcknowledgmentInvalidationDialog', () => ({
+  getPolicyAcknowledgmentCount: (policy?: { signedBy?: string[] } | null) =>
+    policy?.signedBy?.length ?? 0,
+  PolicyAcknowledgmentInvalidationDialog: ({
+    acknowledgmentCount,
+    onConfirm,
+    open,
+  }: {
+    acknowledgmentCount: number;
+    onConfirm: () => void;
+    open: boolean;
+  }) =>
+    open ? (
+      <div data-testid="acknowledgment-dialog">
+        <span>{acknowledgmentCount}</span>
+        <button onClick={onConfirm}>Publish and invalidate</button>
+      </div>
+    ) : null,
+}));
+
 // Mock next/navigation
 vi.mock('next/navigation', () => ({
   useRouter: vi.fn(() => ({
@@ -81,6 +174,7 @@ const basePolicy = {
   pdfUrl: null,
   displayFormat: 'EDITOR',
   draftContent: null,
+  signedBy: [],
   createdAt: new Date(),
   updatedAt: new Date(),
   approver: null,
@@ -97,16 +191,12 @@ describe('PolicyAlerts', () => {
     });
 
     it('renders nothing when policy is null', () => {
-      const { container } = render(
-        <PolicyAlerts policy={null} isPendingApproval={false} />,
-      );
+      const { container } = render(<PolicyAlerts policy={null} isPendingApproval={false} />);
       expect(container.innerHTML).toBe('');
     });
 
     it('renders nothing when not pending and not archived', () => {
-      const { container } = render(
-        <PolicyAlerts policy={basePolicy} isPendingApproval={false} />,
-      );
+      const { container } = render(<PolicyAlerts policy={basePolicy} isPendingApproval={false} />);
       expect(container.innerHTML).toBe('');
     });
 
@@ -115,13 +205,9 @@ describe('PolicyAlerts', () => {
         ...basePolicy,
         isArchived: true,
       };
-      render(
-        <PolicyAlerts policy={archivedPolicy} isPendingApproval={false} />,
-      );
+      render(<PolicyAlerts policy={archivedPolicy} isPendingApproval={false} />);
       expect(screen.getByText('This policy is archived')).toBeInTheDocument();
-      expect(
-        screen.getByRole('button', { name: /restore/i }),
-      ).toBeInTheDocument();
+      expect(screen.getByRole('button', { name: /restore/i })).toBeInTheDocument();
     });
 
     it('renders pending approval notice for non-approver', () => {
@@ -134,9 +220,7 @@ describe('PolicyAlerts', () => {
           user: { name: 'Other User', email: 'other@test.com' },
         },
       };
-      render(
-        <PolicyAlerts policy={pendingPolicy} isPendingApproval={true} />,
-      );
+      render(<PolicyAlerts policy={pendingPolicy} isPendingApproval={true} />);
       expect(screen.getByText('Pending approval')).toBeInTheDocument();
     });
 
@@ -150,11 +234,37 @@ describe('PolicyAlerts', () => {
           user: { name: 'Other User', email: 'other@test.com' },
         },
       };
-      const { container } = render(
-        <PolicyAlerts policy={stalePolicy} isPendingApproval={true} />,
-      );
+      const { container } = render(<PolicyAlerts policy={stalePolicy} isPendingApproval={true} />);
       expect(container.innerHTML).toBe('');
     });
+
+    it('warns approver before accepting changes that invalidate acknowledgments', async () => {
+      const user = userEvent.setup();
+      const pendingPolicy = {
+        ...basePolicy,
+        approverId: 'member-1',
+        pendingVersionId: 'ver-1',
+        signedBy: ['user-1', 'user-2'],
+        approver: {
+          id: 'member-1',
+          user: { name: 'Current User', email: 'current@test.com' },
+        },
+      };
+
+      render(<PolicyAlerts policy={pendingPolicy} isPendingApproval={true} />);
+
+      await user.click(screen.getByRole('button', { name: 'Approve' }));
+
+      expect(screen.getByTestId('acknowledgment-dialog')).toHaveTextContent('2');
+      expect(mockAcceptChanges).not.toHaveBeenCalled();
+
+      await user.click(screen.getByRole('button', { name: /publish and invalidate/i }));
+
+      expect(mockAcceptChanges).toHaveBeenCalledWith({
+        approverId: 'member-1',
+        comment: undefined,
+      });
+    });
   });
 
   describe('auditor permissions (no update)', () => {
@@ -167,29 +277,9 @@ describe('PolicyAlerts', () => {
         ...basePolicy,
         isArchived: true,
       };
-      render(
-        <PolicyAlerts policy={archivedPolicy} isPendingApproval={false} />,
-      );
+      render(<PolicyAlerts policy={archivedPolicy} isPendingApproval={false} />);
       expect(screen.getByText('This policy is archived')).toBeInTheDocument();
-      expect(
-        screen.queryByRole('button', { name: /restore/i }),
-      ).not.toBeInTheDocument();
-    });
-
-    it('still renders pending approval notice for non-approver', () => {
-      const pendingPolicy = {
-        ...basePolicy,
-        approverId: 'other-member',
-        pendingVersionId: 'ver-1',
-        approver: {
-          id: 'other-member',
-          user: { name: 'Other User', email: 'other@test.com' },
-        },
-      };
-      render(
-        <PolicyAlerts policy={pendingPolicy} isPendingApproval={true} />,
-      );
-      expect(screen.getByText('Pending approval')).toBeInTheDocument();
+      expect(screen.queryByRole('button', { name: /restore/i })).not.toBeInTheDocument();
     });
   });
 });
diff --git a/apps/app/src/app/(app)/[orgId]/policies/[policyId]/components/PolicyAlerts.tsx b/apps/app/src/app/(app)/[orgId]/policies/[policyId]/components/PolicyAlerts.tsx
index 4ab8743ead..e99a3cb8e7 100644
--- a/apps/app/src/app/(app)/[orgId]/policies/[policyId]/components/PolicyAlerts.tsx
+++ b/apps/app/src/app/(app)/[orgId]/policies/[policyId]/components/PolicyAlerts.tsx
@@ -1,5 +1,10 @@
 'use client';
 
+import {
+  getPolicyAcknowledgmentCount,
+  PolicyAcknowledgmentInvalidationDialog,
+} from '@/components/policies/PolicyAcknowledgmentInvalidationDialog';
+import { usePermissions } from '@/hooks/use-permissions';
 import { authClient } from '@/utils/auth-client';
 import type { Member, Policy, User } from '@db';
 import {
@@ -16,7 +21,6 @@ import { format } from 'date-fns';
 import { useParams, useRouter, useSearchParams } from 'next/navigation';
 import { useRef, useState } from 'react';
 import { toast } from 'sonner';
-import { usePermissions } from '@/hooks/use-permissions';
 import { usePolicy } from '../hooks/usePolicy';
 
 interface PolicyAlertsProps {
@@ -35,6 +39,8 @@ export function PolicyAlerts({ policy, isPendingApproval, onMutate }: PolicyAler
   const canUpdate = hasPermission('policy', 'update');
   const [isApproving, setIsApproving] = useState(false);
   const [isDenying, setIsDenying] = useState(false);
+  const [isInvalidationDialogOpen, setIsInvalidationDialogOpen] = useState(false);
+  const [pendingApproveComment, setPendingApproveComment] = useState<string | undefined>();
 
   const { acceptChanges, denyChanges } = usePolicy({
     policyId,
@@ -44,9 +50,8 @@ export function PolicyAlerts({ policy, isPendingApproval, onMutate }: PolicyAler
   const approveCommentRef = useRef<HTMLTextAreaElement>(null);
   const rejectCommentRef = useRef<HTMLTextAreaElement>(null);
 
-  const handleApprove = async () => {
+  const handleApprove = async (comment?: string) => {
     if (policy?.id && policy.approverId) {
-      const comment = approveCommentRef.current?.value?.trim() || undefined;
       setIsApproving(true);
       try {
         await acceptChanges({
@@ -54,6 +59,8 @@ export function PolicyAlerts({ policy, isPendingApproval, onMutate }: PolicyAler
           comment,
         });
         toast.success('Policy changes accepted and published!');
+        setIsInvalidationDialogOpen(false);
+        setPendingApproveComment(undefined);
         onMutate?.();
       } catch {
         toast.error('Failed to accept policy changes.');
@@ -63,6 +70,19 @@ export function PolicyAlerts({ policy, isPendingApproval, onMutate }: PolicyAler
     }
   };
 
+  const handleApproveRequest = () => {
+    const comment = approveCommentRef.current?.value?.trim() || undefined;
+    const invalidationCount = getPolicyAcknowledgmentCount(policy);
+
+    if (invalidationCount === 0) {
+      void handleApprove(comment);
+      return;
+    }
+
+    setPendingApproveComment(comment);
+    setIsInvalidationDialogOpen(true);
+  };
+
   const handleDeny = async () => {
     if (policy?.id && policy.approverId) {
       const comment = rejectCommentRef.current?.value?.trim() || undefined;
@@ -108,7 +128,7 @@ export function PolicyAlerts({ policy, isPendingApproval, onMutate }: PolicyAler
           variant="warning"
           title="Your approval is required"
           description="Review this policy and approve or reject the pending changes."
-          onApprove={handleApprove}
+          onApprove={handleApproveRequest}
           onReject={handleDeny}
           approveLoading={isApproving}
           rejectLoading={isDenying}
@@ -149,6 +169,21 @@ export function PolicyAlerts({ policy, isPendingApproval, onMutate }: PolicyAler
         />
       )}
 
+      {showPendingAlert && canCurrentUserApprove && (
+        <PolicyAcknowledgmentInvalidationDialog
+          acknowledgmentCount={getPolicyAcknowledgmentCount(policy)}
+          isLoading={isApproving}
+          onConfirm={() => void handleApprove(pendingApproveComment)}
+          onOpenChange={(open) => {
+            setIsInvalidationDialogOpen(open);
+            if (!open) {
+              setPendingApproveComment(undefined);
+            }
+          }}
+          open={isInvalidationDialogOpen}
+        />
+      )}
+
       {showPendingAlert && !canCurrentUserApprove && (
         <div className="rounded-lg border border-l-4 border-border border-l-muted-foreground/50 bg-background p-4">
           <HStack gap="3" align="start">
diff --git a/apps/app/src/components/policies/PolicyAcknowledgmentInvalidationDialog.test.tsx b/apps/app/src/components/policies/PolicyAcknowledgmentInvalidationDialog.test.tsx
new file mode 100644
index 0000000000..8c7cdbf500
--- /dev/null
+++ b/apps/app/src/components/policies/PolicyAcknowledgmentInvalidationDialog.test.tsx
@@ -0,0 +1,88 @@
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { describe, expect, it, vi } from 'vitest';
+import {
+  getPolicyAcknowledgmentCount,
+  getPolicyAcknowledgmentTotal,
+  PolicyAcknowledgmentInvalidationDialog,
+} from './PolicyAcknowledgmentInvalidationDialog';
+
+describe('PolicyAcknowledgmentInvalidationDialog', () => {
+  it('shows the invalidation count and confirm copy', () => {
+    render(
+      <PolicyAcknowledgmentInvalidationDialog
+        acknowledgmentCount={3}
+        onConfirm={vi.fn()}
+        onOpenChange={vi.fn()}
+        open={true}
+      />,
+    );
+
+    expect(screen.getByText('Invalidate policy acknowledgments?')).toBeInTheDocument();
+    expect(screen.getByText('3')).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: 'Publish and invalidate' })).toBeInTheDocument();
+  });
+
+  it('calls confirm only when the destructive action is accepted', async () => {
+    const user = userEvent.setup();
+    const onConfirm = vi.fn();
+
+    render(
+      <PolicyAcknowledgmentInvalidationDialog
+        acknowledgmentCount={2}
+        onConfirm={onConfirm}
+        onOpenChange={vi.fn()}
+        open={true}
+      />,
+    );
+
+    await user.click(screen.getByRole('button', { name: 'Publish and invalidate' }));
+
+    expect(onConfirm).toHaveBeenCalledOnce();
+  });
+
+  it('does not confirm when the dialog is canceled', async () => {
+    const user = userEvent.setup();
+    const onConfirm = vi.fn();
+    const onOpenChange = vi.fn();
+
+    render(
+      <PolicyAcknowledgmentInvalidationDialog
+        acknowledgmentCount={2}
+        onConfirm={onConfirm}
+        onOpenChange={onOpenChange}
+        open={true}
+      />,
+    );
+
+    await user.click(screen.getByRole('button', { name: 'Cancel' }));
+
+    expect(onConfirm).not.toHaveBeenCalled();
+    expect(onOpenChange).toHaveBeenCalledWith(false);
+  });
+
+  it('does not render when there are no acknowledgments to invalidate', () => {
+    const { container } = render(
+      <PolicyAcknowledgmentInvalidationDialog
+        acknowledgmentCount={0}
+        onConfirm={vi.fn()}
+        onOpenChange={vi.fn()}
+        open={true}
+      />,
+    );
+
+    expect(container.innerHTML).toBe('');
+  });
+
+  it('counts acknowledgments defensively', () => {
+    expect(getPolicyAcknowledgmentCount({ signedBy: ['user-1', 'user-2'] })).toBe(2);
+    expect(getPolicyAcknowledgmentCount({ signedBy: null })).toBe(0);
+    expect(
+      getPolicyAcknowledgmentTotal([
+        { signedBy: ['user-1'] },
+        { signedBy: ['user-2', 'user-3'] },
+        {},
+      ]),
+    ).toBe(3);
+  });
+});
diff --git a/apps/app/src/components/policies/PolicyAcknowledgmentInvalidationDialog.tsx b/apps/app/src/components/policies/PolicyAcknowledgmentInvalidationDialog.tsx
new file mode 100644
index 0000000000..d3eb43b5ee
--- /dev/null
+++ b/apps/app/src/components/policies/PolicyAcknowledgmentInvalidationDialog.tsx
@@ -0,0 +1,82 @@
+'use client';
+
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from '@trycompai/design-system';
+
+interface PolicyAcknowledgmentSource {
+  signedBy?: readonly unknown[] | null;
+}
+
+interface PolicyAcknowledgmentInvalidationDialogProps {
+  acknowledgmentCount: number;
+  actionDescription?: string;
+  confirmText?: string;
+  isLoading?: boolean;
+  onConfirm: () => void;
+  onOpenChange: (open: boolean) => void;
+  open: boolean;
+}
+
+export function getPolicyAcknowledgmentCount(
+  policy: PolicyAcknowledgmentSource | null | undefined,
+) {
+  return policy?.signedBy?.length ?? 0;
+}
+
+export function getPolicyAcknowledgmentTotal(policies: readonly PolicyAcknowledgmentSource[]) {
+  return policies.reduce((total, policy) => total + getPolicyAcknowledgmentCount(policy), 0);
+}
+
+export function PolicyAcknowledgmentInvalidationDialog({
+  acknowledgmentCount,
+  actionDescription = 'Publishing this version',
+  confirmText = 'Publish and invalidate',
+  isLoading = false,
+  onConfirm,
+  onOpenChange,
+  open,
+}: PolicyAcknowledgmentInvalidationDialogProps) {
+  if (acknowledgmentCount === 0) {
+    return null;
+  }
+
+  return (
+    <AlertDialog
+      open={open}
+      onOpenChange={(nextOpen) => {
+        if (!isLoading) {
+          onOpenChange(nextOpen);
+        }
+      }}
+    >
+      <AlertDialogContent>
+        <AlertDialogHeader>
+          <AlertDialogTitle>Invalidate policy acknowledgments?</AlertDialogTitle>
+          <AlertDialogDescription>
+            {actionDescription} will invalidate <strong>{acknowledgmentCount}</strong> existing
+            acknowledgment(s). Affected employees will need to re-acknowledge the policy.
+          </AlertDialogDescription>
+        </AlertDialogHeader>
+        <AlertDialogFooter>
+          <AlertDialogCancel disabled={isLoading}>Cancel</AlertDialogCancel>
+          <AlertDialogAction
+            disabled={isLoading}
+            loading={isLoading}
+            onClick={onConfirm}
+            variant="destructive"
+          >
+            {confirmText}
+          </AlertDialogAction>
+        </AlertDialogFooter>
+      </AlertDialogContent>
+    </AlertDialog>
+  );
+}