chore(webapp): scope intentional draft synchronization

Author: carderne

apps/webapp/app/components/billing/BillingLimitRecoveryPanel.tsx

@@ -63,6 +63,7 @@ export function BillingLimitRecoveryPanel({
   const formRef = useRef<HTMLFormElement>(null);
 
   useEffect(() => {
+    // oxlint-disable-next-line react/react-compiler -- A refreshed server recommendation intentionally resets this editable amount draft.
     setNewAmount(String(suggestedNewLimitDollars));
   }, [suggestedNewLimitDollars]);
 

apps/webapp/app/components/code/TSQLResultsTable.tsx

@@ -224,6 +224,7 @@ const DebouncedInput = forwardRef<
   const [value, setValue] = useState(initialValue);
 
   useEffect(() => {
+    // oxlint-disable-next-line react/react-compiler -- Programmatic filter changes intentionally reset the debounced input draft.
     setValue(initialValue);
   }, [initialValue]);
 

apps/webapp/app/components/primitives/DateTime.tsx

@@ -372,6 +372,7 @@ export const RelativeDateTime = ({ date, timeZone, capitalize = true }: Relative
 
   // On first render
   useEffect(() => {
+    // oxlint-disable-next-line react/react-compiler -- A changed date intentionally resets the timer-backed relative text.
     setRelativeText(getRelativeText(realDate, capitalize));
   }, [realDate, capitalize]);
 

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.branches/route.tsx

@@ -652,6 +652,7 @@ function PurchaseBranchesModal({
 
   const [amountValue, setAmountValue] = useState(extraBranches);
   useEffect(() => {
+    // oxlint-disable-next-line react/react-compiler -- The authoritative branch count intentionally resets this modal draft.
     setAmountValue(extraBranches);
   }, [extraBranches]);
   const isLoading = fetcher.state !== "idle";

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.dashboards.custom.$dashboardId/route.tsx

@@ -683,6 +683,7 @@ function RenameDashboardDialog({ title }: { title: string }) {
 
   // Sync newTitle state when title changes (after successful rename)
   useEffect(() => {
+    // oxlint-disable-next-line react/react-compiler -- A completed rename intentionally resets this editable title draft.
     setNewTitle(title);
   }, [title]);
 

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.deployments.$deploymentParam/route.tsx

@@ -610,6 +610,7 @@ function LogsDisplay({
   const logsContainerRef = useRef<HTMLDivElement>(null);
 
   useEffect(() => {
+    // oxlint-disable-next-line react/react-compiler -- Deployment status changes intentionally reset the user-controlled collapse state.
     setCollapsed(initialCollapsed);
   }, [initialCollapsed]);
 

apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.team/route.tsx

@@ -970,6 +970,7 @@ export function PurchaseSeatsModal({
 
   const [amountValue, setAmountValue] = useState(extraSeats);
   useEffect(() => {
+    // oxlint-disable-next-line react/react-compiler -- The authoritative seat count intentionally resets this modal draft.
     setAmountValue(extraSeats);
   }, [extraSeats]);
   const isLoading = fetcher.state !== "idle";