현재 작업 상태 저장

apps/web/src/pages/AvatarPreview.tsx

@@ -38,25 +38,40 @@ const PREVIEW_EXPRS: AvatarExpression[] = [
 ];
 
 export default function AvatarPreview() {
+  const rig = typeof window === "undefined" ? "" : new URLSearchParams(window.location.search).get("rig");
+  const previewPersona: AvatarPersona = {
+    ...SEOYEON,
+    rasterArtSet:
+      rig === "psb"
+        ? "seoyeon-live2d-psb"
+        : rig === "v3"
+          ? "seoyeon-live2d-v3"
+          : SEOYEON.rasterArtSet,
+  };
+
   return (
-    <div className="ap" data-avatar-preview="true">
+    <div
+      className="ap"
+      data-avatar-preview="true"
+      data-avatar-rig={rig === "psb" ? "psb" : rig === "v3" ? "v3" : "safe"}
+    >
       <header className="ap__head">
         <h1>서연 아바타 미리보기 (raster / Live2D식)</h1>
         <p>imagegen gpt-image-2 + BiRefNet 컷아웃 레이어 합성. 호흡·깜빡임·시선 모션 확인.</p>
       </header>
 
       <section className="ap__hero">
-        <ClientAvatar persona={SEOYEON} state="speaking" affect="sad" size={220} />
-        <ClientAvatar persona={SEOYEON} state="idle" affect="sad" size={220} />
-        <ClientAvatar persona={SEOYEON} state="listening" affect="warm" size={220} />
-        <ClientAvatar persona={SEOYEON} state="thinking" affect="anxious" size={220} />
+        <ClientAvatar persona={previewPersona} state="speaking" affect="sad" size={220} />
+        <ClientAvatar persona={previewPersona} state="idle" affect="sad" size={220} />
+        <ClientAvatar persona={previewPersona} state="listening" affect="warm" size={220} />
+        <ClientAvatar persona={previewPersona} state="thinking" affect="anxious" size={220} />
       </section>
 
       <section className="ap__grid">
         {PREVIEW_EXPRS.map((expr) => (
           <figure className="ap__cell" key={expr}>
             <ClientAvatar
-              persona={SEOYEON}
+              persona={previewPersona}
               state="idle"
               affect={expr}
               size={150}