yunchan/vignette
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

동의 게이트와 런타임 안정화

Browse source
This commit is contained in:
Yun Chan 2026-06-27 17:22:38 +09:00
parent 0eb7d925ed
commit 0ec266a761
34 changed files with 1186 additions and 158 deletions
Download patch file Download diff file Expand all files Collapse all files

85
apps/web/src/pages/Professor.tsx
View file

@ -290,23 +290,23 @@ export default function Professor() {
const kpis = useMemo(
() => [
{
label: "학습자",
value: dashboard?.total_learners ?? 0,
hint: "담당 코호트",
icon: "users" as const,
label: "검토 대기",
value: dashboard?.pending_reviews.length ?? 0,
hint: "종료 회기",
icon: "review" as const,
},
{
label: "진행 중",
value: dashboard?.active_sessions ?? 0,
hint: "열린 회기",
icon: "play" as const,
},
{
label: "종료",
value: dashboard?.ended_sessions ?? 0,
hint: "저장 완료",
label: "페르소나 검수",
value: personaReviews.length,
hint: "승인 대기",
icon: "check" as const,
},
{
label: "최근 세션",
value: dashboard?.recent_sessions.length ?? 0,
hint: "종료 · 진행",
icon: "play" as const,
},
{
label: "위기 알림",
value: dashboard?.safety_alerts.length ?? 0,
@ -314,13 +314,19 @@ export default function Professor() {
icon: "alert" as const,
},
{
label: "리뷰 대기",
value: dashboard?.pending_reviews.length ?? 0,
hint: "교수자 확인",
icon: "review" as const,
label: "전체 학생",
value: dashboard?.total_learners ?? 0,
hint: "담당 코호트",
icon: "users" as const,
},
{
label: "활성 세션",
value: dashboard?.active_sessions ?? 0,
hint: "진행 중",
icon: "play" as const,
},
],
[dashboard],
[dashboard, personaReviews.length],
);
const pendingCount = dashboard?.pending_reviews.length ?? 0;
const hasPending = pendingCount > 0;
@ -430,7 +436,7 @@ export default function Professor() {
<section className="pf-workspace">
<div className="pf-queue-stack">
<section className="pf-section">
<section className="pf-section pf-section--draft">
<div className="pf-section__head">
<div>
<Kicker>페르소나 저작</Kicker>
@ -494,7 +500,7 @@ export default function Professor() {
</Card>
</section>
<section className="pf-section">
<section className="pf-section pf-section--persona">
<div className="pf-section__head">
<div>
<Kicker>페르소나 검수</Kicker>
@ -591,7 +597,7 @@ export default function Professor() {
</Card>
</section>
<section className="pf-section">
<section className="pf-section pf-section--safety">
<div className="pf-section__head">
<div>
<Kicker>위기 알림</Kicker>
@ -618,7 +624,7 @@ export default function Professor() {
</Card>
</section>
<section className="pf-section">
<section className="pf-section pf-section--pending">
<div className="pf-section__head">
<div>
<Kicker>검토 대기</Kicker>
@ -831,11 +837,11 @@ function SafetyAlertRow({ alert }: { alert: TeacherSafetyAlert }) {
const PF_CSS = `
.pf-root{
max-width:var(--maxw);
max-width:1280px;
margin:0 auto;
display:flex;
flex-direction:column;
gap:18px;
gap:16px;
}
.pf-head{
display:flex;
@ -853,19 +859,20 @@ const PF_CSS = `
}
.pf-head p{
margin:6px 0 0;
max-width:680px;
max-width:760px;
color:var(--text-body);
font-size:var(--fs-xs);
line-height:1.55;
}
.pf-signal-strip{
order:1;
display:grid;
grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);
gap:12px;
grid-template-columns:1fr;
gap:0;
min-width:0;
}
.pf-triage{
display:grid;
display:none;
grid-template-columns:auto minmax(0,1fr) auto;
align-items:center;
gap:12px;
@ -933,7 +940,7 @@ const PF_CSS = `
}
.pf-kpis{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
grid-template-columns:repeat(6,minmax(0,1fr));
border:1px solid var(--hair);
border-radius:var(--radius);
overflow:hidden;
@ -943,13 +950,13 @@ const PF_CSS = `
.pf-kpi{
position:relative;
min-width:0;
padding:11px 12px;
padding:14px 16px;
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:4px 10px;
}
.pf-kpi:nth-child(n+2){border-left:1px solid var(--hair);}
.pf-kpi:nth-child(n+4){border-top:1px solid var(--hair);}
.pf-kpi:nth-child(n+4){border-top:0;}
.pf-kpi__ic{
grid-column:2;
grid-row:1 / span 3;
@ -971,7 +978,7 @@ const PF_CSS = `
display:block;
color:var(--text-strong);
font-family:var(--font-num);
font-size:23px;
font-size:24px;
line-height:1;
}
.pf-kpi small{
@ -980,8 +987,9 @@ const PF_CSS = `
line-height:1.35;
}
.pf-workspace{
order:2;
display:grid;
grid-template-columns:minmax(330px,380px) minmax(0,1fr);
grid-template-columns:minmax(320px,390px) minmax(0,1fr);
align-items:start;
gap:14px;
min-width:0;
@ -1073,8 +1081,13 @@ const PF_CSS = `
min-width:84px;
}
.pf-section--growth{
order:3;
min-width:0;
}
.pf-section--pending{order:1;}
.pf-section--persona{order:2;}
.pf-section--safety{order:3;}
.pf-section--draft{order:4;}
.pf-growth-panel{
background:linear-gradient(180deg,var(--bg-surface),color-mix(in srgb,var(--accent-tint) 18%,var(--bg-surface)));
}
@ -1576,11 +1589,11 @@ const PF_CSS = `
.pf-session__meta{justify-content:flex-start;}
}
@media (max-width:520px){
.pf-kpis{grid-template-columns:1fr;}
.pf-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}
.pf-kpi,
.pf-kpi:nth-child(even),
.pf-kpi + .pf-kpi{border-left:0;}
.pf-kpi + .pf-kpi{border-top:1px solid var(--hair);}
.pf-kpi:nth-child(even){border-left:1px solid var(--hair);}
.pf-kpi:nth-child(n+3){border-top:1px solid var(--hair);}
.pf-persona__actions{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));