대시보드 폴드아웃/드릴다운 정리 + 페르소나 역린·misconduct 반응 + 게이트웨이 격리·RAG 비차단 수정
SSOT 대시보드:
- 한신대 기술분석 PDF(19쪽) 정합성 분석 + 이번 세션 발견 섹션 추가
- 섹션 폴드아웃(접기)·상단 목차(드릴다운)·모두 펼치기/접기 — 내용 보존, 레이아웃만 정리
페르소나 반응 강화('저항·반응 조절' 핵심 차별):
- PersonaCard.triggers(역린) 필드 + CCD 핵심상처 파생 역린 블록
- L0에 무례·모욕·조롱 시 현실적 동맹 균열 반응 지침
버그·성능 수정(라이브/E2E로 포착):
- 게이트웨이 페르소나 격리: --append-system-prompt를 --system-prompt(교체)로 + --exclude-dynamic-system-prompt-sections (내담자 캐릭터 붕괴·개발맥락 누출 차단)
- RAG: 임베더 동기 로드(약 7-13초)를 _warm_rag_caches 백그라운드 warm으로(세션 생성 블로킹 회귀 수정)
- voice TTS RMS 데드힌트 제거, init_state OpennessParams 파라미터객체화
- 한국어 PII(날짜·금액·주소) 마스킹 보강
- 레이아웃 시각 게이트: 폼 컨트롤 값 스크롤 오탐 제외(7/7)
검증: 백엔드 84/84, E2E 42(데스크톱 27·모바일 11·아바타 4), 시각 게이트 7/7
This commit is contained in:
Yun Chan
parent
cb2aebd76c
commit
085460b5e0
327 changed files with 31226 additions and 1829 deletions
164
apps/web/src/pages/AvatarExpressionLab.tsx
Normal file
164
apps/web/src/pages/AvatarExpressionLab.tsx
Normal file
|
|
@ -0,0 +1,164 @@
|
|||
import { AppShell } from "../components/shell/AppShell";
|
||||
import { Kicker } from "../components/ui";
|
||||
import {
|
||||
AVATAR_EXPRESSION_LIBRARY,
|
||||
ClientAvatar,
|
||||
type AvatarExpression,
|
||||
type AvatarPersona,
|
||||
} from "../components/avatar/ClientAvatar";
|
||||
import {
|
||||
PERSONA_LIVE2D_MODELS,
|
||||
live2dModel3Path,
|
||||
live2dMotionForExpression,
|
||||
type Live2DPersonaCode,
|
||||
type Live2DPersonaModel,
|
||||
} from "../components/avatar/live2dModel";
|
||||
import "./avatar-expression-lab.css";
|
||||
|
||||
const PERSONA_CODES = ["P4", "P5", "P6", "P7"] as const satisfies readonly Live2DPersonaCode[];
|
||||
|
||||
function avatarFromModel(model: Live2DPersonaModel): AvatarPersona {
|
||||
return {
|
||||
code: model.personaCode,
|
||||
label: model.displayName,
|
||||
ageBand: "teen",
|
||||
skinTone: model.art.skinTone,
|
||||
hair: { style: model.art.hairStyle, color: model.art.hairColor },
|
||||
outfitColor: model.art.outfitColor,
|
||||
eyeColor: "#2B2B2B",
|
||||
accentColor: model.art.accentColor,
|
||||
realism: 0.4,
|
||||
resistance: model.personaCode === "P7" ? 0.68 : model.personaCode === "P4" ? 0.3 : 0.45,
|
||||
expressionBias: model.defaultExpression,
|
||||
};
|
||||
}
|
||||
|
||||
function expressionTone(expression: AvatarExpression): string {
|
||||
return AVATAR_EXPRESSION_LIBRARY.find((item) => item.id === expression)?.group ?? "cognitive";
|
||||
}
|
||||
|
||||
export default function AvatarExpressionLab() {
|
||||
const models = PERSONA_CODES.map((code) => PERSONA_LIVE2D_MODELS[code]);
|
||||
const expressionCount = AVATAR_EXPRESSION_LIBRARY.length;
|
||||
const renderedAvatarCount = models.length * expressionCount;
|
||||
|
||||
return (
|
||||
<AppShell contextLabel="Live2D QA">
|
||||
<div
|
||||
className="axl"
|
||||
data-avatar-expression-lab="true"
|
||||
data-persona-count={models.length}
|
||||
data-expression-count={expressionCount}
|
||||
data-rendered-avatar-count={renderedAvatarCount}
|
||||
>
|
||||
<header className="axl__head">
|
||||
<Kicker dot>Live2D persona rig</Kicker>
|
||||
<div>
|
||||
<h1>Persona expression board</h1>
|
||||
<p>
|
||||
P4-P7 first-party avatar models render every expression motion from the shared
|
||||
library.
|
||||
</p>
|
||||
</div>
|
||||
<div className="axl__stats" aria-label="Live2D expression coverage">
|
||||
<span>
|
||||
<b>{models.length}</b>
|
||||
personas
|
||||
</span>
|
||||
<span>
|
||||
<b>{expressionCount}</b>
|
||||
expressions
|
||||
</span>
|
||||
<span>
|
||||
<b>{renderedAvatarCount}</b>
|
||||
previews
|
||||
</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div className="axl__stack">
|
||||
{models.map((model) => {
|
||||
const persona = avatarFromModel(model);
|
||||
const modelPath = live2dModel3Path(model);
|
||||
|
||||
return (
|
||||
<section
|
||||
className="axl__persona"
|
||||
data-persona-expression-panel="true"
|
||||
data-persona-code={model.personaCode}
|
||||
data-live2d-model={model.modelId}
|
||||
data-live2d-model-url={modelPath}
|
||||
data-expression-count={model.expressions.length}
|
||||
key={model.personaCode}
|
||||
>
|
||||
<div className="axl__persona-head">
|
||||
<ClientAvatar
|
||||
persona={persona}
|
||||
state="idle"
|
||||
affect={model.defaultExpression}
|
||||
size={132}
|
||||
animated={false}
|
||||
/>
|
||||
<div className="axl__persona-title">
|
||||
<Kicker dot={false}>{model.personaCode}</Kicker>
|
||||
<h2>{model.displayName}</h2>
|
||||
<dl>
|
||||
<div>
|
||||
<dt>model</dt>
|
||||
<dd>{model.modelId}</dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt>model3</dt>
|
||||
<dd>{modelPath}</dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt>default</dt>
|
||||
<dd>{model.defaultExpression}</dd>
|
||||
</div>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="axl__grid" role="list" aria-label={`${model.personaCode} expressions`}>
|
||||
{AVATAR_EXPRESSION_LIBRARY.map((expression) => {
|
||||
const motion = live2dMotionForExpression(model, expression.id);
|
||||
const tone = expressionTone(expression.id);
|
||||
|
||||
return (
|
||||
<article
|
||||
className={`axl__card axl__card--${tone}`}
|
||||
data-expression-card="true"
|
||||
data-expression={expression.id}
|
||||
data-expression-group={tone}
|
||||
data-motion-file={motion.file}
|
||||
data-fade-in-ms={motion.fadeInMs}
|
||||
data-duration-ms={motion.durationMs}
|
||||
key={expression.id}
|
||||
role="listitem"
|
||||
>
|
||||
<ClientAvatar
|
||||
persona={persona}
|
||||
state="idle"
|
||||
affect={expression.id}
|
||||
size={104}
|
||||
animated={false}
|
||||
showCaption={false}
|
||||
showMeta={false}
|
||||
/>
|
||||
<div className="axl__card-meta">
|
||||
<b>{expression.label}</b>
|
||||
<span>{expression.id}</span>
|
||||
<small>{motion.file}</small>
|
||||
</div>
|
||||
</article>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
</div>
|
||||
</AppShell>
|
||||
);
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue