feat : 6 astra improve it

components/public/structured-guide.tsx

@@ -30,7 +30,6 @@ import { TeamArtifactIcon, TeamSearch } from "@/components/public/team-search";
 import { GuideImageExport } from "@/components/public/guide-image-export";
 import { ExportText } from "@/components/public/export-language";
 import { WeaponImageExport } from "@/components/public/weapon-image-export";
-import { WeaponChart } from "@/components/public/weapon-chart";
 import { WeaponDisplayMode, WeaponDisplayModeProvider } from "@/components/public/weapon-display-mode";
 import { ArtifactImageExport } from "@/components/public/artifact-image-export";
 import { GuideExportBranding } from "@/components/public/guide-export-branding";
@@ -217,8 +216,8 @@ function GuideOverview({
             alt={`ไกด์ ${guide.name}`}
             fill
             sizes="(min-width: 1280px) 600px, (min-width: 1024px) calc(50vw - 44px), calc(100vw - 32px)"
-            quality={100}
-            priority
+            quality={75}
+            fetchPriority="high"
             className="object-cover"
           />
         </div>
@@ -456,14 +455,14 @@ function WeaponSectionContent({
           ) : <span />}
           {showExportActions ? (
             <WeaponImageExport
-              guide={guide}
+              guide={{ name: guide.name, coverUrl: guide.coverUrl, character: { name: guide.character.name, splashImageUrl: guide.character.splashImageUrl } }}
               group={group}
               conditionIndex={groupIndex}
             />
           ) : null}
         </div>
         {group.note ? <p className="whitespace-pre-wrap text-muted-foreground">{group.note}</p> : null}
-        <WeaponDisplayMode exporting={exporting} chart={!exporting ? <WeaponChart rows={group.rows} /> : null}>
+        <WeaponDisplayMode exporting={exporting} rows={group.rows}>
         <div
           className={cn("grid gap-3", useCompactExportGrid && "grid-cols-2")}
         >