diff --git a/.github/workflows/deploy-base.yml b/.github/workflows/deploy-base.yml
index 902806b85..24b0f328e 100644
--- a/.github/workflows/deploy-base.yml
+++ b/.github/workflows/deploy-base.yml
@@ -18,37 +18,24 @@ on:
       SLACK_WEBHOOK:
         required: true
 
+
 jobs:
-  deploy:
-    name: Deploy
+  build:
+    name: Build/push Docker Image
     runs-on: ubuntu-latest
     permissions:
       id-token: write
       contents: read
     environment: ${{ inputs.env }}
-    env:
-      ECS_CLUSTER: skate
-      ECS_SERVICE: skate-${{ inputs.env }}
+    outputs:
+      docker-tag-suffix: ${{ steps.build-push.outputs.docker-tag-suffix }}
+      sentry-release: ${{ steps.version-ids.outputs.sentry-release }}
     steps:
-      - name: Configure AWS credentials
-        uses: aws-actions/configure-aws-credentials@v4
-        with:
-          role-to-assume: ${{ secrets.AWS_ROLE_ARN }}
-          aws-region: us-east-1
       - uses: actions/checkout@v4
       - name: Get version ids
         id: version-ids
         run: |
           echo "sentry-release=${{github.ref}}_${{github.sha}}" | tr / - >> "$GITHUB_OUTPUT"
-      - uses: getsentry/action-release@v1
-        env:
-          SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
-          SENTRY_ORG: ${{ secrets.SENTRY_ORG }}
-          SENTRY_PROJECT: ${{ secrets.SENTRY_PROJECT }}
-        with:
-          environment: ${{ inputs.env }}
-          version: ${{steps.version-ids.outputs.sentry-release}}
-          ignore_missing: true
       - uses: mbta/actions/build-push-ecr@v2
         id: build-push
         with:
@@ -61,13 +48,38 @@ jobs:
           SENTRY_ORG: ${{ secrets.SENTRY_ORG }}
           SENTRY_PROJECT: ${{ secrets.SENTRY_PROJECT }}
           SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
+
+
+  deploy_ecs:
+    name: Deploy (ECS)
+    runs-on: ubuntu-latest
+    needs: build
+    permissions:
+      id-token: write
+    environment: ${{ inputs.env }}
+    env:
+      ECS_CLUSTER: skate
+      ECS_SERVICE: skate-${{ inputs.env }}
+    steps:
       - uses: mbta/actions/deploy-ecs@v2
         with:
           role-to-assume: ${{ secrets.AWS_ROLE_ARN }}
           ecs-cluster: ${{ env.ECS_CLUSTER }}
           ecs-service: ${{ env.ECS_SERVICE }}
-          docker-tag: ${{ steps.build-push.outputs.docker-tag }}
-      - uses: mbta/actions/notify-slack-deploy@v1
+          docker-tag: ${{ secrets.DOCKER_REPO }}:${{ needs.build.outputs.docker-tag-suffix }}
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+      - uses: getsentry/action-release@v1
+        env:
+          SENTRY_ORG: ${{ secrets.SENTRY_ORG }}
+          SENTRY_PROJECT: ${{ secrets.SENTRY_PROJECT }}
+          SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
+        with:
+          environment: ${{ inputs.env }}
+          version: ${{needs.build.outputs.sentry-release}}
+          ignore_missing: true
+      - uses: mbta/actions/notify-slack-deploy@v2
         if: ${{ !cancelled() }}
         with:
           webhook-url: ${{ secrets.SLACK_WEBHOOK }}
diff --git a/assets/src/components/detours/diversionPage.tsx b/assets/src/components/detours/diversionPage.tsx
index 7e2839f31..718509c29 100644
--- a/assets/src/components/detours/diversionPage.tsx
+++ b/assets/src/components/detours/diversionPage.tsx
@@ -177,6 +177,223 @@ export const DiversionPage = ({
     }
   }
 
