docs(09-05): diagnose tooltip gaps and create verified fix plan

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

.planning/phases/09-md3-components/09-UAT.md

@@ -1,5 +1,5 @@
 ---
-status: complete
+status: diagnosed
 phase: 09-md3-components
 source: [09-01-SUMMARY.md, 09-02-SUMMARY.md, 09-03-SUMMARY.md, 09-04-SUMMARY.md]
 started: 2026-04-01T11:00:00Z
@@ -57,7 +57,13 @@ skipped: 0
   reason: "User reported: Hovering the tooltip button doesn't show anything. Also, the placement of the tooltip icon isn't right: it should be besides the text that's under the field (for example, in the SAS URL field, the 'i' icon should be to the left of 'Full SAS URL including account and container')"
   severity: major
   test: 7
-  root_cause: ""
+  root_cause: "Two issues: (1) Tooltip button uses onClick toggle only — no onMouseEnter/onMouseLeave handlers, so hover does nothing. (2) Tooltip icon is rendered as a sibling ABOVE TextFieldMD3 in FieldRenderer.tsx, but helpText is encapsulated inside TextFieldMD3 — so the icon can't be positioned beside it."
-  artifacts: []
+  artifacts:
-  missing: []
+    - path: "src/components/ui/FieldRenderer.tsx"
-  debug_session: ""
+      issue: "Tooltip button at line 85 uses onClick-only toggle, positioned above TextFieldMD3 instead of beside helpText"
+    - path: "src/components/ui/TextFieldMD3.tsx"
+      issue: "helpText rendered internally (lines 65-67), unreachable by FieldRenderer for inline icon placement"
+  missing:
+    - "Add hover behavior (onMouseEnter/onMouseLeave or CSS group-hover) to tooltip button"
+    - "Move tooltip icon beside helpText — either add helpTextPrefix prop to TextFieldMD3 or restructure FieldRenderer layout"
+  debug_session: ".planning/debug/tooltip-info-buttons-broken.md"