fix(frontend): prevent flash of empty seed opinion page during conver… (#411)

* fix(frontend): prevent flash of empty seed opinion page during conversation creation

When clicking "Publier" to create a conversation with seed opinions, the page
briefly flashed showing the empty seed opinion creation form before navigating
to the final conversation page.

Root cause:
The NewConversationRouteGuard component checks for unsaved changes before
allowing navigation. When the route was not unlocked, attempting to navigate
triggered the route guard's "save draft" dialog or caused timing issues with
the reactive store updates, leading to a flash of empty state.

Changes:
- Add ref to NewConversationRouteGuard to access its unlockRoute() method
- Call unlockRoute() before router.replace() to bypass unsaved changes check
- Remove draft clearing logic that was causing reactive store re-renders

This ensures the component maintains its seed opinion data during navigation
and transitions smoothly to the conversation page without intermediate UI
flashes or save prompts.

* chore: improve ai-assistant rules on commit

Author: nicobao

CLAUDE.md

@@ -98,14 +98,19 @@ duplicate updates and database contention."
 ```
 
 **Guidelines:**
-- Keep the subject line concise (50-72 characters)
+- Keep the subject line under 50 characters (hard limit: 72 characters)
+  - Git and GitHub truncate titles longer than ~72 characters with "..."
+  - Aim for 50 characters to ensure full visibility in all tools
+  - If the title is too long, move specific details to the body
+  - Good: `fix(frontend): prevent seed opinion page flash`
+  - Bad: `fix(frontend): prevent flash of empty seed opinion page during conversation creation`
 - Use imperative mood ("add" not "added" or "adds")
 - Don't capitalize the first letter after the colon
 - No period at the end of the subject line
-- **Be exhaustive in the body**: explain what changed, why it changed, and any important implementation details
+- Be exhaustive in the body: explain what changed, why it changed, and any important implementation details
 - Use the body to provide context that reviewers and future maintainers will need
 - Reference issue numbers, design decisions, or related PRs in the body or footer
-- **Do NOT mention AI assistants or tools in commit messages** (e.g., "Claude", "AI-generated", "with assistance from")
+- Do NOT mention AI assistants or tools in commit messages (e.g., "Claude", "AI-generated", "with assistance from")
   - This restriction applies ONLY to commit messages - code comments can mention tools/AI if helpful for context
 
 **Before committing:**

services/agora/src/pages/conversation/new/review/index.vue

@@ -92,6 +92,7 @@
     </div>
 
     <NewConversationRouteGuard
+      ref="routeGuard"
       :allowed-routes="['/conversation/new/create/', '/welcome/']"
     />
 
@@ -136,7 +137,7 @@ import { useNavigationStore } from "src/stores/navigation";
 const { isLoggedIn } = storeToRefs(useAuthenticationStore());
 const router = useRouter();
 
-const { createEmptyDraft, validateForReview } = useNewPostDraftsStore();
+const { validateForReview } = useNewPostDraftsStore();
 const { conversationDraft } = storeToRefs(useNewPostDraftsStore());
 
 const { createNewPost } = useBackendPostApi();
@@ -146,6 +147,7 @@ const { handleAxiosErrorStatusCodes } = useCommonApi();
 const showLoginDialog = ref(false);
 const isSubmitButtonLoading = ref(false);
 const currentActiveOpinionIndex = ref(-1);
+const routeGuard = ref<{ unlockRoute: () => void } | undefined>(undefined);
 
 // Validation state
 const opinionErrors = ref<Record<number, string>>({});
@@ -341,14 +343,14 @@ async function onSubmit() {
       // Set navigation context to indicate user came from conversation creation
       navigationStore.setConversationCreationContext(true);
 
+      // Unlock route to prevent "save draft" dialog
+      routeGuard.value?.unlockRoute();
+
       await router.replace({
         name: "/conversation/[postSlugId]",
         params: { postSlugId: response.data.conversationSlugId },
       });
 
-      // Clear draft after navigation to prevent re-render with empty data
-      conversationDraft.value = createEmptyDraft();
-
       // Don't stop loading - let component unmount with loading state active
     } else {
       isSubmitButtonLoading.value = false;