+  const detourPanel = () => {
+    if (snapshot.matches({ "Detour Drawing": "Pick Route Pattern" })) {
+      return (
+        <DetourRouteSelectionPanel
+          isLoadingRoutePatterns={snapshot.matches({
+            "Detour Drawing": {
+              "Pick Route Pattern": { "Pick Route ID": "Loading" },
+            },
+          })}
+          isRouteInvalid={snapshot.matches({
+            "Detour Drawing": {
+              "Pick Route Pattern": {
+                "Pick Route ID": "Error: No Route",
+              },
+            },
+          })}
+          allRoutes={routes ?? []}
+          selectedRouteInfo={
+            route && routePatterns && routePatternsById
+              ? {
+                  routePatterns: routePatternsById,
+                  selectedRoute: route,
+                  selectedRoutePatternId: routePattern?.id ?? null,
+                }
+              : {
+                  selectedRoute: route ?? null,
+                }
+          }
+          onSelectRoute={(route) => {
+            if (route) {
+              send({
+                type: "detour.route-pattern.select-route",
+                route,
+              })
+            } else {
+              send({
+                type: "detour.route-pattern.delete-route",
+              })
+            }
+          }}
+          onSelectRoutePattern={(routePattern) => {
+            routePattern &&
+              send({
+                type: "detour.route-pattern.select-pattern",
+                routePattern,
+              })
+          }}
+          onConfirm={() => send({ type: "detour.route-pattern.done" })}
+        />
+      )
+    } else if (
+      snapshot.matches({ "Detour Drawing": "Editing" }) &&
+      routePattern
+    ) {
+      return (
+        <DrawDetourPanel
+          directions={extendedDirections}
+          missedStops={missedStops}
+          routeName={routeName ?? "??"}
+          routeDescription={routeDescription ?? "??"}
+          routeOrigin={routeOrigin ?? "??"}
+          routeDirection={routeDirection ?? "??"}
+          detourFinished={reviewDetour !== undefined}
+          onReviewDetour={reviewDetour}
+          onChangeRoute={() => send({ type: "detour.route-pattern.open" })}
+        />
+      )
+    } else if (
+      snapshot.matches({ "Detour Drawing": "Share Detour" }) &&
+      editDetour
+    ) {
+      return (
+        <DetourFinishedPanel
+          onNavigateBack={editDetour}
+          detourText={textArea}
+          onChangeDetourText={setTextArea}
+          onActivateDetour={
+            inTestGroup(TestGroups.DetoursList)
+              ? () => {
+                  send({ type: "detour.share.open-activate-modal" })
+                }
+              : undefined
+          }
+        >
+          {snapshot.matches({
+            "Detour Drawing": {
+              "Share Detour": "Activating",
+            },
+          }) ? (
+            <ActivateDetour.Modal
+              onCancel={() => {
+                send({ type: "detour.share.activate-modal.cancel" })
+              }}
+              onBack={
+                snapshot.can({ type: "detour.share.activate-modal.back" })
+                  ? () => {
+                      send({ type: "detour.share.activate-modal.back" })
+                    }
+                  : undefined
+              }
+              onNext={
+                snapshot.can({ type: "detour.share.activate-modal.next" })
+                  ? () => {
+                      send({ type: "detour.share.activate-modal.next" })
+                    }
+                  : undefined
+              }
+              onActivate={
+                snapshot.can({
+                  type: "detour.share.activate-modal.activate",
+                })
+                  ? () => {
+                      send({ type: "detour.share.activate-modal.activate" })
+                    }
+                  : undefined
+              }
+            >
+              {snapshot.matches({
+                "Detour Drawing": {
+                  "Share Detour": { Activating: "Selecting Duration" },
+                },
+              }) ? (
+                <ActivateDetour.SelectingDuration
+                  onSelectDuration={(selectedDuration: string) => {
+                    send({
+                      type: "detour.share.activate-modal.select-duration",
+                      duration: selectedDuration,
+                    })
+                  }}
+                  selectedDuration={selectedDuration}
+                />
+              ) : snapshot.matches({
+                  "Detour Drawing": {
+                    "Share Detour": { Activating: "Selecting Reason" },
+                  },
+                }) ? (
+                <ActivateDetour.SelectingReason
+                  onSelectReason={(selectedReason: string) => {
+                    send({
+                      type: "detour.share.activate-modal.select-reason",
+                      reason: selectedReason,
+                    })
+                  }}
+                  selectedReason={selectedReason}
+                />
+              ) : snapshot.matches({
+                  "Detour Drawing": {
+                    "Share Detour": { Activating: "Confirming" },
+                  },
+                }) ? (
+                <ActivateDetour.Confirming />
+              ) : null}
+            </ActivateDetour.Modal>
+          ) : null}
+        </DetourFinishedPanel>
+      )
+    } else if (snapshot.matches({ "Detour Drawing": "Active" })) {
+      return (
+        <ActiveDetourPanel
+          directions={extendedDirections}
+          connectionPoints={[
+            connectionPoints?.start?.name ?? "N/A",
+            connectionPoints?.end?.name ?? "N/A",
+          ]}
+          missedStops={missedStops}
+          routeName={routeName ?? "??"}
+          routeDescription={routeDescription ?? "??"}
+          routeOrigin={routeOrigin ?? "??"}
+          routeDirection={routeDirection ?? "??"}
+          onNavigateBack={onClose}
+          onOpenDeactivateModal={
+            userInTestGroup(TestGroups.DetoursPilot)
+              ? () => {
+                  send({ type: "detour.active.open-deactivate-modal" })
+                }
+              : undefined
+          }
+        >
+          {snapshot.matches({
+            "Detour Drawing": { Active: "Deactivating" },
+          }) ? (
+            <DeactivateDetourModal
+              onDeactivate={() =>
+                send({ type: "detour.active.deactivate-modal.deactivate" })
+              }
+              onCancel={() =>
+                send({ type: "detour.active.deactivate-modal.cancel" })
+              }
+              routeName={routeName || "??"}
+              routeDescription={routeDescription || "??"}
+              routeOrigin={routeOrigin || "??"}
+              routeDirection={routeDirection || "??"}
+            />
+          ) : null}
+        </ActiveDetourPanel>
+      )
+    } else if (snapshot.matches({ "Detour Drawing": "Past" })) {
+      return (
+        <PastDetourPanel
+          directions={extendedDirections}
+          connectionPoints={[
+            connectionPoints?.start?.name ?? "N/A",
+            connectionPoints?.end?.name ?? "N/A",
+          ]}
+          missedStops={missedStops}
+          routeName={routeName ?? "??"}
+          routeDescription={routeDescription ?? "??"}
+          routeOrigin={routeOrigin ?? "??"}
+          routeDirection={routeDirection ?? "??"}
+          onNavigateBack={onClose}
+        />
+      )
+    } else {
+      return <></>
+    }
+  }
+
   return (
     <>
       <article className="l-diversion-page h-100 border-box inherit-box">
@@ -190,7 +407,7 @@ export const DiversionPage = ({
               : "text-bg-light",
           ])}
         >
