fix: retain uncertain optimistic mutations

src/features/reference-feature/presentation/reference-resource-form-page.tsx

@@ -3,6 +3,7 @@ import { useNavigate } from "react-router-dom";
 
 import {
   Button,
+  AsyncSurface,
   DirtyNavigationDialog,
   ErrorSummary,
   Form,
@@ -40,13 +41,23 @@ export default function ReferenceResourceFormPage() {
     mapToCommand: toCreateReferenceCommand,
     submit,
   });
+  const mutationEffectUnknown =
+    mutation.state.indicator === "mutation-effect-unknown";
+  const mutationBlocked =
+    mutationEffectUnknown || mutation.state.indicator === "mutation-pending";
   const guard = useDirtyNavigationGuard(form.dirty && !form.pending);
 
   return (
     <Form
       id={form.formId}
       pending={form.pending}
-      onSubmit={(event) => void form.submitForm(event)}
+      onSubmit={(event) => {
+        if (mutationBlocked) {
+          event.preventDefault();
+          return;
+        }
+        void form.submitForm(event);
+      }}
     >
       <FormPage
         breadcrumb={
@@ -95,24 +106,36 @@ export default function ReferenceResourceFormPage() {
             <Button
               variant="secondary"
               onClick={() => navigate("/examples/reference-resources")}
-              disabled={form.pending}
+              disabled={form.pending || mutationBlocked}
             >
               취소
             </Button>
-            <Button type="submit" disabled={form.pending}>
+            <Button
+              type="submit"
+              disabled={form.pending || mutationBlocked}
+            >
               {form.pending ? "저장 중…" : "저장"}
             </Button>
             <Button
               variant="ghost"
               onClick={() => form.reset()}
-              disabled={!form.dirty || form.pending}
+              disabled={!form.dirty || form.pending || mutationBlocked}
             >
               초기화
             </Button>
           </FormActions>
         }
         feedback={
-          form.result === "success" ? (
+          mutationEffectUnknown ? (
+            <AsyncSurface
+              state={mutation.state}
+              onReconcileUnknownEffect={(resolution) => {
+                void mutation.reconcileUnknownEffect(resolution).then(() => {
+                  if (resolution === "APPLIED") form.settleApplied();
+                });
+              }}
+            />
+          ) : form.result === "success" ? (
             <p role="status">저장했습니다.</p>
           ) : form.result === "conflict" ? (
             <p role="status">충돌을 해결한 뒤 다시 제출할 수 있습니다.</p>