feat(ui): add Local Server Cloud upgrade prompts (#11982)

ui/store/cloud-upgrade/store.ts

@@ -0,0 +1,29 @@
+import { create } from "zustand";
+
+import type { CloudUpgradeFeature } from "@/types/cloud-upgrade";
+
+interface CloudUpgradeStoreState {
+  activeFeature: CloudUpgradeFeature | null;
+  returnFocusElement: HTMLElement | null;
+  openCloudUpgrade: (
+    feature: CloudUpgradeFeature,
+    returnFocusElement?: HTMLElement,
+  ) => void;
+  closeCloudUpgrade: () => void;
+}
+
+// Upgrade prompts are ephemeral and shared so only one modal can be open.
+export const useCloudUpgradeStore = create<CloudUpgradeStoreState>((set) => ({
+  activeFeature: null,
+  returnFocusElement: null,
+  openCloudUpgrade: (activeFeature, requestedReturnFocusElement) =>
+    set({
+      activeFeature,
+      returnFocusElement:
+        requestedReturnFocusElement ??
+        (document.activeElement instanceof HTMLElement
+          ? document.activeElement
+          : null),
+    }),
+  closeCloudUpgrade: () => set({ activeFeature: null }),
+}));

ui/store/index.ts

@@ -1,3 +1,4 @@
+export * from "./cloud-upgrade/store";
 export * from "./organizations/store";
 export * from "./provider-wizard/store";
 export * from "./scans/store";