Add contact_support on update status page

app/pages/system/UpdatePage.tsx

@@ -38,6 +38,7 @@ import { CardBlock } from '~/ui/lib/CardBlock'
 import { DateTime } from '~/ui/lib/DateTime'
 import { Divider } from '~/ui/lib/Divider'
 import * as DropdownMenu from '~/ui/lib/DropdownMenu'
+import { Message } from '~/ui/lib/Message'
 import { PageHeader, PageTitle } from '~/ui/lib/PageHeader'
 import { PropertiesTable } from '~/ui/lib/PropertiesTable'
 import { TipIcon } from '~/ui/lib/TipIcon'
@@ -193,6 +194,25 @@ export default function UpdatePage() {
         </PropertiesTable.Row>
       </PropertiesTable>
 
+      {status.contactSupport && (
+        <Message
+          className="mt-4"
+          variant="notice"
+          title="Contact Oxide support"
+          content={
+            <>
+              The system has detected one or more known conditions that require Oxide
+              support to resolve.{' '}
+              <TipIcon className="ml-0.5 [&>svg]:text-[var(--content-accent-secondary)]">
+                Contact support before starting any update, and immediately if an update has
+                recently completed. The checks underlying this state are not exhaustive, so
+                the absence of this message does not mean the system is completely healthy.
+              </TipIcon>
+            </>
+          }
+        />
+      )}
+
       <Divider className="my-8" />
 
       <CardBlock>

mock-api/system-update.ts

@@ -36,7 +36,7 @@ export const updateStatus: Json<UpdateStatus> = {
     '17.0.0': 12,
     '16.0.0': 5,
   },
-  contact_support: false,
+  contact_support: true,
   suspended: false,
   target_release: {
     version: '17.0.0',