Add stable testids to the fan-out pickers and result panels

Result panel containers, per-preset result rows (with a data-state of
added/skipped/failed), per-row retry buttons, submit buttons, and preset
checkboxes get data-testid attributes so e2e scenarios can bind to
structure instead of copy.

Author: RhysSullivan

packages/plugins/google/src/react/AddGoogleSource.tsx

@@ -160,7 +160,10 @@ export function GoogleServiceResultPanel(props: {
   if (rows.length === 0) return null;
 
   return (
-    <section className="space-y-3 rounded-lg border border-border bg-muted/10 px-3 py-3">
+    <section
+      data-testid="google-add-results"
+      className="space-y-3 rounded-lg border border-border bg-muted/10 px-3 py-3"
+    >
       <div>
         <h2 className="text-sm font-medium text-foreground">Google products</h2>
         <p className="text-[11px] text-muted-foreground">
@@ -173,6 +176,8 @@ export function GoogleServiceResultPanel(props: {
           return (
             <li
               key={`${row.status}:${row.presetId}`}
+              data-testid={`add-result-row-${row.presetId}`}
+              data-state={row.status}
               className="flex items-start gap-2 rounded-md border border-border bg-background px-2.5 py-2"
             >
               <span
@@ -220,6 +225,7 @@ export function GoogleServiceResultPanel(props: {
                   type="button"
                   variant="outline"
                   size="xs"
+                  data-testid={`add-result-retry-${row.presetId}`}
                   loading={props.retryingPresetId === row.presetId}
                   onClick={() => void props.onRetry(row.presetId)}
                 >
@@ -518,7 +524,12 @@ export default function AddGoogleSource(props: {
         <Button variant="ghost" onClick={dismiss} disabled={adding || retryingPresetId !== null}>
           {servicesResult || customBundleSlug ? "Done" : "Cancel"}
         </Button>
-        <Button onClick={() => void handleAdd()} disabled={!canAdd} loading={adding}>
+        <Button
+          data-testid="google-add-submit"
+          onClick={() => void handleAdd()}
+          disabled={!canAdd}
+          loading={adding}
+        >
           Connect Google
         </Button>
       </FloatActions>

packages/plugins/google/src/react/GoogleProductPicker.tsx

@@ -103,7 +103,11 @@ const ProductRow = ({
       checked ? "bg-primary/5" : "hover:bg-muted/40",
     )}
   >
-    <Checkbox checked={checked} onCheckedChange={(next) => onToggle(next === true)} />
+    <Checkbox
+      data-testid={`preset-checkbox-${preset.id}`}
+      checked={checked}
+      onCheckedChange={(next) => onToggle(next === true)}
+    />
     <div className="shrink-0">
       <IntegrationFavicon icon={preset.icon} url={preset.url} size={16} />
     </div>

packages/plugins/microsoft/src/react/AddMicrosoftSource.tsx

@@ -151,7 +151,10 @@ export function MicrosoftWorkloadResultPanel(props: {
   if (rows.length === 0) return null;
 
   return (
-    <section className="space-y-3 rounded-lg border border-border bg-muted/10 px-3 py-3">
+    <section
+      data-testid="microsoft-add-results"
+      className="space-y-3 rounded-lg border border-border bg-muted/10 px-3 py-3"
+    >
       <div>
         <h2 className="text-sm font-medium text-foreground">Microsoft workloads</h2>
         <p className="text-[11px] text-muted-foreground">
@@ -164,6 +167,8 @@ export function MicrosoftWorkloadResultPanel(props: {
           return (
             <li
               key={`${row.status}:${row.presetId}`}
+              data-testid={`add-result-row-${row.presetId}`}
+              data-state={row.status}
               className="flex items-start gap-2 rounded-md border border-border bg-background px-2.5 py-2"
             >
               <span
@@ -211,6 +216,7 @@ export function MicrosoftWorkloadResultPanel(props: {
                   type="button"
                   variant="outline"
                   size="xs"
+                  data-testid={`add-result-retry-${row.presetId}`}
                   loading={props.retryingPresetId === row.presetId}
                   onClick={() => void props.onRetry(row.presetId)}
                 >
@@ -509,7 +515,12 @@ export default function AddMicrosoftSource(props: {
         <Button variant="ghost" onClick={dismiss} disabled={adding || retryingPresetId !== null}>
           {workloadsResult || customGraphSlug ? "Done" : "Cancel"}
         </Button>
-        <Button onClick={() => void handleAdd()} disabled={!canAdd} loading={adding}>
+        <Button
+          data-testid="microsoft-add-submit"
+          onClick={() => void handleAdd()}
+          disabled={!canAdd}
+          loading={adding}
+        >
           Connect Microsoft
         </Button>
       </FloatActions>

packages/plugins/microsoft/src/react/MicrosoftScopePicker.tsx

@@ -71,7 +71,11 @@ const ScopeRow = ({
       checked ? "bg-primary/5" : "hover:bg-muted/40",
     )}
   >
-    <Checkbox checked={checked} onCheckedChange={(next) => onToggle(next === true)} />
+    <Checkbox
+      data-testid={`preset-checkbox-${preset.id}`}
+      checked={checked}
+      onCheckedChange={(next) => onToggle(next === true)}
+    />
     <div className="shrink-0">
       <IntegrationFavicon icon={preset.icon} size={16} />
     </div>