feat : dont conflit with other editor

app/admin/[character]/[page]/page.tsx

@@ -92,6 +92,7 @@ export default async function StructuredEditorPage({
           extras={extraSections.map(({ id, slug, title }) => ({ id, slug, title }))}
         />
         <GuideSectionEditor
+          key={`${editorSection}:${extraSection?.id ?? "fixed"}:${guide.version}`}
           section={editorSection}
           extraSectionId={extraSection?.id}
           guide={guide}

app/admin/[character]/page.tsx

@@ -54,7 +54,7 @@ export default async function GuideOverviewPage({ params }: { params: Promise<{
           <GuideVisibilityControl guideId={guide.id} guideName={guide.name} isPublic={guide.isPublic} />
         </header>
         <GuideSectionNav guideId={guide.id} characterKey={guide.characterKey} current="overview" extras={extras} />
-        <GuideOverviewForm guide={guide} />
+        <GuideOverviewForm key={guide.version} guide={guide} />
         <div className="grid gap-4 md:grid-cols-2">
           {sections.map(({ slug, title, description }) => (
             <Link key={slug} href={`/admin/${guide.characterKey}/${slug}`} prefetch={false} className="rounded-xl outline-none focus-visible:ring-2 focus-visible:ring-ring">

app/admin/page.tsx

@@ -3,6 +3,7 @@ import { connection } from "next/server";
 
 import { StructuredDashboard } from "@/components/admin/structured-dashboard";
 import { AdminHeader } from "@/components/admin/admin-header";
+import { LiveRefresh } from "@/components/live-refresh";
 import { getAdminSession } from "@/lib/auth/server";
 import { getCurrentCatalogVersion } from "@/lib/catalog/sync";
 import { listGuideCards } from "@/lib/guides/queries";
@@ -19,6 +20,7 @@ export default async function AdminPage() {
   ]);
   return (
     <div className="min-h-svh">
+      <LiveRefresh endpoint="/api/events/admin" />
       <AdminHeader />
       <main className="mx-auto flex w-full max-w-7xl flex-col gap-8 p-4 sm:p-6 lg:p-8">
         <header>