feat(shared): data-debug-id+label op form/select-componenten

components/shared/activate-product-button.tsx

@@ -28,6 +28,7 @@ export function ActivateProductButton({ productId, isDemo, redirectTo, label = '
   }
 
   return (
+    <span data-debug-id="activate-product-button" data-debug-label="ActivateProductButton — shared/activate-product-button.tsx">
     <DemoTooltip show={isDemo}>
       <button
         onClick={() => !isDemo && handleActivate()}
@@ -37,5 +38,6 @@ export function ActivateProductButton({ productId, isDemo, redirectTo, label = '
         {label}
       </button>
     </DemoTooltip>
+    </span>
   )
 }

components/shared/code-badge.tsx

@@ -9,6 +9,8 @@ export function CodeBadge({ code, className }: CodeBadgeProps) {
   if (!code) return null
   return (
     <span
+      data-debug-id="code-badge"
+      data-debug-label="CodeBadge — shared/code-badge.tsx"
       className={cn(
         'inline-flex items-center rounded-md border border-border bg-surface-container px-1.5 py-0.5 font-mono text-[11px] leading-none text-muted-foreground',
         className,

components/shared/pbi-status-select.tsx

@@ -26,6 +26,7 @@ interface PbiStatusSelectProps {
 
 export function PbiStatusSelect({ value, onChange, className }: PbiStatusSelectProps) {
   return (
+    <span data-debug-id="pbi-status-select" data-debug-label="PbiStatusSelect — shared/pbi-status-select.tsx">
     <Select
       value={value}
       onValueChange={(v) => { if (v) onChange(v as PbiStatusApi) }}
@@ -39,5 +40,6 @@ export function PbiStatusSelect({ value, onChange, className }: PbiStatusSelectP
         <SelectItem value="done">Afgerond</SelectItem>
       </SelectContent>
     </Select>
+    </span>
   )
 }

components/shared/priority-select.tsx

@@ -25,6 +25,7 @@ interface PrioritySelectProps {
 
 export function PrioritySelect({ value, onChange, className }: PrioritySelectProps) {
   return (
+    <span data-debug-id="priority-select" data-debug-label="PrioritySelect — shared/priority-select.tsx">
     <Select
       value={String(value)}
       onValueChange={(v) => { if (v) onChange(parseInt(v)) }}
@@ -39,5 +40,6 @@ export function PrioritySelect({ value, onChange, className }: PrioritySelectPro
         <SelectItem value="4">Laag</SelectItem>
       </SelectContent>
     </Select>
+    </span>
   )
 }

components/shared/set-current-product.tsx

@@ -11,5 +11,5 @@ export function SetCurrentProduct({ id, name }: { id: string; name: string }) {
     return () => clearCurrentProduct()
   }, [id, name, setCurrentProduct, clearCurrentProduct])
 
-  return null
+  return <span data-debug-id="set-current-product" data-debug-label="SetCurrentProduct — shared/set-current-product.tsx" hidden />
 }