-          {"snapshot" in useDetourProps ? (
+          {"snapshot" in useDetourProps && (
             <>
               <span className="l-diversion-page__header-details">
                 <strong className="font-m-semi me-2">
@@ -203,7 +420,7 @@ export const DiversionPage = ({
                 {useDetourProps.author}
               </span>
             </>
-          ) : null}
+          )}
           <CloseButton className="p-4" onClick={onClose} />
         </header>
 
@@ -216,204 +433,7 @@ export const DiversionPage = ({
               : "text-bg-light",
           ])}
         >
-          {snapshot.matches({ "Detour Drawing": "Pick Route Pattern" }) ? (
-            <DetourRouteSelectionPanel
-              isLoadingRoutePatterns={snapshot.matches({
-                "Detour Drawing": {
-                  "Pick Route Pattern": { "Pick Route ID": "Loading" },
-                },
-              })}
-              isRouteInvalid={snapshot.matches({
-                "Detour Drawing": {
-                  "Pick Route Pattern": {
-                    "Pick Route ID": "Error: No Route",
-                  },
-                },
-              })}
-              allRoutes={routes ?? []}
-              selectedRouteInfo={
-                route && routePatterns && routePatternsById
-                  ? {
-                      routePatterns: routePatternsById,
-                      selectedRoute: route,
-                      selectedRoutePatternId: routePattern?.id ?? null,
-                    }
-                  : {
-                      selectedRoute: route ?? null,
-                    }
-              }
-              onSelectRoute={(route) => {
-                if (route) {
-                  send({
-                    type: "detour.route-pattern.select-route",
-                    route,
-                  })
-                } else {
-                  send({
-                    type: "detour.route-pattern.delete-route",
-                  })
-                }
-              }}
-              onSelectRoutePattern={(routePattern) => {
-                routePattern &&
-                  send({
-                    type: "detour.route-pattern.select-pattern",
-                    routePattern,
-                  })
-              }}
-              onConfirm={() => send({ type: "detour.route-pattern.done" })}
-            />
-          ) : snapshot.matches({ "Detour Drawing": "Editing" }) &&
-            routePattern ? (
-            <DrawDetourPanel
-              directions={extendedDirections}
-              missedStops={missedStops}
-              routeName={routeName ?? "??"}
-              routeDescription={routeDescription ?? "??"}
-              routeOrigin={routeOrigin ?? "??"}
-              routeDirection={routeDirection ?? "??"}
-              detourFinished={reviewDetour !== undefined}
-              onReviewDetour={reviewDetour}
-              onChangeRoute={() => send({ type: "detour.route-pattern.open" })}
-            />
-          ) : snapshot.matches({ "Detour Drawing": "Share Detour" }) &&
-            editDetour ? (
-            <DetourFinishedPanel
-              onNavigateBack={editDetour}
-              detourText={textArea}
-              onChangeDetourText={setTextArea}
-              onActivateDetour={
-                inTestGroup(TestGroups.DetoursList)
-                  ? () => {
-                      send({ type: "detour.share.open-activate-modal" })
-                    }
-                  : undefined
-              }
-            >
-              {snapshot.matches({
-                "Detour Drawing": {
-                  "Share Detour": "Activating",
-                },
-              }) ? (
-                <ActivateDetour.Modal
-                  onCancel={() => {
-                    send({ type: "detour.share.activate-modal.cancel" })
-                  }}
-                  onBack={
-                    snapshot.can({ type: "detour.share.activate-modal.back" })
-                      ? () => {
-                          send({ type: "detour.share.activate-modal.back" })
-                        }
-                      : undefined
-                  }
-                  onNext={
-                    snapshot.can({ type: "detour.share.activate-modal.next" })
-                      ? () => {
-                          send({ type: "detour.share.activate-modal.next" })
-                        }
-                      : undefined
-                  }
-                  onActivate={
-                    snapshot.can({
-                      type: "detour.share.activate-modal.activate",
-                    })
-                      ? () => {
-                          send({ type: "detour.share.activate-modal.activate" })
-                        }
-                      : undefined
-                  }
-                >
-                  {snapshot.matches({
-                    "Detour Drawing": {
-                      "Share Detour": { Activating: "Selecting Duration" },
-                    },
-                  }) ? (
-                    <ActivateDetour.SelectingDuration
-                      onSelectDuration={(selectedDuration: string) => {
-                        send({
-                          type: "detour.share.activate-modal.select-duration",
-                          duration: selectedDuration,
-                        })
-                      }}
-                      selectedDuration={selectedDuration}
-                    />
-                  ) : snapshot.matches({
-                      "Detour Drawing": {
-                        "Share Detour": { Activating: "Selecting Reason" },
-                      },
-                    }) ? (
-                    <ActivateDetour.SelectingReason
-                      onSelectReason={(selectedReason: string) => {
-                        send({
-                          type: "detour.share.activate-modal.select-reason",
-                          reason: selectedReason,
-                        })
-                      }}
-                      selectedReason={selectedReason}
-                    />
-                  ) : snapshot.matches({
-                      "Detour Drawing": {
-                        "Share Detour": { Activating: "Confirming" },
-                      },
-                    }) ? (
-                    <ActivateDetour.Confirming />
-                  ) : null}
-                </ActivateDetour.Modal>
-              ) : null}
-            </DetourFinishedPanel>
-          ) : snapshot.matches({ "Detour Drawing": "Active" }) ? (
-            <ActiveDetourPanel
-              directions={extendedDirections}
-              connectionPoints={[
-                connectionPoints?.start?.name ?? "N/A",
-                connectionPoints?.end?.name ?? "N/A",
-              ]}
-              missedStops={missedStops}
-              routeName={routeName ?? "??"}
-              routeDescription={routeDescription ?? "??"}
-              routeOrigin={routeOrigin ?? "??"}
-              routeDirection={routeDirection ?? "??"}
-              onNavigateBack={onClose}
-              onOpenDeactivateModal={
-                userInTestGroup(TestGroups.DetoursPilot)
-                  ? () => {
-                      send({ type: "detour.active.open-deactivate-modal" })
-                    }
-                  : undefined
-              }
-            >
-              {snapshot.matches({
-                "Detour Drawing": { Active: "Deactivating" },
-              }) ? (
-                <DeactivateDetourModal
-                  onDeactivate={() =>
-                    send({ type: "detour.active.deactivate-modal.deactivate" })
-                  }
-                  onCancel={() =>
-                    send({ type: "detour.active.deactivate-modal.cancel" })
-                  }
-                  routeName={routeName || "??"}
-                  routeDescription={routeDescription || "??"}
-                  routeOrigin={routeOrigin || "??"}
-                  routeDirection={routeDirection || "??"}
-                />
-              ) : null}
-            </ActiveDetourPanel>
-          ) : snapshot.matches({ "Detour Drawing": "Past" }) ? (
-            <PastDetourPanel
-              directions={extendedDirections}
-              connectionPoints={[
-                connectionPoints?.start?.name ?? "N/A",
-                connectionPoints?.end?.name ?? "N/A",
-              ]}
-              missedStops={missedStops}
-              routeName={routeName ?? "??"}
-              routeDescription={routeDescription ?? "??"}
-              routeOrigin={routeOrigin ?? "??"}
-              routeDirection={routeDirection ?? "??"}
-              onNavigateBack={onClose}
-            />
-          ) : null}
+          {detourPanel()}
         </div>
         <div className="l-diversion-page__map position-relative">
           {snapshot.matches({ "Detour Drawing": "Share Detour" }) && (
diff --git a/assets/src/components/notificationCard.tsx b/assets/src/components/notificationCard.tsx
index ce4022f8a..a01a2a683 100644
--- a/assets/src/components/notificationCard.tsx
+++ b/assets/src/components/notificationCard.tsx
@@ -6,6 +6,7 @@ import {
   BlockWaiverReason,
   NotificationType,
   isBlockWaiverNotification,
+  DetourNotificationStatus,
 } from "../realtime"
 import { Route } from "../schedule"
 import { formattedTime } from "../util/dateTime"
@@ -99,7 +100,17 @@ export const title = (notification: Notification) => {
     }
 
     case NotificationType.Detour: {
-      return "Detour - Active"
+      switch (notification.content.status) {
+        case DetourNotificationStatus.Activated: {
+          return "Detour - Active"
+        }
+        case DetourNotificationStatus.Deactivated: {
+          return "Detour - Closed"
+        }
+      }
+      // Typescript says this is unreachable,
+      // but eslint doesn't seem to get the memo
+      break
     }
 
     case NotificationType.BridgeMovement: {
diff --git a/assets/src/models/notificationData.ts b/assets/src/models/notificationData.ts
index 602a80c83..e496bf564 100644
--- a/assets/src/models/notificationData.ts
+++ b/assets/src/models/notificationData.ts
@@ -15,6 +15,7 @@ import {
 import {
   BlockWaiverNotification,
   BridgeNotification,
+  DetourNotificationStatus,
   Notification,
   NotificationContentTypes,
   NotificationType,
@@ -68,6 +69,10 @@ export const BridgeNotificationData = union([
 
 export const DetourNotificationData = type({
   __struct__: literal(NotificationType.Detour),
+  status: enums([
+    DetourNotificationStatus.Activated,
+    DetourNotificationStatus.Deactivated,
+  ]),
   detour_id: detourId,
   headsign: string(),
   route: string(),
@@ -136,6 +141,7 @@ export const notificationFromData = (
     case NotificationType.Detour: {
       content = {
         $type: NotificationType.Detour,
+        status: notificationData.content.status,
         detourId: notificationData.content.detour_id,
         direction: notificationData.content.direction,
         headsign: notificationData.content.headsign,
diff --git a/assets/src/realtime.ts b/assets/src/realtime.ts
index e8a817e44..afefafeab 100644
--- a/assets/src/realtime.ts
+++ b/assets/src/realtime.ts
@@ -92,8 +92,14 @@ export type BlockWaiverNotification = {
   endTime: Date | null
 }
 
+export enum DetourNotificationStatus {
+  Activated = "activated",
+  Deactivated = "deactivated",
+}
+
 export type DetourNotification = {
   $type: NotificationType.Detour
+  status: DetourNotificationStatus
   detourId: DetourId
   headsign: string
   route: string
diff --git a/assets/tests/components/__snapshots__/notificationBellIcon.test.tsx.snap b/assets/tests/components/__snapshots__/notificationBellIcon.test.tsx.snap
index 658587ae6..645193cd5 100644
--- a/assets/tests/components/__snapshots__/notificationBellIcon.test.tsx.snap
+++ b/assets/tests/components/__snapshots__/notificationBellIcon.test.tsx.snap
@@ -1,5 +1,53 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`NotificationBellIcon activated detour notification renders when there are new detour notifications and user is not part of DetoursList 1`] = `
+<body>
+  <div>
+    <span
+      class="c-notification-bell-icon c-notification-bell-icon--closed c-notification-bell-icon--read"
+    >
+      <svg />
+    </span>
+  </div>
+</body>
+`;
+
+exports[`NotificationBellIcon activated detour notification renders when there are new detour notifications and user is part of DetoursList group 1`] = `
+<body>
+  <div>
+    <span
+      class="c-notification-bell-icon c-notification-bell-icon--closed c-notification-bell-icon--unread"
+    >
+      <svg />
+    </span>
+  </div>
+</body>
+`;
+
+exports[`NotificationBellIcon deactivated detour notification renders when there are new detour notifications and user is not part of DetoursList 1`] = `
+<body>
+  <div>
+    <span
+      class="c-notification-bell-icon c-notification-bell-icon--closed c-notification-bell-icon--read"
+    >
+      <svg />
+    </span>
+  </div>
+</body>
+`;
+
+exports[`NotificationBellIcon deactivated detour notification renders when there are new detour notifications and user is part of DetoursList group 1`] = `
+<body>
+  <div>
+    <span
+      class="c-notification-bell-icon c-notification-bell-icon--closed c-notification-bell-icon--unread"
+    >
+      <svg />
+    </span>
+  </div>
+</body>
+`;
+
 exports[`NotificationBellIcon renders when the drawer is closed and there are new notifications 1`] = `
 <span
   className="c-notification-bell-icon c-notification-bell-icon--closed c-notification-bell-icon--unread"
@@ -43,27 +91,3 @@ exports[`NotificationBellIcon renders when the drawer is open and there are not
   }
 />
 `;
-
-exports[`NotificationBellIcon renders when there are new detour notifications and user is not part of DetoursList 1`] = `
-<body>
-  <div>
-    <span
-      class="c-notification-bell-icon c-notification-bell-icon--closed c-notification-bell-icon--read"
-    >
-      <svg />
-    </span>
-  </div>
-</body>
-`;
-
-exports[`NotificationBellIcon renders when there are new detour notifications and user is part of DetoursList group 1`] = `
-<body>
-  <div>
-    <span
-      class="c-notification-bell-icon c-notification-bell-icon--closed c-notification-bell-icon--unread"
-    >
-      <svg />
-    </span>
-  </div>
-</body>
-`;
diff --git a/assets/tests/components/__snapshots__/notificationCard.test.tsx.snap b/assets/tests/components/__snapshots__/notificationCard.test.tsx.snap
index 0f3a9360c..8da2f49bd 100644
--- a/assets/tests/components/__snapshots__/notificationCard.test.tsx.snap
+++ b/assets/tests/components/__snapshots__/notificationCard.test.tsx.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`NotificationCard renders detour notification if user is in DetoursList group 1`] = `
+exports[`NotificationCard renders activated detour notification if user is in DetoursList group 1`] = `
 <body>
   <div>
     <div
@@ -43,19 +43,92 @@ exports[`NotificationCard renders detour notification if user is in DetoursList
                 <div
                   class="c-route-pill c-route-pill--bus"
                 >
-                  2
+                  4
                 </div>
                 <div>
                   <div
                     class="fw-semibold"
                   >
-                    Headsign 2
+                    Headsign 4
                   </div>
                   <div
                     class="fw-normal text-body-secondary"
                   >
                     From 
-                    Origin station 2
+                    Origin station 4
+                  </div>
+                  <div
+                    class="fw-normal"
+                  >
+                    Outbound
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </button>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`NotificationCard renders detour deactivated notification if user is in DetoursList group 1`] = `
+<body>
+  <div>
+    <div
+      aria-labelledby="card-label-:ri:"
+      class="c-card c-card--kiwi"
+    >
+      <button
+        class="c-card__left"
+      >
+        <div
+          class="c-card__left-content"
+        >
+          <div
+            class="c-card__top-row"
+          >
+            <div
+              class="c-card__title"
+              id="card-label-:ri:"
+            >
+              <span>
+                <svg />
+              </span>
+              Detour - Closed
+            </div>
+            <div
+              class="c-card__time"
+            >
+              0 min
+            </div>
+          </div>
+          <div
+            class="c-card__contents"
+          >
+            <div
+              class="c-card__body"
+            >
+              <div
+                class="d-flex flex-row gap-2"
+              >
+                <div
+                  class="c-route-pill c-route-pill--bus"
+                >
+                  1
+                </div>
+                <div>
+                  <div
+                    class="fw-semibold"
+                  >
+                    Headsign 1
+                  </div>
+                  <div
+                    class="fw-normal text-body-secondary"
+                  >
+                    From 
+                    Origin station 1
                   </div>
                   <div
                     class="fw-normal"
diff --git a/assets/tests/components/notificationBellIcon.test.tsx b/assets/tests/components/notificationBellIcon.test.tsx
index 8413c960b..58aae50c0 100644
--- a/assets/tests/components/notificationBellIcon.test.tsx
+++ b/assets/tests/components/notificationBellIcon.test.tsx
@@ -14,6 +14,7 @@ import { viewFactory } from "../factories/pagePanelStateFactory"
 import {
   blockWaiverNotificationFactory,
   detourActivatedNotificationFactory,
+  detourDeactivatedNotificationFactory,
 } from "../factories/notification"
 import getTestGroups from "../../src/userTestGroups"
 import { TestGroups } from "../../src/userInTestGroup"
@@ -142,28 +143,51 @@ describe("NotificationBellIcon", () => {
     expect(tree).toMatchSnapshot()
   })
 
-  test("renders when there are new detour notifications and user is part of DetoursList group", () => {
-    jest.mocked(getTestGroups).mockReturnValue([TestGroups.DetoursList])
-
-    const { baseElement } = render(
-      <StateDispatchProvider state={stateFactory.build()} dispatch={jest.fn()}>
-        <NotificationsContext.Provider value={unreadDetourNotificationState}>
-          <NotificationBellIcon />
-        </NotificationsContext.Provider>
-      </StateDispatchProvider>
-    )
+  describe.each([
+    {
+      type: "activated",
+      state: {
+        ...unreadNotificationState,
+        notifications: detourActivatedNotificationFactory.buildList(2),
+      },
+    },
+    {
+      type: "deactivated",
+      state: {
+        ...unreadNotificationState,
+        notifications: detourDeactivatedNotificationFactory.buildList(2),
+      },
+    },
+  ])("$type detour notification", () => {
+    test("renders when there are new detour notifications and user is part of DetoursList group", () => {
+      jest.mocked(getTestGroups).mockReturnValue([TestGroups.DetoursList])
+
+      const { baseElement } = render(
+        <StateDispatchProvider
+          state={stateFactory.build()}
+          dispatch={jest.fn()}
+        >
+          <NotificationsContext.Provider value={unreadDetourNotificationState}>
+            <NotificationBellIcon />
+          </NotificationsContext.Provider>
+        </StateDispatchProvider>
+      )
 
-    expect(baseElement).toMatchSnapshot()
-  })
+      expect(baseElement).toMatchSnapshot()
+    })
 
-  test("renders when there are new detour notifications and user is not part of DetoursList", () => {
-    const { baseElement } = render(
-      <StateDispatchProvider state={stateFactory.build()} dispatch={jest.fn()}>
-        <NotificationsContext.Provider value={unreadDetourNotificationState}>
-          <NotificationBellIcon />
-        </NotificationsContext.Provider>
-      </StateDispatchProvider>
-    )
-    expect(baseElement).toMatchSnapshot()
+    test("renders when there are new detour notifications and user is not part of DetoursList", () => {
+      const { baseElement } = render(
+        <StateDispatchProvider
+          state={stateFactory.build()}
+          dispatch={jest.fn()}
+        >
+          <NotificationsContext.Provider value={unreadDetourNotificationState}>
+            <NotificationBellIcon />
+          </NotificationsContext.Provider>
+        </StateDispatchProvider>
+      )
+      expect(baseElement).toMatchSnapshot()
+    })
   })
 })
diff --git a/assets/tests/components/notificationCard.test.tsx b/assets/tests/components/notificationCard.test.tsx
index a0686b92c..d9f0cb339 100644
--- a/assets/tests/components/notificationCard.test.tsx
+++ b/assets/tests/components/notificationCard.test.tsx
@@ -1,6 +1,7 @@
 import { jest, describe, test, expect, beforeEach } from "@jest/globals"
 import React from "react"
-import { render } from "@testing-library/react"
+import "@testing-library/jest-dom/jest-globals"
+import { render, screen } from "@testing-library/react"
 import { NotificationCard, title } from "../../src/components/notificationCard"
 import {
   BlockWaiverReason,
@@ -12,6 +13,7 @@ import {
   bridgeLoweredNotificationFactory,
   bridgeRaisedNotificationFactory,
   detourActivatedNotificationFactory,
+  detourDeactivatedNotificationFactory,
 } from "../factories/notification"
 import routeFactory from "../factories/route"
 import userEvent from "@testing-library/user-event"
@@ -252,7 +254,7 @@ describe("NotificationCard", () => {
     expect(dispatch).toHaveBeenCalledWith({ type: "HIDE_LATEST_NOTIFICATION" })
   })
 
-  test("renders detour notification if user is in DetoursList group", () => {
+  test("renders activated detour notification if user is in DetoursList group", () => {
     const n: Notification = detourActivatedNotificationFactory.build()
     const { baseElement } = render(
       <RoutesProvider routes={routes}>
@@ -266,7 +268,7 @@ describe("NotificationCard", () => {
     expect(baseElement).toMatchSnapshot()
   })
 
-  test("does not render detour notification if user not in DetoursList group", () => {
+  test("does not render activated detour notification if user not in DetoursList group", () => {
     jest.mocked(getTestGroups).mockReturnValue([])
 
     const n: Notification = detourActivatedNotificationFactory.build()
@@ -282,6 +284,40 @@ describe("NotificationCard", () => {
     expect(result.queryByText(/Detour - Active/)).toBeNull()
   })
 
+  test("renders detour deactivated notification if user is in DetoursList group", () => {
+    const n: Notification = detourDeactivatedNotificationFactory.build()
+    const { baseElement } = render(
+      <RoutesProvider routes={routes}>
+        <NotificationCard
+          notification={n}
+          currentTime={new Date()}
+          openVPPForCurrentVehicle={jest.fn()}
+        />
+      </RoutesProvider>
+    )
+    // The card's role is currently just a "button" which doesn't quite feel like
+    // the right role, so instead of asserting on role, this uses `getByText`
+    // _for now_.
+    expect(screen.getByText(/Detour - Closed/)).toBeVisible()
+    expect(baseElement).toMatchSnapshot()
+  })
+
+  test("does not render deactivated detour notification if user not in DetoursList group", () => {
+    jest.mocked(getTestGroups).mockReturnValue([])
+
+    const n: Notification = detourDeactivatedNotificationFactory.build()
+    const result = render(
+      <RoutesProvider routes={routes}>
+        <NotificationCard
+          notification={n}
+          currentTime={new Date()}
+          openVPPForCurrentVehicle={jest.fn()}
+        />
+      </RoutesProvider>
+    )
+    expect(result.queryByText(/Detour - Closed/)).toBeNull()
+  })
+
   test.each<{
     notification: Notification
     should_fire_fs_event: boolean
@@ -362,6 +398,10 @@ describe("NotificationCard", () => {
       should_fire_fs_event: false,
       notification: detourActivatedNotificationFactory.build({}),
     },
+    {
+      should_fire_fs_event: false,
+      notification: detourDeactivatedNotificationFactory.build(),
+    },
   ])(
     "clicking bridge notification should trigger FS event: $notification.content.reason",
     async ({ notification, should_fire_fs_event }) => {
diff --git a/assets/tests/factories/notification.ts b/assets/tests/factories/notification.ts
index 0ab7c10f0..28567d76a 100644
--- a/assets/tests/factories/notification.ts
+++ b/assets/tests/factories/notification.ts
@@ -5,6 +5,7 @@ import {
   BridgeLoweredNotification,
   BridgeRaisedNotification,
   DetourNotification,
+  DetourNotificationStatus,
   Notification,
   NotificationType,
 } from "../../src/realtime"
@@ -89,7 +90,7 @@ export const bridgeLoweredNotificationFactory = Factory.define<
 const detourActivatedNotificationContentFactory =
   Factory.define<DetourNotification>(({ sequence }) => ({
     $type: NotificationType.Detour,
-    status: "activated",
+    status: DetourNotificationStatus.Activated,
     detourId: sequence,
     headsign: `Headsign ${sequence}`,
     route: `${sequence}`,
@@ -105,3 +106,13 @@ export const detourActivatedNotificationFactory = Factory.define<
   state: "unread",
   content: detourActivatedNotificationContentFactory.build(),
 }))
+
+const detourDeactivatedNotificationContentFactory =
+  detourActivatedNotificationContentFactory.params({
+    status: DetourNotificationStatus.Deactivated,
+  })
+
+export const detourDeactivatedNotificationFactory =
+  detourActivatedNotificationFactory.params({
+    content: detourDeactivatedNotificationContentFactory.build(),
+  })
diff --git a/lib/notifications/db/detour.ex b/lib/notifications/db/detour.ex
index bcc7aa93b..6798531de 100644
--- a/lib/notifications/db/detour.ex
+++ b/lib/notifications/db/detour.ex
@@ -20,7 +20,7 @@ defmodule Notifications.Db.Detour do
     belongs_to :detour, Skate.Detours.Db.Detour
     has_one :notification, Notifications.Db.Notification
 
-    field :status, Ecto.Enum, values: [:activated]
+    field :status, Ecto.Enum, values: [:activated, :deactivated]
 
     # Derived from the associated detour
     field :headsign, :any, virtual: true
diff --git a/lib/notifications/detour.ex b/lib/notifications/detour.ex
index 0a412f00e..dfac0a20c 100644
--- a/lib/notifications/detour.ex
+++ b/lib/notifications/detour.ex
@@ -21,4 +21,14 @@ defmodule Notifications.Detour do
       | status: :activated
     }
   end
+
+  @doc """
+  Creates a activated detour notification struct to insert into the database
+  """
+  def deactivated_detour(%Skate.Detours.Db.Detour{} = detour) do
+    %{
+      detour_notification(detour)
+      | status: :deactivated
+    }
+  end
 end
diff --git a/lib/notifications/notification.ex b/lib/notifications/notification.ex
index f50ff8c70..846af7552 100644
--- a/lib/notifications/notification.ex
+++ b/lib/notifications/notification.ex
@@ -50,6 +50,23 @@ defmodule Notifications.Notification do
     :content
   ]
 
+  @doc """
+  Inserts a new notification for an deactivated detour into the database
+  and returns the detour notification with notification info.
+  """
+  def create_deactivated_detour_notification_from_detour(%Skate.Detours.Db.Detour{} = detour) do
+    import Notifications.Db.Notification.Queries
+
+    notification =
+      deactivated_detour_notification(detour)
+      |> unread_notifications_for_users(Skate.Settings.User.get_all())
+      |> Skate.Repo.insert!()
+
+    # We need the associated values in the Detour JSON, so query the DB with the
+    # id to load the extra data.
+    get_detour_notification(notification.id)
+  end
+
   @doc """
   Inserts a new notification for an activated detour into the database
   and returns the detour notification with notification info.
@@ -64,8 +81,14 @@ defmodule Notifications.Notification do
 
     # We need the associated values in the Detour JSON, so query the DB with the
     # id to load the extra data.
+    get_detour_notification(notification.id)
+  end
+
+  def get_detour_notification(notification_id) do
+    import Notifications.Db.Notification.Queries
+
     select_detour_info()
-    |> where([notification: n], n.id == ^notification.id)
+    |> where([notification: n], n.id == ^notification_id)
     |> Skate.Repo.one!()
     |> from_db_notification()
   end
@@ -85,6 +108,14 @@ defmodule Notifications.Notification do
     }
   end
 
+  # Adds a deactivated detour notification relation to a `Notifications.Db.Notification`
+  defp deactivated_detour_notification(%Skate.Detours.Db.Detour{} = detour) do
+    %Notifications.Db.Notification{
+      new_notification_now()
+      | detour: Notifications.Detour.deactivated_detour(detour)
+    }
+  end
+
   defp notification_for_user(%Skate.Settings.Db.User{} = user) do
     %Notifications.Db.NotificationUser{
       user: user
diff --git a/lib/notifications/notification_server.ex b/lib/notifications/notification_server.ex
index 0b30c01af..c05f22a25 100644
--- a/lib/notifications/notification_server.ex
+++ b/lib/notifications/notification_server.ex
@@ -59,6 +59,29 @@ defmodule Notifications.NotificationServer do
     GenServer.cast(server, {:detour_activated, detour, notify_finished})
   end
 
+  @doc """
+  Creates a new Detour Deactivated Notification for a `Skate.Detours.Db.Detour`.
+
+  ## Options
+
+  If the `:server` option is present, the notification is sent to the process
+  referred to by the `:server` value.
+
+  If the `:notify_finished` option is present, a `{:new_notification, detour: detour.id}` message
+  is sent to the process referred to by the `:notify_finished` value.
+  This option has mainly been useful for testing code to avoid `Process.sleep()` calls.
+  """
+  @spec detour_deactivated(detour :: Skate.Detours.Db.Detour.t(), keyword()) :: :ok
+  def detour_deactivated(
+        %Skate.Detours.Db.Detour{} = detour,
+        options \\ []
+      ) do
+    server = Keyword.get(options, :server, default_name())
+    notify_finished = Keyword.get(options, :notify_finished, nil)
+
+    GenServer.cast(server, {:detour_deactivated, detour, notify_finished})
+  end
+
   def subscribe(user_id, server \\ default_name()) do
     registry_key = GenServer.call(server, :subscribe)
 
@@ -111,6 +134,25 @@ defmodule Notifications.NotificationServer do
     {:noreply, state}
   end
 
+  @impl true
+  def handle_cast(
+        {
+          :detour_deactivated,
+          %Skate.Detours.Db.Detour{id: id} = detour,
+          notify_finished_caller_id
+        },
+        state
+      ) do
+    notification =
+      Notifications.Notification.create_deactivated_detour_notification_from_detour(detour)
+
+    broadcast(notification, self())
+
+    notify_caller_new_notification(notify_finished_caller_id, detour: id)
+
+    {:noreply, state}
+  end
+
   # Tell the caller when a notification is created
   # Mainly useful for writing tests so that they don't require
   # `Process.sleep(<N>)`
diff --git a/lib/skate/detours/detours.ex b/lib/skate/detours/detours.ex
index 5a99fd165..159527859 100644
--- a/lib/skate/detours/detours.ex
+++ b/lib/skate/detours/detours.ex
@@ -198,7 +198,7 @@ defmodule Skate.Detours.Detours do
   def update_or_create_detour_for_user(user_id, uuid, attrs \\ %{}) do
     user = User.get_by_id!(user_id)
 
-    previous_status = categorize_detour_by_id(uuid, user_id)
+    previous_record = uuid != nil && Skate.Repo.get(Detour, uuid)
 
     detour =
       case uuid do
@@ -214,7 +214,13 @@ defmodule Skate.Detours.Detours do
           )
       end
 
-    send_notification(detour, previous_status, user_id)
+    case detour do
+      {:ok, %Detour{} = new_record} ->
+        send_notification(new_record, previous_record, user_id)
+
+      _ ->
+        nil
+    end
 
     detour
   end
@@ -237,28 +243,49 @@ defmodule Skate.Detours.Detours do
   end
 
   @spec send_notification(
-          detour_db_result :: {:ok, Skate.Detours.Db.Detour.t()},
-          previous_status :: detour_type(),
-          user_id :: Skate.Settings.Db.User.t()
+          new_record :: Skate.Detours.Db.Detour.t() | nil,
+          previous_record :: Skate.Detours.Db.Detour.t() | nil,
+          user_id :: Skate.Settings.Db.User.id() | nil
         ) :: :ok | nil
-  @spec send_notification(
-          detour_db_result :: any(),
-          previous_status :: detour_type(),
-          user_id :: Skate.Settings.Db.User.t()
-        ) :: nil
+  @spec send_notification(%{
+          next_detour: Skate.Detours.Db.Detour.t() | nil,
+          next: detour_type() | nil,
+          previous: detour_type() | nil
+        }) :: :ok | nil
   defp send_notification(
-         {:ok, %Skate.Detours.Db.Detour{} = detour},
-         previous_status,
+         %Detour{} = new_record,
+         %Detour{} = previous_record,
          user_id
-       )
-       when previous_status != :active do
-    if categorize_detour(detour, user_id) == :active do
-      Notifications.NotificationServer.detour_activated(detour)
-    end
+       ) do
+    send_notification(%{
+      next_detour: new_record,
+      previous: categorize_detour(previous_record, user_id),
+      next: categorize_detour(new_record, user_id)
+    })
   end
 
   defp send_notification(_, _, _), do: nil
 
+  defp send_notification(%{
+         next: :active,
+         next_detour: detour,
+         previous: previous_status
+       })
+       when previous_status != :active do
+    Notifications.NotificationServer.detour_activated(detour)
+  end
+
+  defp send_notification(%{
+         next: :past,
+         next_detour: detour,
+         previous: previous_status
+       })
+       when previous_status != :past do
+    Notifications.NotificationServer.detour_deactivated(detour)
+  end
+
+  defp send_notification(_), do: nil
+
   @doc """
   Deletes a detour.
 
diff --git a/test/notifications/notification_server_test.exs b/test/notifications/notification_server_test.exs
index 097d11e91..c8b5eb18d 100644
--- a/test/notifications/notification_server_test.exs
+++ b/test/notifications/notification_server_test.exs
@@ -663,4 +663,54 @@ defmodule Notifications.NotificationServerTest do
       end
     end
   end
+
+  describe "detour_deactivated/2" do
+    setup do
+      {:ok, server} = setup_server()
+
+      %{server: server}
+    end
+
+    test "saves to database" do
+      notification_count = 3
+      # create new notification
+      for _ <- 1..notification_count do
+        %{id: id} =
+          detour =
+          insert(:detour)
+
+        NotificationServer.detour_deactivated(detour, notify_finished: self(), server: __MODULE__)
+
+        assert_receive {:new_notification, detour: ^id}
+      end
+
+      # assert database contains notification
+      assert_n_notifications_in_db(notification_count)
+    end
+
+    test "broadcasts to all connected users", %{server: server} do
+      notification_count = 3
+      # connect users to channel
+      for id <- 1..notification_count do
+        NotificationServer.subscribe(id, server)
+      end
+
+      # create new notification
+      %{id: id} =
+        detour =
+        insert(:detour)
+
+      NotificationServer.detour_deactivated(detour, notify_finished: self(), server: __MODULE__)
+
+      assert_receive {:new_notification, detour: ^id}
+
+      # assert channel sends notifications to each user
+      for _ <- 1..notification_count do
+        assert_receive {:notification,
+                        %Notification{
+                          content: %Notifications.Db.Detour{status: :deactivated}
+                        }}
+      end
+    end
+  end
 end
diff --git a/test/notifications/notification_test.exs b/test/notifications/notification_test.exs
index 2e793cada..1e48d75f2 100644
--- a/test/notifications/notification_test.exs
+++ b/test/notifications/notification_test.exs
@@ -411,4 +411,93 @@ defmodule Notifications.NotificationTest do
       assert 0 == Skate.Repo.aggregate(Notifications.Db.Notification, :count)
     end
   end
+
+  describe "create_deactivated_detour_notification_from_detour/1" do
+    test "inserts new record into the database" do
+      count = 3
+
+      # create new notification
+      for _ <- 1..count do
+        :detour
+        |> insert()
+        |> Notifications.Notification.create_deactivated_detour_notification_from_detour()
+      end
+
+      # assert it is in the database
+      assert count == Skate.Repo.aggregate(Notifications.Db.Detour, :count)
+    end
+
+    test "creates an unread notification for all users" do
+      number_of_users = 5
+      [user | _] = insert_list(number_of_users, :user)
+
+      # create new notification
+      detour =
+        :detour
+        |> insert(
+          # don't create a new user and affect the user count
+          author: user
+        )
+        |> Notifications.Notification.create_deactivated_detour_notification_from_detour()
+
+      detour_notification =
+        Notifications.Db.Notification
+        |> Skate.Repo.get!(detour.id)
+        |> Skate.Repo.preload(:users)
+
+      # assert all users have a notification that is unread
+      assert Kernel.length(detour_notification.users) == number_of_users
+    end
+
+    test "returns detour information" do
+      # create new notification
+      %{
+        state: %{
+          "context" => %{
+            "route" => %{
+              "name" => route_name
+            },
+            "routePattern" => %{
+              "name" => route_pattern_name,
+              "headsign" => headsign
+            }
+          }
+        }
+      } =
+        detour =
+        :detour
+        |> build()
+        |> with_direction(:inbound)
+        |> insert()
+
+      detour_notification =
+        Notifications.Notification.create_deactivated_detour_notification_from_detour(detour)
+
+      # assert fields are set
+      assert %Notifications.Notification{
+               content: %Notifications.Db.Detour{
+                 status: :deactivated,
+                 route: ^route_name,
+                 origin: ^route_pattern_name,
+                 headsign: ^headsign,
+                 direction: "Inbound"
+               }
+             } = detour_notification
+    end
+
+    test "deletes associated detour notifications when detour is deleted" do
+      # create new notification and detour
+      detour = insert(:detour)
+
+      Notifications.Notification.create_deactivated_detour_notification_from_detour(detour)
+
+      # assert it is in the database
+      assert 1 == Skate.Repo.aggregate(Notifications.Db.Detour, :count)
+
+      Skate.Repo.delete!(detour)
+
+      assert 0 == Skate.Repo.aggregate(Notifications.Db.Detour, :count)
+      assert 0 == Skate.Repo.aggregate(Notifications.Db.Notification, :count)
+    end
+  end
 end
diff --git a/test/skate_web/controllers/detours_controller_test.exs b/test/skate_web/controllers/detours_controller_test.exs
index 12210b3e2..8437dcab2 100644
--- a/test/skate_web/controllers/detours_controller_test.exs
+++ b/test/skate_web/controllers/detours_controller_test.exs
@@ -93,6 +93,35 @@ defmodule SkateWeb.DetoursControllerTest do
       Process.sleep(10)
       assert Skate.Repo.aggregate(Notifications.Db.Detour, :count) == 0
     end
+
+    @tag :authenticated
+    test "creates a new notification when detour is deactivated", %{conn: conn} do
+      setup_notification_server()
+
+      %Skate.Detours.Db.Detour{id: id, state: snapshot} = insert(:detour)
+
+      put(conn, ~p"/api/detours/update_snapshot", %{
+        "snapshot" => snapshot |> deactivated |> with_id(id)
+      })
+
+      Process.sleep(10)
+      assert Skate.Repo.aggregate(Notifications.Db.Detour, :count) == 1
+    end
+
+    @tag :authenticated
+    test "does not create a new notification if detour was already deactivated", %{conn: conn} do
+      setup_notification_server()
+
+      %Skate.Detours.Db.Detour{id: id, state: snapshot} =
+        :detour |> build |> deactivated |> insert
+
+      put(conn, ~p"/api/detours/update_snapshot", %{
+        "snapshot" => with_id(snapshot, id)
+      })
+
+      Process.sleep(10)
+      assert Skate.Repo.aggregate(Notifications.Db.Detour, :count) == 0
+    end
   end
 
   defp populate_db_and_get_user(conn) do
diff --git a/test/support/factories/detour_factory.ex b/test/support/factories/detour_factory.ex
index 784a50d55..478cb4d8f 100644
--- a/test/support/factories/detour_factory.ex
+++ b/test/support/factories/detour_factory.ex
@@ -58,6 +58,14 @@ defmodule Skate.DetourFactory do
         put_in(state["value"], %{"Detour Drawing" => %{"Active" => "Reviewing"}})
       end
 
+      def deactivated(%Skate.Detours.Db.Detour{} = detour) do
+        %{detour | state: deactivated(detour.state)}
+      end
+
+      def deactivated(%{"value" => %{}} = state) do
+        put_in(state["value"], %{"Detour Drawing" => "Past"})
+      end
+
       def with_direction(%Skate.Detours.Db.Detour{} = detour, direction) do
         %{
           detour