feat(PBI-91): expliciete schermstaat + draft-zichtbaarheid PB-page (#210)

* docs(ST-1369): plan PBI-91 — expliciete schermstaat + draft-zichtbaarheid

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

* feat(ST-1369): screen-state module — ScreenState + deriveScreenState()

Pure afleidingslaag die de verspreide schermstaat-derivatie van de Product
Backlog page consolideert tot één testbaar ScreenState-model. Nog geen
consumers — die volgen in T-1035/T-1036.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

* test(ST-1369): unit-tests voor deriveScreenState()

Dekt alle vier de kinds (NO_SPRINT, DRAFT, ACTIVE, EDITING), de building-flag
en de draft-voorrang boven een actieve sprint.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

* feat(ST-1369): SprintSwitcher op deriveScreenState + draft op trigger (G5)

De trigger-knop toont nu de concept-sprint zodra er een sprint-draft loopt,
niet langer alleen de (disabled) dropdown-regel. Schermstaat-afleiding loopt
via de pure deriveScreenState() i.p.v. losse flags.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

* feat(ST-1369): NewSprintTrigger achter isActiveProduct-gate (G6)

De "Nieuwe sprint"-knop rendert niet langer op een niet-actief product —
een sprint-draft starten daar was verwarrend. page.tsx geeft de bestaande
isActiveProduct-flag door.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

* test(ST-1369): component-tests voor draft-op-trigger (G5) en isActiveProduct-gate (G6)

sprint-switcher: trigger toont concept-sprint bij een pending draft, en geen
concept-label zonder draft. new-sprint-trigger: nieuw testbestand — rendert
niet op een niet-actief product, wel op een actief product zonder draft.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

components/backlog/new-sprint-trigger.tsx

@@ -9,20 +9,27 @@ import { NewSprintMetadataDialog } from './new-sprint-metadata-dialog'
 interface NewSprintTriggerProps {
   productId: string
   isDemo: boolean
+  isActiveProduct: boolean
 }
 
 /**
  * PBI-79 / ST-1337: trigger-knop voor de nieuwe sprint-flow.
  * Verbergt zichzelf wanneer er al een pendingSprintDraft loopt — dan
- * staat de SprintDefinitionBanner zelf de afronding te regelen.
+ * staat de SprintDefinitionBanner zelf de afronding te regelen — en
+ * wanneer het product niet het actieve product is (ST-1369 / G6).
  */
-export function NewSprintTrigger({ productId, isDemo }: NewSprintTriggerProps) {
+export function NewSprintTrigger({
+  productId,
+  isDemo,
+  isActiveProduct,
+}: NewSprintTriggerProps) {
   const [open, setOpen] = useState(false)
   const hasDraft = useUserSettingsStore(
     (s) => !!s.entities.settings.workflow?.pendingSprintDraft?.[productId],
   )
 
   if (hasDraft) return null
+  if (!isActiveProduct) return null
 
   return (
     <>

components/shared/sprint-switcher.tsx

@@ -18,6 +18,7 @@ import {
   switchActiveSprintAction,
 } from '@/actions/active-sprint'
 import { useProductWorkspaceStore } from '@/stores/product-workspace/store'
+import { deriveScreenState } from '@/stores/product-workspace/screen-state'
 import { useUserSettingsStore } from '@/stores/user-settings/store'
 import type { SprintStatusApi } from '@/lib/task-status'
 import { debugProps } from '@/lib/debug'
@@ -57,6 +58,20 @@ export function SprintSwitcher({
   const draftGoal = useUserSettingsStore(
     (s) => s.entities.settings.workflow?.pendingSprintDraft?.[productId]?.goal ?? null,
   )
+  const pendingAdds = useProductWorkspaceStore(
+    (s) => s.sprintMembership.pending.adds,
+  )
+  const pendingRemoves = useProductWorkspaceStore(
+    (s) => s.sprintMembership.pending.removes,
+  )
+
+  const screenState = deriveScreenState({
+    activeSprintItem: activeSprint,
+    buildingSprintIds,
+    hasPendingDraft: draftGoal !== null,
+    pendingAdds,
+    pendingRemoves,
+  })
 
   const visibleSprints = sprints.filter(s => {
     if (showClosed) return true
@@ -139,10 +154,19 @@ export function SprintSwitcher({
         disabled={isPending}
         className="flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors px-2 py-1 rounded-md hover:bg-surface-container focus:outline-none"
       >
-        <span className="truncate max-w-[160px]">
-          {activeSprint ? activeSprint.code : 'Selecteer sprint'}
+        <span
+          className={cn(
+            'truncate max-w-[160px]',
+            screenState.kind === 'DRAFT' && 'italic text-tertiary',
+          )}
+        >
+          {screenState.kind === 'DRAFT'
+            ? `⚙ Concept — ${draftGoal}`
+            : activeSprint
+              ? activeSprint.code
+              : 'Selecteer sprint'}
         </span>
-        {activeSprint && (
+        {screenState.kind !== 'DRAFT' && activeSprint && (
           <span
             className={cn(
               'text-sm',