diff --git a/src/frontend/src/lib/state/featureFlags.ts b/src/frontend/src/lib/state/featureFlags.ts index 56eb894b94..ac4b0b8693 100644 --- a/src/frontend/src/lib/state/featureFlags.ts +++ b/src/frontend/src/lib/state/featureFlags.ts @@ -104,10 +104,16 @@ export const GUIDED_UPGRADE = createFeatureFlagStore( }, ); +export const MIN_GUIDED_UPGRADE = createFeatureFlagStore( + "MIN_GUIDED_UPGRADE", + false, +); + export default { DOMAIN_COMPATIBILITY, HARDWARE_KEY_TEST, DISCOVERABLE_PASSKEY_FLOW, ENABLE_ALL_LOCALES, GUIDED_UPGRADE, + MIN_GUIDED_UPGRADE, } as Record; diff --git a/src/frontend/src/routes/(new-styling)/(channel)/authorize/(panel)/+layout.svelte b/src/frontend/src/routes/(new-styling)/(channel)/authorize/(panel)/+layout.svelte index e11165df9a..061b5c88f5 100644 --- a/src/frontend/src/routes/(new-styling)/(channel)/authorize/(panel)/+layout.svelte +++ b/src/frontend/src/routes/(new-styling)/(channel)/authorize/(panel)/+layout.svelte @@ -13,14 +13,15 @@ import { MigrationWizard } from "$lib/components/wizards/migration"; import { handleError } from "$lib/components/utils/error"; import Dialog from "$lib/components/ui/Dialog.svelte"; - import { GUIDED_UPGRADE } from "$lib/state/featureFlags"; + import { GUIDED_UPGRADE, MIN_GUIDED_UPGRADE } from "$lib/state/featureFlags"; import { goto } from "$app/navigation"; const { children }: LayoutProps = $props(); let animationWrapperRef = $state(); let isUpgradeCollapsed = $state( - localStorage.getItem("ii-guided-upgrade-collapsed") === "true", + localStorage.getItem("ii-guided-upgrade-collapsed") === "true" || + $MIN_GUIDED_UPGRADE, ); let upgradePanelHeight = $state(224); let isUpgrading = $state(false); @@ -147,7 +148,7 @@ onoutrostart={() => animationWrapperRef?.setAttribute("aria-hidden", "true")} > - {#if $GUIDED_UPGRADE} + {#if $GUIDED_UPGRADE || $MIN_GUIDED_UPGRADE} {@render upgradePanel()} {/if} - {#if $GUIDED_UPGRADE} + {#if $GUIDED_UPGRADE || $MIN_GUIDED_UPGRADE} {@render upgradePanel()} {/if} {@render children()}