fix(web): draw the artwork the picker chose

apps/web/src/components/SidebarStageBackdrop.test.tsx

@@ -127,3 +127,16 @@ describe("named artwork defaults", () => {
     ).toEqual(DEV_BACKDROP);
   });
 });
+
+describe("the header renders what the picker chose", () => {
+  it("resolves a named scene with no help from the build channel", () => {
+    // Regression: the sidebar header called the stage-label resolver directly,
+    // so a picked scene never reached the renderer on a release build.
+    expect(resolveSidebarArtwork({ selection: "night", stageLabel: "", custom: [] })).toEqual(
+      NIGHTLY_BACKDROP,
+    );
+    expect(resolveSidebarArtwork({ selection: "day", stageLabel: "", custom: [] })).toEqual(
+      DEV_BACKDROP,
+    );
+  });
+});

apps/web/src/components/sidebar/SidebarChrome.tsx

@@ -15,10 +15,10 @@ import { cn } from "../../lib/utils";
 import { useEnvironments } from "../../state/environments";
 import {
   resolveEnvironmentIdentificationPillLabel,
-  resolveSidebarStageBackdropVariant,
   resolveSidebarStageFocusRingOffsetClass,
   SidebarStageBackdrop,
   useEnvironmentStageLabel,
+  useSidebarStageBackdropVariant,
 } from "../SidebarStageBackdrop";
 import { Badge } from "../ui/badge";
 import {
@@ -43,8 +43,10 @@ export const SidebarChromeHeader = memo(function SidebarChromeHeader({
 }) {
   const stageLabel = useEnvironmentStageLabel();
   const environmentIdentificationMode = useEnvironmentIdentificationMode();
-  const backdropVariant = resolveSidebarStageBackdropVariant(
-    stageLabel,
+  // The hook, not the stage-label resolver: this is the header that actually
+  // draws the artwork, and reading the build channel here meant a chosen scene
+  // never appeared on a release build.
+  const backdropVariant = useSidebarStageBackdropVariant(
     environmentIdentificationMode === "artwork",
   );
   const pillLabel =