@tipp/ui 2.10.0 → 2.10.2

package/src/app/roleplay/parts/score-summary.tsx

@@ -3,7 +3,8 @@
 import { Box, Card, Flex, Grid, Separator, Typo } from '../../../atoms';
 import type { RpReport } from '../utils/report-parse';
 import type { RpSessionDetailData } from '../types';
-import { SPEECH_OVERTALK_THRESHOLD, type SpeechShare } from '../utils/session-utils';
+import type { SpeechShare } from '../utils/session-utils';
+import { SpeechShareBar } from './speech-share-bar';
 
 export interface ScoreSummaryProps {
   detail: RpSessionDetailData;
@@ -11,60 +12,6 @@ export interface ScoreSummaryProps {
   speechShare: SpeechShare | null;
 }
 
-function SpeechShareBar({ share }: { share: SpeechShare }): React.ReactElement {
-  const isOvertalking = share.userPct > SPEECH_OVERTALK_THRESHOLD;
-  return (
-    <Box>
-      <Flex align="center" justify="between" mb="1">
-        <Typo
-          as="span"
-          style={{
-            fontSize: '0.75rem',
-            color: isOvertalking ? 'var(--red-11)' : 'var(--accent-11)',
-          }}
-          variant="body"
-          weight="medium"
-        >
-          내 발화량 {share.userPct}%
-        </Typo>
-        <Typo
-          as="span"
-          color="gray"
-          style={{ fontSize: '0.75rem' }}
-          variant="body"
-        >
-          상대 {share.partnerPct}%
-        </Typo>
-      </Flex>
-      <Flex
-        style={{
-          height: 6,
-          borderRadius: 'var(--radius-1)',
-          overflow: 'hidden',
-          background: 'var(--gray-4)',
-        }}
-      >
-        <Box
-          style={{
-            width: `${share.userPct}%`,
-            background: isOvertalking ? 'var(--red-9)' : 'var(--accent-9)',
-          }}
-        />
-      </Flex>
-      {isOvertalking ? (
-        <Typo
-          as="p"
-          mt="1"
-          style={{ fontSize: '0.75rem', color: 'var(--red-11)' }}
-          variant="body"
-        >
-          상대의 말을 더 듣고 질문·경청의 비중을 높여 보세요
-        </Typo>
-      ) : null}
-    </Box>
-  );
-}
-
 export function ScoreSummary({
   detail,
   report,
@@ -133,8 +80,8 @@ export function ScoreSummary({
             >
               <Typo
                 as="p"
+                color="amber"
                 mono
-                style={{ color: 'var(--amber-11)' }}
                 variant="body"
                 weight="medium"
               >
@@ -143,7 +90,7 @@ export function ScoreSummary({
               <Box mt="1" style={{ maxWidth: '65ch' }}>
                 <Typo
                   as="p"
-                  style={{ color: 'var(--amber-11)' }}
+                  color="amber"
                   variant="body"
                 >
                   {report.deduction.basis}

package/src/app/roleplay/parts/score-trend-section.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import React, { useMemo } from 'react';
+import { format } from 'date-fns';
 import type { EChartsOption } from 'echarts';
 import { Box, Flex, Heading, Typo } from '../../../atoms';
 import {
@@ -11,7 +12,13 @@ import {
 } from '../../../molecules';
 import { Chart, useTokenColors } from '../chart/session-chart';
 import type { RpSessionHistoryItem } from '../types';
-import { formatDate } from '../utils/session-utils';
+
+// 트렌드 테이블 날짜 셀은 시간 정보 없이 날짜만 표시.
+function formatDateOnly(iso: string): string {
+  const d = new Date(iso);
+  if (Number.isNaN(d.getTime())) return iso;
+  return format(d, 'M/d');
+}
 
 /* ───────────────────────── Section ───────────────────────── */
 
@@ -73,7 +80,7 @@ function AttemptCell({ row }: { row: Row<TrendRow> }): React.ReactElement {
 function DateCell({ row }: { row: Row<TrendRow> }): React.ReactElement {
   return (
     <Typo as="span" mono style={{ color: 'var(--gray-9)' }} variant="body">
-      {formatDate(row.original.createdAt)}
+      {formatDateOnly(row.original.createdAt)}
     </Typo>
   );
 }
@@ -193,32 +200,34 @@ export function ScoreTrendSection({
   const columns = useMemo<ColumnDef<TrendRow>[]>(() => {
     const h = createColumnHelper<TrendRow>();
     return [
+      // autoSize 컬럼에선 size가 최소폭으로 동작(1fr로 늘어남). 모바일(iPhone SE 375px,
+      // 가용 ≈343px)에서 grid 최소폭 합이 화면을 넘지 않도록 작게 잡는다.
       h.display({
         id: 'attempt',
         header: '회차',
-        size: 120,
-        meta: { autoSize: true, align: 'left' },
+        size: 116,
+        meta: { align: 'left' },
         cell: AttemptCell,
       }),
       h.display({
         id: 'date',
         header: '날짜',
-        size: 130,
+        size: 76,
         meta: { align: 'left' },
         cell: DateCell,
       }),
       h.display({
         id: 'score',
         header: '총점',
-        size: 80,
+        size: 64,
         meta: { align: 'right' },
         cell: ScoreCell,
       }),
       h.display({
         id: 'delta',
         header: '변화',
-        size: 80,
-        meta: { align: 'right' },
+        size: 64,
+        meta: { autoSize: true, align: 'left' },
         cell: DeltaCell,
       }),
     ];
@@ -226,7 +235,7 @@ export function ScoreTrendSection({
 
   return (
     <Section
-      desc={`같은 시나리오 최근 ${ordered.length}회차 총점 변화`}
+      desc={`동일 롤플레잉 최근 ${ordered.length}회차 총점 변화`}
       title="총점 추이"
     >
       <Flex direction="column" gap="4">
@@ -246,6 +255,7 @@ export function ScoreTrendSection({
               d.isCurrent ? { background: 'var(--accent-a2)' } : {}
             }
             showPagination={false}
+            slim
             variant="sprite"
           />
         </Box>

package/src/app/roleplay/parts/script-transcript.tsx

@@ -1,12 +1,9 @@
 'use client';
 
 import { Box, Flex, Typo } from '../../../atoms';
-import {
-  formatTimestamp,
-  SPEECH_OVERTALK_THRESHOLD,
-  type SpeechShare,
-} from '../utils/session-utils';
+import { formatTimestamp, type SpeechShare } from '../utils/session-utils';
 import type { RpSessionScriptLine } from '../types';
+import { SpeechShareBar } from './speech-share-bar';
 
 export interface ScriptTranscriptProps {
   lines: RpSessionScriptLine[];
@@ -17,55 +14,6 @@ export interface ScriptTranscriptProps {
   onSeek: (startMs: number) => void;
 }
 
-function SpeechShareBar({ share }: { share: SpeechShare }): React.ReactElement {
-  const isOvertalking = share.userPct > SPEECH_OVERTALK_THRESHOLD;
-  return (
-    <Box>
-      <Flex align="center" justify="between" mb="1">
-        <Typo
-          as="span"
-          style={{
-            fontSize: '0.75rem',
-            color: isOvertalking ? 'var(--red-11)' : 'var(--accent-11)',
-          }}
-          variant="body"
-          weight="medium"
-        >
-          내 발화량 {share.userPct}%
-        </Typo>
-        <Typo as="span" color="gray" style={{ fontSize: '0.75rem' }} variant="body">
-          상대 {share.partnerPct}%
-        </Typo>
-      </Flex>
-      <Flex
-        style={{
-          height: 6,
-          borderRadius: 'var(--radius-1)',
-          overflow: 'hidden',
-          background: 'var(--gray-4)',
-        }}
-      >
-        <Box
-          style={{
-            width: `${share.userPct}%`,
-            background: isOvertalking ? 'var(--red-9)' : 'var(--accent-9)',
-          }}
-        />
-      </Flex>
-      {isOvertalking ? (
-        <Typo
-          as="p"
-          mt="1"
-          style={{ fontSize: '0.75rem', color: 'var(--red-11)' }}
-          variant="body"
-        >
-          상대의 말을 더 듣고 질문·경청의 비중을 높여 보세요
-        </Typo>
-      ) : null}
-    </Box>
-  );
-}
-
 export function ScriptTranscript({
   lines,
   partnerName,
@@ -88,14 +36,13 @@ export function ScriptTranscript({
           <Typo
             as="span"
             color="gray"
-            style={{ fontSize: '0.75rem', flexShrink: 0 }}
-            variant="body"
+            variant="caption"
           >
-            {canSync ? '재생 위치에 맞춰 표시' : '타임라인 비동기'}
+            {canSync ? '' : '타임라인 기능 사용 불가'}
           </Typo>
         </Flex>
         {partnerName ? (
-          <Typo as="p" color="gray" mt="1" style={{ fontSize: '0.75rem' }} variant="body">
+          <Typo as="p" color="gray" mt="1"  variant="body">
             상대 · {partnerName}
           </Typo>
         ) : null}
@@ -142,12 +89,11 @@ export function ScriptTranscript({
                       mono
                       style={{
                         color: isActive ? 'var(--accent-11)' : 'var(--gray-9)',
-                        fontSize: '0.75rem',
                         flexShrink: 0,
                         minWidth: 32,
                         lineHeight: '1.7',
                       }}
-                      variant="body"
+                      variant="caption"
                     >
                       {formatTimestamp(line.startMs)}
                     </Typo>
@@ -156,23 +102,22 @@ export function ScriptTranscript({
                     as="span"
                     style={{
                       color: isUser ? 'var(--accent-11)' : 'var(--gray-11)',
-                      fontSize: '0.8125rem',
                       flexShrink: 0,
                       minWidth: 28,
                       lineHeight: '1.7',
-                      fontWeight: 700,
                       whiteSpace: 'nowrap',
                     }}
                     variant="body"
+                    weight="bold"
                   >
                     {isUser ? '나' : '상대'}
                   </Typo>
                   <Typo
                     as="span"
+                    color="gray"
+                    highContrast={isActive}
                     style={{
-                      fontSize: '0.875rem',
                       lineHeight: '1.7',
-                      color: isActive ? 'var(--gray-12)' : 'var(--gray-11)',
                     }}
                     variant="body"
                     weight={isActive ? 'medium' : undefined}

package/src/app/roleplay/parts/section-nav.tsx

@@ -86,8 +86,9 @@ function StepMetricBadge({ step }: { step: RpReportStep }): React.ReactElement |
     return (
       <Typo
         as="span"
+        color="gray"
         mono
-        style={{ flexShrink: 0, color: 'var(--gray-11)' }}
+        style={{ flexShrink: 0 }}
         variant="body"
         weight="medium"
       >
@@ -262,8 +263,8 @@ export function SectionNav({ items, steps }: SectionNavProps): React.ReactElemen
                             >
                               <Typo
                                 as="span"
+                                color="gray"
                                 mono
-                                style={{ color: 'var(--gray-11)' }}
                                 variant="body"
                                 weight="medium"
                               >

package/src/app/roleplay/parts/speech-share-bar.tsx

@@ -0,0 +1,54 @@
+'use client';
+
+import { Box, Flex, Typo } from '../../../atoms';
+import {
+  SPEECH_OVERTALK_THRESHOLD,
+  type SpeechShare,
+} from '../utils/session-utils';
+
+export function SpeechShareBar({
+  share,
+}: {
+  share: SpeechShare;
+}): React.ReactElement {
+  const isOvertalking = share.userPct > SPEECH_OVERTALK_THRESHOLD;
+  return (
+    <Box>
+      <Flex align="center" justify="between" mb="1">
+        <Typo
+          as="span"
+          style={{
+            color: isOvertalking ? 'var(--red-11)' : 'var(--accent-11)',
+          }}
+          variant="caption"
+          weight="medium"
+        >
+          내 발화량 {share.userPct}%
+        </Typo>
+        <Typo as="span" color="gray" variant="caption">
+          상대 {share.partnerPct}%
+        </Typo>
+      </Flex>
+      <Flex
+        style={{
+          height: 6,
+          borderRadius: 'var(--radius-1)',
+          overflow: 'hidden',
+          background: 'var(--gray-4)',
+        }}
+      >
+        <Box
+          style={{
+            width: `${share.userPct}%`,
+            background: isOvertalking ? 'var(--red-9)' : 'var(--accent-9)',
+          }}
+        />
+      </Flex>
+      {isOvertalking ? (
+        <Typo as="p" color="red" mt="1" variant="caption">
+          상대의 말을 더 듣고 질문·경청의 비중을 높여 보세요
+        </Typo>
+      ) : null}
+    </Box>
+  );
+}

package/src/app/roleplay/parts/step-summary.tsx

@@ -48,9 +48,7 @@ export function StepSummary({ steps }: StepSummaryProps): React.ReactElement | n
   if (steps.length === 0) return null;
 
   const radarReady = steps.every((s) => stepRatio(s) !== null);
-  const desc = radarReady
-    ? '대화 단계별 평가 결과를 레이더로 요약합니다.'
-    : '대화 단계별 평가 결과입니다.';
+  const desc = '대화 단계 별로 나의 강약점을 확인할 수 있어요.';
 
   const list = (
     <Flex direction="column">
@@ -89,8 +87,8 @@ export function StepSummary({ steps }: StepSummaryProps): React.ReactElement | n
                   >
                     <Typo
                       as="span"
+                      color="gray"
                       mono
-                      style={{ color: 'var(--gray-11)' }}
                       variant="body"
                       weight="medium"
                     >

package/dist/chunk-2TOASXPK.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app/roleplay/parts/content.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { Box, Flex, Grid, Heading, Separator, Typo } from '../../../atoms';\nimport type { RpSessionDetailData, RpSessionHistoryItem } from '../types';\nimport type { RpReport } from '../utils/report-parse';\nimport { hasStepSignal } from '../utils/session-utils';\nimport type { SpeechShare } from '../utils/session-utils';\nimport { AnalysisSection, Section } from './analysis-section';\nimport { CoachingPanel } from './coaching-panel';\nimport { ScoreSummary } from './score-summary';\nimport { ScoreTrendSection } from './score-trend-section';\nimport { SectionNav } from './section-nav';\nimport type { SectionNavItem } from './section-nav';\nimport { StepDetail } from './step-detail';\nimport { StepSummary } from './step-summary';\n\nexport interface ContentProps {\n  detail: RpSessionDetailData;\n  report: RpReport;\n  history: RpSessionHistoryItem[];\n  speechShare: SpeechShare | null;\n  scrollMarginTop: string;\n}\n\nexport function Content({\n  detail,\n  report,\n  history,\n  speechShare,\n  scrollMarginTop,\n}: ContentProps): React.ReactElement {\n  const { steps, skills, strengths, improvements } = report;\n  const scoreValue = detail.totalScore ?? report.totalScore;\n\n  const showTrend = history.length > 1;\n  const showStepSummary = steps.length > 0 && steps.some(hasStepSignal);\n  const showStepDetail = steps.length > 0;\n\n  const navItems: SectionNavItem[] = [\n    { id: 'score-summary', label: '종합 점수', score: scoreValue, max: 100 },\n    ...(strengths.length > 0 ? [{ id: 'strengths', label: '강점' }] : []),\n    ...(improvements.length > 0 ? [{ id: 'improvements', label: '개선점' }] : []),\n    ...(showTrend ? [{ id: 'score-trend', label: '총점 추이' }] : []),\n    ...(showStepSummary ? [{ id: 'step-summary', label: '평가 단계 요약' }] : []),\n    ...(showStepDetail ? [{ id: 'step-detail', label: '단계별 상세 분석' }] : []),\n    ...(skills.length > 0 ? [{ id: 'coaching', label: '즉시 적용 스킬' }] : []),\n  ];\n\n  return (\n    <Grid\n      align=\"start\"\n      columns={{ initial: '1', md: 'minmax(0, 1fr) 224px' }}\n      gap=\"7\"\n    >\n      <Flex direction=\"column\" gap=\"7\">\n        {report.frameworkTitle !== null || report.frameworkDescription !== null ? (\n          <Box>\n            {report.frameworkTitle !== null ? (\n              <Heading size=\"5\" weight=\"bold\">\n                {report.frameworkTitle}\n              </Heading>\n            ) : null}\n            {report.frameworkDescription !== null ? (\n              <Box mt={report.frameworkTitle !== null ? '2' : '0'}>\n                <Typo as=\"p\" variant=\"body\">\n                  {report.frameworkDescription}\n                </Typo>\n              </Box>\n            ) : null}\n          </Box>\n        ) : null}\n\n        <Box id=\"score-summary\" style={{ scrollMarginTop }}>\n          <ScoreSummary detail={detail} report={report} speechShare={speechShare} />\n        </Box>\n\n        {strengths.length > 0 ? (\n          <Box id=\"strengths\" style={{ scrollMarginTop }}>\n            <AnalysisSection\n              desc=\"이번 세션에서 잘한 점\"\n              items={strengths}\n              title=\"강점\"\n              tone=\"good\"\n            />\n          </Box>\n        ) : null}\n\n        {improvements.length > 0 ? (\n          <Box id=\"improvements\" style={{ scrollMarginTop }}>\n            <AnalysisSection\n              desc=\"다음 시도에서 보완할 점\"\n              items={improvements}\n              title=\"개선점\"\n              tone=\"bad\"\n            />\n          </Box>\n        ) : null}\n\n        {showTrend ? (\n          <Box id=\"score-trend\" style={{ scrollMarginTop }}>\n            <ScoreTrendSection history={history} />\n          </Box>\n        ) : null}\n\n        {showStepSummary ? (\n          <Box id=\"step-summary\" style={{ scrollMarginTop }}>\n            <StepSummary steps={steps} />\n          </Box>\n        ) : null}\n\n        {showStepDetail ? (\n          <Box id=\"step-detail\" style={{ scrollMarginTop }}>\n            <Section\n              desc=\"대화 프레임워크 단계별 평가 결과입니다.\"\n              title=\"단계별 상세 분석\"\n            >\n              <Flex direction=\"column\">\n                {steps.map((step, i) => (\n                  <Box key={step.key}>\n                    {i > 0 ? (\n                      <Separator\n                        mb=\"6\"\n                        size=\"4\"\n                        style={{ marginTop: 'calc(var(--space-9) * 1.6)' }}\n                      />\n                    ) : null}\n                    <StepDetail scrollMarginTop={scrollMarginTop} step={step} />\n                  </Box>\n                ))}\n              </Flex>\n            </Section>\n          </Box>\n        ) : null}\n\n        {skills.length > 0 ? (\n          <Box id=\"coaching\" style={{ scrollMarginTop }}>\n            <CoachingPanel skills={skills} />\n          </Box>\n        ) : null}\n      </Flex>\n\n      <SectionNav items={navItems} steps={showStepDetail ? steps : []} />\n    </Grid>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-6YIKOYBQ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app/roleplay/parts/score-summary.tsx"],"sourcesContent":["'use client';\n\nimport { Box, Card, Flex, Grid, Separator, Typo } from '../../../atoms';\nimport type { RpReport } from '../utils/report-parse';\nimport type { RpSessionDetailData } from '../types';\nimport { SPEECH_OVERTALK_THRESHOLD, type SpeechShare } from '../utils/session-utils';\n\nexport interface ScoreSummaryProps {\n  detail: RpSessionDetailData;\n  report: RpReport;\n  speechShare: SpeechShare | null;\n}\n\nfunction SpeechShareBar({ share }: { share: SpeechShare }): React.ReactElement {\n  const isOvertalking = share.userPct > SPEECH_OVERTALK_THRESHOLD;\n  return (\n    <Box>\n      <Flex align=\"center\" justify=\"between\" mb=\"1\">\n        <Typo\n          as=\"span\"\n          style={{\n            fontSize: '0.75rem',\n            color: isOvertalking ? 'var(--red-11)' : 'var(--accent-11)',\n          }}\n          variant=\"body\"\n          weight=\"medium\"\n        >\n          내 발화량 {share.userPct}%\n        </Typo>\n        <Typo\n          as=\"span\"\n          color=\"gray\"\n          style={{ fontSize: '0.75rem' }}\n          variant=\"body\"\n        >\n          상대 {share.partnerPct}%\n        </Typo>\n      </Flex>\n      <Flex\n        style={{\n          height: 6,\n          borderRadius: 'var(--radius-1)',\n          overflow: 'hidden',\n          background: 'var(--gray-4)',\n        }}\n      >\n        <Box\n          style={{\n            width: `${share.userPct}%`,\n            background: isOvertalking ? 'var(--red-9)' : 'var(--accent-9)',\n          }}\n        />\n      </Flex>\n      {isOvertalking ? (\n        <Typo\n          as=\"p\"\n          mt=\"1\"\n          style={{ fontSize: '0.75rem', color: 'var(--red-11)' }}\n          variant=\"body\"\n        >\n          상대의 말을 더 듣고 질문·경청의 비중을 높여 보세요\n        </Typo>\n      ) : null}\n    </Box>\n  );\n}\n\nexport function ScoreSummary({\n  detail,\n  report,\n  speechShare,\n}: ScoreSummaryProps): React.ReactElement {\n  const scoreValue = detail.totalScore ?? report.totalScore;\n  const comment = report.comment;\n\n  return (\n    <Grid\n      align=\"start\"\n      columns={comment ? { initial: '1', md: 'minmax(0, 240px) 1fr' } : '1'}\n      gap=\"5\"\n    >\n      <Card variant=\"surface\">\n        <Flex align=\"center\" direction=\"column\" gap=\"2\" py=\"3\">\n          <Typo as=\"p\" color=\"gray\" variant=\"body\" weight=\"medium\">\n            종합 점수\n          </Typo>\n          <Flex align=\"baseline\" gap=\"1\">\n            <Typo\n              as=\"span\"\n              mono\n              style={{\n                color: 'var(--gray-12)',\n                fontSize: '3.75rem',\n                lineHeight: 1.1,\n              }}\n              weight=\"bold\"\n            >\n              {scoreValue ?? '—'}\n            </Typo>\n            <Typo as=\"span\" color=\"gray\" mono variant=\"subtitle\">\n              /100\n            </Typo>\n          </Flex>\n        </Flex>\n        {speechShare ? (\n          <>\n            <Separator my=\"3\" size=\"4\" />\n            <SpeechShareBar share={speechShare} />\n          </>\n        ) : null}\n      </Card>\n\n      {comment ? (\n        <Flex direction=\"column\" gap=\"3\">\n          <Typo as=\"p\" variant=\"body\" weight=\"medium\">\n            종합 분석\n          </Typo>\n          <Box style={{ maxWidth: '65ch' }}>\n            <Typo as=\"p\" variant=\"body\">\n              {comment}\n            </Typo>\n          </Box>\n          {report.deduction ? (\n            <Box\n              pl=\"3\"\n              pr=\"3\"\n              py=\"2\"\n              style={{\n                borderLeft: '2px solid var(--amber-a6)',\n                background: 'var(--amber-a2)',\n                borderRadius: 'var(--radius-2)',\n              }}\n            >\n              <Typo\n                as=\"p\"\n                mono\n                style={{ color: 'var(--amber-11)' }}\n                variant=\"body\"\n                weight=\"medium\"\n              >\n                감점 {report.deduction.score}점\n              </Typo>\n              <Box mt=\"1\" style={{ maxWidth: '65ch' }}>\n                <Typo\n                  as=\"p\"\n                  style={{ color: 'var(--amber-11)' }}\n                  variant=\"body\"\n                >\n                  {report.deduction.basis}\n                </Typo>\n              </Box>\n            </Box>\n          ) : null}\n        </Flex>\n      ) : null}\n    </Grid>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-EBFQFOUQ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app/roleplay/parts/step-summary.tsx"],"sourcesContent":["'use client';\n\nimport { Box, Flex, Grid, Progress, Separator, Typo } from '../../../atoms';\nimport type { RpReportStep } from '../utils/report-parse';\nimport {\n  stepCode,\n  stepColor,\n  stepGradeLabel,\n  stepRatio,\n  stepScoreText,\n  stepVars,\n} from '../utils/session-utils';\nimport { StepRadar } from './step-radar';\n\nexport interface StepSummaryProps {\n  steps: RpReportStep[];\n}\n\nfunction Section({\n  title,\n  desc,\n  children,\n}: {\n  title: string;\n  desc?: string;\n  children: React.ReactNode;\n}): React.ReactElement {\n  return (\n    <section>\n      <Box mb=\"3\">\n        <Typo as=\"p\" variant=\"subtitle\" weight=\"bold\">\n          {title}\n        </Typo>\n        {desc ? (\n          <Box mt=\"1\" style={{ maxWidth: '65ch' }}>\n            <Typo as=\"p\" color=\"gray\" variant=\"body\">\n              {desc}\n            </Typo>\n          </Box>\n        ) : null}\n      </Box>\n      {children}\n    </section>\n  );\n}\n\nexport function StepSummary({ steps }: StepSummaryProps): React.ReactElement | null {\n  if (steps.length === 0) return null;\n\n  const radarReady = steps.every((s) => stepRatio(s) !== null);\n  const desc = radarReady\n    ? '대화 단계별 평가 결과를 레이더로 요약합니다.'\n    : '대화 단계별 평가 결과입니다.';\n\n  const list = (\n    <Flex direction=\"column\">\n      {steps.map((step, i) => {\n        const ratio = stepRatio(step);\n        const scoreText = stepScoreText(step);\n        const gradeLabel = stepGradeLabel(step);\n        return (\n          <Box key={step.key}>\n            {i > 0 && <Separator size=\"4\" />}\n            <button\n              className=\"rp-rubric-scroll-btn\"\n              onClick={() => {\n                document\n                  .getElementById(`step-${step.key}`)\n                  ?.scrollIntoView({ behavior: 'smooth', block: 'start' });\n              }}\n              style={{\n                padding: 'var(--space-2) 0',\n                background: 'none',\n                border: 'none',\n                cursor: 'pointer',\n                width: '100%',\n                textAlign: 'left',\n              }}\n              type=\"button\"\n            >\n              <Flex direction=\"column\" gap=\"1\">\n                <Flex align=\"center\" gap=\"2\" justify=\"between\">\n                  <Typo\n                    as=\"span\"\n                    style={{ minWidth: 0 }}\n                    truncate\n                    variant=\"body\"\n                    weight=\"medium\"\n                  >\n                    <Typo\n                      as=\"span\"\n                      mono\n                      style={{ color: 'var(--gray-11)' }}\n                      variant=\"body\"\n                      weight=\"medium\"\n                    >\n                      {stepCode(step)}\n                    </Typo>{' '}\n                    {step.label}\n                  </Typo>\n                  <Flex align=\"center\" gap=\"2\" style={{ flexShrink: 0 }}>\n                    {scoreText !== null ? (\n                      <Typo as=\"span\" mono variant=\"body\" weight=\"bold\">\n                        {scoreText}\n                      </Typo>\n                    ) : null}\n                    {gradeLabel !== null ? (\n                      <Typo\n                        as=\"span\"\n                        mono\n                        style={{ color: stepVars(step).fg }}\n                        variant=\"body\"\n                        weight=\"medium\"\n                      >\n                        {gradeLabel}\n                      </Typo>\n                    ) : null}\n                  </Flex>\n                </Flex>\n                {ratio !== null ? (\n                  <Box style={{ flex: 1 }}>\n                    <Progress color={stepColor(step)} size=\"1\" value={ratio * 100} />\n                  </Box>\n                ) : null}\n              </Flex>\n            </button>\n          </Box>\n        );\n      })}\n    </Flex>\n  );\n\n  return (\n    <Section desc={desc} title=\"평가 단계 요약\">\n      {radarReady ? (\n        <Grid\n          align=\"center\"\n          columns={{ initial: '1', md: 'minmax(260px, 1fr) 280px' }}\n          gap=\"6\"\n        >\n          {list}\n          <StepRadar steps={steps} />\n        </Grid>\n      ) : (\n        list\n      )}\n    </Section>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-EHDUKUML.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app/roleplay/parts/script-transcript.tsx"],"sourcesContent":["'use client';\n\nimport { Box, Flex, Typo } from '../../../atoms';\nimport {\n  formatTimestamp,\n  SPEECH_OVERTALK_THRESHOLD,\n  type SpeechShare,\n} from '../utils/session-utils';\nimport type { RpSessionScriptLine } from '../types';\n\nexport interface ScriptTranscriptProps {\n  lines: RpSessionScriptLine[];\n  partnerName: string | null;\n  speechShare: SpeechShare | null;\n  canSync: boolean;\n  currentMs: number;\n  onSeek: (startMs: number) => void;\n}\n\nfunction SpeechShareBar({ share }: { share: SpeechShare }): React.ReactElement {\n  const isOvertalking = share.userPct > SPEECH_OVERTALK_THRESHOLD;\n  return (\n    <Box>\n      <Flex align=\"center\" justify=\"between\" mb=\"1\">\n        <Typo\n          as=\"span\"\n          style={{\n            fontSize: '0.75rem',\n            color: isOvertalking ? 'var(--red-11)' : 'var(--accent-11)',\n          }}\n          variant=\"body\"\n          weight=\"medium\"\n        >\n          내 발화량 {share.userPct}%\n        </Typo>\n        <Typo as=\"span\" color=\"gray\" style={{ fontSize: '0.75rem' }} variant=\"body\">\n          상대 {share.partnerPct}%\n        </Typo>\n      </Flex>\n      <Flex\n        style={{\n          height: 6,\n          borderRadius: 'var(--radius-1)',\n          overflow: 'hidden',\n          background: 'var(--gray-4)',\n        }}\n      >\n        <Box\n          style={{\n            width: `${share.userPct}%`,\n            background: isOvertalking ? 'var(--red-9)' : 'var(--accent-9)',\n          }}\n        />\n      </Flex>\n      {isOvertalking ? (\n        <Typo\n          as=\"p\"\n          mt=\"1\"\n          style={{ fontSize: '0.75rem', color: 'var(--red-11)' }}\n          variant=\"body\"\n        >\n          상대의 말을 더 듣고 질문·경청의 비중을 높여 보세요\n        </Typo>\n      ) : null}\n    </Box>\n  );\n}\n\nexport function ScriptTranscript({\n  lines,\n  partnerName,\n  speechShare,\n  canSync,\n  currentMs,\n  onSeek,\n}: ScriptTranscriptProps): React.ReactElement {\n  const activeIndex = canSync\n    ? lines.reduce((acc, line, i) => (line.startMs <= currentMs ? i : acc), -1)\n    : -1;\n\n  return (\n    <Flex direction=\"column\" gap=\"2\" style={{ minWidth: 0 }}>\n      <Box>\n        <Flex align=\"center\" gap=\"2\" justify=\"between\">\n          <Typo as=\"span\" variant=\"body\" weight=\"bold\">\n            대화 스크립트\n          </Typo>\n          <Typo\n            as=\"span\"\n            color=\"gray\"\n            style={{ fontSize: '0.75rem', flexShrink: 0 }}\n            variant=\"body\"\n          >\n            {canSync ? '재생 위치에 맞춰 표시' : '타임라인 비동기'}\n          </Typo>\n        </Flex>\n        {partnerName ? (\n          <Typo as=\"p\" color=\"gray\" mt=\"1\" style={{ fontSize: '0.75rem' }} variant=\"body\">\n            상대 · {partnerName}\n          </Typo>\n        ) : null}\n        {speechShare ? (\n          <Box mt=\"2\">\n            <SpeechShareBar share={speechShare} />\n          </Box>\n        ) : null}\n      </Box>\n\n      {lines.length === 0 ? (\n        <Typo as=\"p\" color=\"gray\" variant=\"body\">\n          대화 스크립트가 없습니다.\n        </Typo>\n      ) : (\n        <Box style={{ maxHeight: 440, overflowY: 'auto' }}>\n          <Flex direction=\"column\" gap=\"1\">\n            {lines.map((line, i) => {\n              const isUser = line.speaker === 'user';\n              const isActive = i === activeIndex;\n              return (\n                <Flex\n                  align=\"start\"\n                  gap=\"3\"\n                  key={`${line.startMs}-${line.speaker}`}\n                  onClick={\n                    canSync\n                      ? () => {\n                          onSeek(line.startMs);\n                        }\n                      : undefined\n                  }\n                  px=\"2\"\n                  py=\"2\"\n                  style={{\n                    cursor: canSync ? 'pointer' : 'default',\n                    borderRadius: 'var(--radius-2)',\n                    background: isActive ? 'var(--accent-a3)' : 'transparent',\n                  }}\n                >\n                  {canSync ? (\n                    <Typo\n                      as=\"span\"\n                      mono\n                      style={{\n                        color: isActive ? 'var(--accent-11)' : 'var(--gray-9)',\n                        fontSize: '0.75rem',\n                        flexShrink: 0,\n                        minWidth: 32,\n                        lineHeight: '1.7',\n                      }}\n                      variant=\"body\"\n                    >\n                      {formatTimestamp(line.startMs)}\n                    </Typo>\n                  ) : null}\n                  <Typo\n                    as=\"span\"\n                    style={{\n                      color: isUser ? 'var(--accent-11)' : 'var(--gray-11)',\n                      fontSize: '0.8125rem',\n                      flexShrink: 0,\n                      minWidth: 28,\n                      lineHeight: '1.7',\n                      fontWeight: 700,\n                      whiteSpace: 'nowrap',\n                    }}\n                    variant=\"body\"\n                  >\n                    {isUser ? '나' : '상대'}\n                  </Typo>\n                  <Typo\n                    as=\"span\"\n                    style={{\n                      fontSize: '0.875rem',\n                      lineHeight: '1.7',\n                      color: isActive ? 'var(--gray-12)' : 'var(--gray-11)',\n                    }}\n                    variant=\"body\"\n                    weight={isActive ? 'medium' : undefined}\n                  >\n                    {line.text}\n                  </Typo>\n                </Flex>\n              );\n            })}\n          </Flex>\n        </Box>\n      )}\n    </Flex>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-NKW6BO5R.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app/roleplay/parts/section-nav.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\nimport { Box, Flex, Progress, Typo } from '../../../atoms';\nimport type { RpReportStep } from '../utils/report-parse';\nimport {\n  stepCode,\n  stepColor,\n  stepGradeLabel,\n  stepRatio,\n  stepScoreText,\n  stepVars,\n} from '../utils/session-utils';\n\nexport interface SectionNavItem {\n  id: string;\n  label: string;\n  score?: number | null;\n  max?: number;\n}\n\nexport interface SectionNavProps {\n  items: SectionNavItem[];\n  steps: RpReportStep[];\n}\n\nconst NAV_ICONS: Record<string, React.ReactNode> = {\n  'score-summary': (\n    <>\n      <path d=\"m12 14 4-4\" />\n      <path d=\"M3.34 19a10 10 0 1 1 17.32 0\" />\n    </>\n  ),\n  strengths: (\n    <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" />\n  ),\n  improvements: (\n    <>\n      <circle cx=\"12\" cy=\"12\" r=\"9\" />\n      <circle cx=\"12\" cy=\"12\" r=\"5\" />\n      <circle cx=\"12\" cy=\"12\" r=\"1.5\" />\n    </>\n  ),\n  'score-trend': (\n    <>\n      <path d=\"M3 3v18h18\" />\n      <path d=\"m19 8-5 5-4-4-4 4\" />\n    </>\n  ),\n  'step-summary': (\n    <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\" />\n  ),\n  'step-detail': (\n    <>\n      <line x1=\"8\" x2=\"21\" y1=\"6\" y2=\"6\" />\n      <line x1=\"8\" x2=\"21\" y1=\"12\" y2=\"12\" />\n      <line x1=\"8\" x2=\"21\" y1=\"18\" y2=\"18\" />\n      <path d=\"M3 6h.01M3 12h.01M3 18h.01\" />\n    </>\n  ),\n  coaching: <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\" />,\n};\n\nfunction NavIcon({ children }: { children: React.ReactNode }): React.ReactElement {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      fill=\"none\"\n      height=\"13\"\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth=\"1.8\"\n      style={{ flexShrink: 0 }}\n      viewBox=\"0 0 24 24\"\n      width=\"13\"\n    >\n      {children}\n    </svg>\n  );\n}\n\nfunction StepMetricBadge({ step }: { step: RpReportStep }): React.ReactElement | null {\n  const scoreText = stepScoreText(step);\n  if (scoreText !== null) {\n    return (\n      <Typo\n        as=\"span\"\n        mono\n        style={{ flexShrink: 0, color: 'var(--gray-11)' }}\n        variant=\"body\"\n        weight=\"medium\"\n      >\n        {scoreText}\n      </Typo>\n    );\n  }\n  const gradeLabel = stepGradeLabel(step);\n  if (gradeLabel !== null) {\n    return (\n      <Typo\n        as=\"span\"\n        mono\n        style={{ flexShrink: 0, color: stepVars(step).fg }}\n        variant=\"body\"\n        weight=\"medium\"\n      >\n        {gradeLabel}\n      </Typo>\n    );\n  }\n  return null;\n}\n\nfunction useScrollSpy(ids: string[]): string | null {\n  const [activeId, setActiveId] = useState<string | null>(null);\n  const watchKey = ids.join(',');\n\n  useEffect(() => {\n    const els = ids\n      .map((id) => document.getElementById(id))\n      .filter((el): el is HTMLElement => el !== null);\n    if (els.length === 0) return;\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        const visible = entries\n          .filter((e) => e.isIntersecting)\n          .sort((a, b) => a.boundingClientRect.top - b.boundingClientRect.top);\n        if (visible[0]) setActiveId(visible[0].target.id);\n      },\n      { rootMargin: '0px 0px -72% 0px', threshold: 0 }\n    );\n    els.forEach((el) => {\n      observer.observe(el);\n    });\n    return () => {\n      observer.disconnect();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- watchKey가 ids 변경을 대표한다\n  }, [watchKey]);\n\n  return activeId;\n}\n\nfunction scrollToId(id: string): void {\n  document.getElementById(id)?.scrollIntoView({ behavior: 'smooth', block: 'start' });\n}\n\nexport function SectionNav({ items, steps }: SectionNavProps): React.ReactElement {\n  const activeId = useScrollSpy(items.map((i) => i.id));\n  const stepDetailActive = activeId === 'step-summary' || activeId === 'step-detail';\n\n  return (\n    <Box asChild className=\"rp-section-nav\">\n      <aside>\n        <Box>\n          <Typo\n            as=\"p\"\n            color=\"gray\"\n            style={{\n              paddingLeft: 'calc(var(--space-3) + 2px)',\n              paddingBottom: 'var(--space-1)',\n            }}\n            variant=\"body\"\n            weight=\"medium\"\n          >\n            목차\n          </Typo>\n          <Box asChild>\n            <ul style={{ listStyle: 'none', margin: 0, padding: 0 }}>\n              {items.map((item) => {\n                const active = activeId === item.id;\n                return (\n                  <li key={item.id}>\n                    <button\n                      aria-current={active ? 'true' : undefined}\n                      className=\"rp-nav-btn\"\n                      onClick={() => {\n                        scrollToId(item.id);\n                      }}\n                      style={\n                        active\n                          ? {\n                              borderLeftColor: 'var(--accent-9)',\n                              background: 'var(--accent-a2)',\n                            }\n                          : undefined\n                      }\n                      type=\"button\"\n                    >\n                      <Flex align=\"center\" gap=\"2\" style={{ minWidth: 0 }}>\n                        {NAV_ICONS[item.id] ? (\n                          <NavIcon>{NAV_ICONS[item.id]}</NavIcon>\n                        ) : null}\n                        <Typo\n                          as=\"span\"\n                          truncate\n                          variant=\"body\"\n                          weight={active ? 'medium' : 'regular'}\n                        >\n                          {item.label}\n                        </Typo>\n                      </Flex>\n                      {typeof item.score === 'number' ? (\n                        <Typo as=\"span\" mono style={{ flexShrink: 0 }} variant=\"body\">\n                          <Typo\n                            as=\"span\"\n                            style={{\n                              color: active ? 'var(--gray-12)' : 'var(--gray-11)',\n                            }}\n                            variant=\"body\"\n                            weight=\"medium\"\n                          >\n                            {item.score}\n                          </Typo>\n                          <Typo as=\"span\" style={{ color: 'var(--gray-9)' }} variant=\"body\">\n                            /{item.max}\n                          </Typo>\n                        </Typo>\n                      ) : null}\n                    </button>\n                  </li>\n                );\n              })}\n            </ul>\n          </Box>\n\n          {steps.length > 0 && (\n            <Box mt=\"3\" pt=\"3\" style={{ borderTop: '1px solid var(--gray-4)' }}>\n              <Box pb=\"1\" px=\"3\">\n                <Typo\n                  as=\"span\"\n                  style={{\n                    color: stepDetailActive ? 'var(--gray-12)' : 'var(--gray-10)',\n                  }}\n                  variant=\"body\"\n                  weight=\"medium\"\n                >\n                  단계별 점수\n                </Typo>\n              </Box>\n              <Box asChild>\n                <ul style={{ listStyle: 'none', margin: 0, padding: 0 }}>\n                  {steps.map((step) => {\n                    const ratio = stepRatio(step);\n                    return (\n                      <li key={step.key}>\n                        <button\n                          className=\"rp-jump-btn\"\n                          onClick={() => {\n                            scrollToId(`step-${step.key}`);\n                          }}\n                          type=\"button\"\n                        >\n                          <Flex align=\"center\" gap=\"2\" justify=\"between\">\n                            <Typo\n                              as=\"span\"\n                              style={{ minWidth: 0 }}\n                              truncate\n                              variant=\"body\"\n                            >\n                              <Typo\n                                as=\"span\"\n                                mono\n                                style={{ color: 'var(--gray-11)' }}\n                                variant=\"body\"\n                                weight=\"medium\"\n                              >\n                                {stepCode(step)}\n                              </Typo>{' '}\n                              <Typo\n                                as=\"span\"\n                                style={{ color: 'var(--gray-9)' }}\n                                variant=\"body\"\n                              >\n                                {step.label}\n                              </Typo>\n                            </Typo>\n                            <StepMetricBadge step={step} />\n                          </Flex>\n                          {ratio !== null ? (\n                            <Box mt=\"1\">\n                              <Progress color={stepColor(step)} size=\"1\" value={ratio * 100} />\n                            </Box>\n                          ) : null}\n                        </button>\n                      </li>\n                    );\n                  })}\n                </ul>\n              </Box>\n            </Box>\n          )}\n        </Box>\n      </aside>\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-QMAINJ4G.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app/roleplay/parts/header.tsx"],"sourcesContent":["'use client';\n\nimport { Badge, Box, Button, Flex, Heading, Typo } from '../../../atoms';\nimport type { RpSessionDetailData } from '../types';\nimport { formatDate, formatDuration, statusLabelOf } from '../utils/session-utils';\n\nexport interface HeaderProps {\n  detail: RpSessionDetailData;\n  hasScript: boolean;\n  onOpenReplay: () => void;\n  onResolveMediaUrl?: (\n    rawUrl: string,\n    options: { disposition: 'inline' | 'attachment' }\n  ) => string | Promise<string>;\n}\n\nfunction PdfIcon(): React.ReactElement {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      fill=\"none\"\n      height=\"13\"\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth=\"2\"\n      viewBox=\"0 0 24 24\"\n      width=\"13\"\n    >\n      <path d=\"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z\" />\n      <path d=\"M14 3v5h5\" />\n      <path d=\"M12 12v5\" />\n      <path d=\"M9.5 14.5 12 17l2.5-2.5\" />\n    </svg>\n  );\n}\n\nfunction VideoIcon(): React.ReactElement {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      fill=\"none\"\n      height=\"13\"\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth=\"2\"\n      viewBox=\"0 0 24 24\"\n      width=\"13\"\n    >\n      <rect height=\"12\" rx=\"2\" width=\"13\" x=\"2\" y=\"6\" />\n      <path d=\"m15 10 6-3v10l-6-3z\" />\n    </svg>\n  );\n}\n\nexport function Header({\n  detail,\n  hasScript,\n  onOpenReplay,\n  onResolveMediaUrl,\n}: HeaderProps): React.ReactElement {\n  const pdfHref = detail.trainingLogURL;\n  const hasReplayMedia = Boolean(\n    detail.trainingVideoURL || detail.trainingAudioURL\n  );\n\n  const handlePdfClick = (): void => {\n    if (!pdfHref || !onResolveMediaUrl) return;\n    void Promise.resolve(\n      onResolveMediaUrl(pdfHref, { disposition: 'attachment' })\n    ).then((url) => {\n      window.open(url, '_blank');\n    });\n  };\n\n  const replayActive = hasScript && hasReplayMedia;\n\n  return (\n    <Box>\n      <Flex\n        align={{ md: 'start' }}\n        direction={{ initial: 'column', md: 'row' }}\n        gap=\"4\"\n        justify=\"between\"\n      >\n        <Box style={{ minWidth: 0 }}>\n          <Flex align=\"center\" gap=\"2\" mb=\"2\" wrap=\"wrap\">\n            <Badge color=\"neutral\" size=\"small\" variant=\"soft\">\n              {statusLabelOf(detail.status)}\n            </Badge>\n            <Typo as=\"span\" style={{ color: 'var(--gray-11)' }} variant=\"body\">\n              {detail.trainingSessionNum}회차\n              {detail.characterTitle ? ` · ${detail.characterTitle}` : ''}\n            </Typo>\n          </Flex>\n          <Heading\n            size={{ initial: '5', md: '7' }}\n            style={{ textWrap: 'balance' }}\n            weight=\"bold\"\n          >\n            {detail.scenarioTitle ?? '롤플레잉 세션'}\n          </Heading>\n          <Typo as=\"p\" color=\"gray\" mono mt=\"1\" variant=\"body\">\n            {formatDate(detail.createdAt)} · {formatDuration(detail.trainingTime)}\n          </Typo>\n        </Box>\n        <Flex\n          gap=\"2\"\n          justify={{ initial: 'start', md: 'end' }}\n          style={{ flexShrink: 0 }}\n          wrap=\"wrap\"\n        >\n          {onResolveMediaUrl ? (\n            <Button\n              color=\"gray\"\n              disabled={!pdfHref}\n              onClick={pdfHref ? handlePdfClick : undefined}\n              size={{ initial: 'small', md: 'medium' }}\n              title={pdfHref ? undefined : '산출물 없음'}\n              type=\"button\"\n              variant=\"outline\"\n            >\n              <PdfIcon />\n              <span style={{ whiteSpace: 'nowrap' }}>PDF 다운로드</span>\n            </Button>\n          ) : (\n            <Button\n              asChild={Boolean(pdfHref)}\n              color=\"gray\"\n              disabled={!pdfHref}\n              size={{ initial: 'small', md: 'medium' }}\n              title={pdfHref ? undefined : '산출물 없음'}\n              type=\"button\"\n              variant=\"outline\"\n            >\n              {pdfHref ? (\n                <a href={pdfHref} rel=\"noopener noreferrer\" target=\"_blank\">\n                  <PdfIcon />\n                  <span style={{ whiteSpace: 'nowrap' }}>PDF 다운로드</span>\n                </a>\n              ) : (\n                <span>\n                  <PdfIcon />\n                  <span style={{ whiteSpace: 'nowrap' }}>PDF 다운로드</span>\n                </span>\n              )}\n            </Button>\n          )}\n          {hasScript ? (\n            <Button\n              color=\"gray\"\n              disabled={!replayActive}\n              onClick={onOpenReplay}\n              size={{ initial: 'small', md: 'medium' }}\n              title={replayActive ? undefined : '다시보기 없음'}\n              type=\"button\"\n              variant=\"outline\"\n            >\n              <VideoIcon />\n              <span style={{ whiteSpace: 'nowrap' }}>영상</span>\n            </Button>\n          ) : null}\n        </Flex>\n      </Flex>\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-XM4GWPXC.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app/roleplay/parts/score-trend-section.tsx"],"sourcesContent":["'use client';\n\nimport React, { useMemo } from 'react';\nimport type { EChartsOption } from 'echarts';\nimport { Box, Flex, Heading, Typo } from '../../../atoms';\nimport {\n  ExpandTable,\n  createColumnHelper,\n  type ColumnDef,\n  type Row,\n} from '../../../molecules';\nimport { Chart, useTokenColors } from '../chart/session-chart';\nimport type { RpSessionHistoryItem } from '../types';\nimport { formatDate } from '../utils/session-utils';\n\n/* ───────────────────────── Section ───────────────────────── */\n\nexport function Section({\n  title,\n  desc,\n  children,\n}: {\n  title: string;\n  desc?: string;\n  children: React.ReactNode;\n}): React.ReactElement {\n  return (\n    <section>\n      <Box mb=\"3\">\n        <Heading\n          size={{ initial: '4', md: '5' }}\n          style={{ textWrap: 'balance' }}\n          weight=\"bold\"\n        >\n          {title}\n        </Heading>\n        {desc ? (\n          <Box mt=\"1\" style={{ maxWidth: '65ch' }}>\n            <Typo as=\"p\" color=\"gray\" variant=\"body\">\n              {desc}\n            </Typo>\n          </Box>\n        ) : null}\n      </Box>\n      {children}\n    </section>\n  );\n}\n\n/* ───────────────────────── 타입 ───────────────────────── */\n\ntype TrendRow = RpSessionHistoryItem & {\n  delta: number | null;\n  isCurrent: boolean;\n};\n\n/* ───────────────────────── 테이블 셀 컴포넌트 ───────────────────────── */\n\nfunction AttemptCell({ row }: { row: Row<TrendRow> }): React.ReactElement {\n  const d = row.original;\n  return (\n    <Typo\n      as=\"span\"\n      style={{ color: d.isCurrent ? 'var(--gray-12)' : 'var(--gray-11)' }}\n      variant=\"body\"\n      weight={d.isCurrent ? 'bold' : 'regular'}\n    >\n      {d.trainingSessionNum}회차{d.isCurrent ? ' (현재)' : null}\n    </Typo>\n  );\n}\n\nfunction DateCell({ row }: { row: Row<TrendRow> }): React.ReactElement {\n  return (\n    <Typo as=\"span\" mono style={{ color: 'var(--gray-9)' }} variant=\"body\">\n      {formatDate(row.original.createdAt)}\n    </Typo>\n  );\n}\n\nfunction ScoreCell({ row }: { row: Row<TrendRow> }): React.ReactElement {\n  return (\n    <Typo\n      as=\"span\"\n      mono\n      variant=\"body\"\n      weight={row.original.isCurrent ? 'bold' : 'regular'}\n    >\n      {row.original.totalScore ?? '—'}\n    </Typo>\n  );\n}\n\nfunction DeltaCell({ row }: { row: Row<TrendRow> }): React.ReactElement {\n  const { delta } = row.original;\n  if (delta === null) {\n    return (\n      <Typo as=\"span\" mono style={{ color: 'var(--gray-9)' }} variant=\"body\">\n        —\n      </Typo>\n    );\n  }\n  return (\n    <Typo as=\"span\" mono style={{ color: 'var(--gray-9)' }} variant=\"body\">\n      {delta > 0 ? `+${delta}` : `${delta}`}\n    </Typo>\n  );\n}\n\n/* ───────────────────────── ScoreTrendSection ───────────────────────── */\n\nexport interface ScoreTrendSectionProps {\n  history: RpSessionHistoryItem[];\n}\n\nexport function ScoreTrendSection({\n  history,\n}: ScoreTrendSectionProps): React.ReactElement {\n  const { colors, probe } = useTokenColors({\n    accent: ['--accent-9', '#5b5bd6'],\n    accentText: ['--accent-11', '#5753c6'],\n    grid: ['--gray-5', '#e0e0e0'],\n    gridSoft: ['--gray-4', '#e8e8e8'],\n    muted: ['--gray-9', '#8d8d8d'],\n  });\n\n  // 총점 없는 회차 제외, 회차 오름차순 정렬, 최근 5회차로 한정\n  const ordered = useMemo(\n    () =>\n      [...history]\n        .filter((e) => e.totalScore !== null)\n        .sort((a, b) => a.trainingSessionNum - b.trainingSessionNum)\n        .slice(-5),\n    [history],\n  );\n\n  const scores = ordered.map((e) => e.totalScore ?? 0);\n  const minScore = Math.max(0, Math.min(...scores) - 10);\n  const maxScore = Math.min(100, Math.max(...scores) + 10);\n  const labels = ordered.map((e) => `${e.trainingSessionNum}회차`);\n  const lastIndex = ordered.length - 1;\n\n  const option: EChartsOption = {\n    tooltip: { trigger: 'axis', valueFormatter: (v) => `${String(v)}점` },\n    grid: { left: 36, right: 16, top: 20, bottom: 24, containLabel: false },\n    xAxis: {\n      type: 'category',\n      data: labels,\n      boundaryGap: true,\n      axisLine: { lineStyle: { color: colors.grid } },\n      axisTick: { show: false },\n      axisLabel: { color: colors.muted, fontSize: 10 }, // ds-allow: chart-lib\n    },\n    yAxis: {\n      type: 'value',\n      min: minScore,\n      max: maxScore,\n      splitLine: { lineStyle: { color: colors.gridSoft } },\n      axisLabel: { color: colors.muted, fontSize: 10 }, // ds-allow: chart-lib\n    },\n    series: [\n      {\n        type: 'line',\n        data: scores,\n        smooth: false,\n        showSymbol: true,\n        symbol: 'circle',\n        symbolSize: 6,\n        lineStyle: { color: colors.accent, width: 2 },\n        itemStyle: { color: colors.accent },\n        label: {\n          show: true,\n          position: 'top',\n          color: colors.accentText,\n          fontSize: 10, // ds-allow: chart-lib\n          fontWeight: 'bold', // ds-allow: chart-lib\n          formatter: (p) => (p.dataIndex === lastIndex ? String(p.value) : ''),\n        },\n      },\n    ],\n  };\n\n  const rows: TrendRow[] = ordered.map((e, i) => {\n    const prev = i > 0 ? (ordered[i - 1].totalScore ?? null) : null;\n    return {\n      ...e,\n      delta:\n        prev !== null && e.totalScore !== null ? e.totalScore - prev : null,\n      isCurrent: i === ordered.length - 1,\n    };\n  });\n\n  const columns = useMemo<ColumnDef<TrendRow>[]>(() => {\n    const h = createColumnHelper<TrendRow>();\n    return [\n      h.display({\n        id: 'attempt',\n        header: '회차',\n        size: 120,\n        meta: { autoSize: true, align: 'left' },\n        cell: AttemptCell,\n      }),\n      h.display({\n        id: 'date',\n        header: '날짜',\n        size: 130,\n        meta: { align: 'left' },\n        cell: DateCell,\n      }),\n      h.display({\n        id: 'score',\n        header: '총점',\n        size: 80,\n        meta: { align: 'right' },\n        cell: ScoreCell,\n      }),\n      h.display({\n        id: 'delta',\n        header: '변화',\n        size: 80,\n        meta: { align: 'right' },\n        cell: DeltaCell,\n      }),\n    ];\n  }, []);\n\n  return (\n    <Section\n      desc={`같은 시나리오 최근 ${ordered.length}회차 총점 변화`}\n      title=\"총점 추이\"\n    >\n      <Flex direction=\"column\" gap=\"4\">\n        <div\n          aria-label=\"총점 추이 라인 차트\"\n          role=\"img\"\n          style={{ position: 'relative', width: '100%', height: 200 }}\n        >\n          {probe}\n          <Chart option={option} />\n        </div>\n        <Box className=\"rp-expand-table\">\n          <ExpandTable\n            columns={columns}\n            data={rows}\n            getRowStyle={(d: TrendRow) =>\n              d.isCurrent ? { background: 'var(--accent-a2)' } : {}\n            }\n            showPagination={false}\n            variant=\"sprite\"\n          />\n        </Box>\n      </Flex>\n    </Section>\n  );\n}\n"],"mappings":"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","names":[]}