@tipp/ui 2.10.1 → 2.10.2

package/dist/{chunk-YHP75Y5K.js.map → chunk-RZW6FVML.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/app/roleplay/parts/score-trend-section.tsx"],"sourcesContent":["'use client';\n\nimport React, { useMemo } from 'react';\nimport { format } from 'date-fns';\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';\n\n// 트렌드 테이블 날짜 셀은 시간 정보 없이 날짜만 표시.\nfunction formatDateOnly(iso: string): string {\n  const d = new Date(iso);\n  if (Number.isNaN(d.getTime())) return iso;\n  return format(d, 'M/d');\n}\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      {formatDateOnly(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      // autoSize 컬럼에선 size가 최소폭으로 동작(1fr로 늘어남). 모바일(iPhone SE 375px,\n      // 가용 ≈343px)에서 grid 최소폭 합이 화면을 넘지 않도록 작게 잡는다.\n      h.display({\n        id: 'attempt',\n        header: '회차',\n        size: 116,\n        meta: { align: 'left' },\n        cell: AttemptCell,\n      }),\n      h.display({\n        id: 'date',\n        header: '날짜',\n        size: 76,\n        meta: { align: 'left' },\n        cell: DateCell,\n      }),\n      h.display({\n        id: 'score',\n        header: '총점',\n        size: 64,\n        meta: { align: 'right' },\n        cell: ScoreCell,\n      }),\n      h.display({\n        id: 'delta',\n        header: '변화',\n        size: 64,\n        meta: { autoSize: true, align: 'left' },\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            slim\n            variant=\"sprite\"\n          />\n        </Box>\n      </Flex>\n    </Section>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/app/roleplay/parts/score-trend-section.tsx"],"sourcesContent":["'use client';\n\nimport React, { useMemo } from 'react';\nimport { format } from 'date-fns';\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';\n\n// 트렌드 테이블 날짜 셀은 시간 정보 없이 날짜만 표시.\nfunction formatDateOnly(iso: string): string {\n  const d = new Date(iso);\n  if (Number.isNaN(d.getTime())) return iso;\n  return format(d, 'M/d');\n}\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      {formatDateOnly(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      // autoSize 컬럼에선 size가 최소폭으로 동작(1fr로 늘어남). 모바일(iPhone SE 375px,\n      // 가용 ≈343px)에서 grid 최소폭 합이 화면을 넘지 않도록 작게 잡는다.\n      h.display({\n        id: 'attempt',\n        header: '회차',\n        size: 116,\n        meta: { align: 'left' },\n        cell: AttemptCell,\n      }),\n      h.display({\n        id: 'date',\n        header: '날짜',\n        size: 76,\n        meta: { align: 'left' },\n        cell: DateCell,\n      }),\n      h.display({\n        id: 'score',\n        header: '총점',\n        size: 64,\n        meta: { align: 'right' },\n        cell: ScoreCell,\n      }),\n      h.display({\n        id: 'delta',\n        header: '변화',\n        size: 64,\n        meta: { autoSize: true, align: 'left' },\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            slim\n            variant=\"sprite\"\n          />\n        </Box>\n      </Flex>\n    </Section>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-ZE36DFOC.js → chunk-SZAU7YP3.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-TFJJKM3W.js";
 import {
   Header
-} from "./chunk-QMAINJ4G.js";
+} from "./chunk-VM2PEQLQ.js";
 import {
   SessionReplayDialog
-} from "./chunk-3UGBMKSQ.js";
+} from "./chunk-AS3JVRQ3.js";
 import {
   Content
-} from "./chunk-32WIS4L7.js";
+} from "./chunk-MD64AUR6.js";
 import {
   computeSpeechShare
 } from "./chunk-4YAA25AV.js";
@@ -139,4 +139,4 @@ function RpSessionDetail({
 export {
   RpSessionDetail
 };
-//# sourceMappingURL=chunk-ZE36DFOC.js.map
+//# sourceMappingURL=chunk-SZAU7YP3.js.map

package/dist/{chunk-O332K3SW.js → chunk-UK3LP7VH.js}

@@ -1,6 +1,6 @@
 import {
   CurriculumReviewSteps_default
-} from "./chunk-LRNO4W2P.js";
+} from "./chunk-NSDVLCCW.js";
 import {
   useCurriculumContext
 } from "./chunk-WA5A2GB4.js";
@@ -193,4 +193,4 @@ var curriculum_review_default = CurriculumReview;
 export {
   curriculum_review_default
 };
-//# sourceMappingURL=chunk-O332K3SW.js.map
+//# sourceMappingURL=chunk-UK3LP7VH.js.map

package/dist/{chunk-QMAINJ4G.js → chunk-VM2PEQLQ.js}

@@ -97,7 +97,7 @@ function Header({
         /* @__PURE__ */ jsxs(Box, { style: { minWidth: 0 }, children: [
           /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", mb: "2", wrap: "wrap", children: [
             /* @__PURE__ */ jsx(Badge, { color: "neutral", size: "small", variant: "soft", children: statusLabelOf(detail.status) }),
-            /* @__PURE__ */ jsxs(Typo, { as: "span", style: { color: "var(--gray-11)" }, variant: "body", children: [
+            /* @__PURE__ */ jsxs(Typo, { as: "span", color: "gray", variant: "body", children: [
               detail.trainingSessionNum,
               "\uD68C\uCC28",
               detail.characterTitle ? ` \xB7 ${detail.characterTitle}` : ""
@@ -187,4 +187,4 @@ function Header({
 export {
   Header
 };
-//# sourceMappingURL=chunk-QMAINJ4G.js.map
+//# sourceMappingURL=chunk-VM2PEQLQ.js.map

package/dist/chunk-VM2PEQLQ.js.map

@@ -0,0 +1 @@
+{"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\" color=\"gray\" 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-W72CR2TG.js

@@ -0,0 +1,71 @@
+import {
+  SPEECH_OVERTALK_THRESHOLD
+} from "./chunk-4YAA25AV.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Typo
+} from "./chunk-L4QQGIYQ.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+
+// src/app/roleplay/parts/speech-share-bar.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function SpeechShareBar({
+  share
+}) {
+  const isOvertalking = share.userPct > SPEECH_OVERTALK_THRESHOLD;
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", mb: "1", children: [
+      /* @__PURE__ */ jsxs(
+        Typo,
+        {
+          as: "span",
+          style: {
+            color: isOvertalking ? "var(--red-11)" : "var(--accent-11)"
+          },
+          variant: "caption",
+          weight: "medium",
+          children: [
+            "\uB0B4 \uBC1C\uD654\uB7C9 ",
+            share.userPct,
+            "%"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(Typo, { as: "span", color: "gray", variant: "caption", children: [
+        "\uC0C1\uB300 ",
+        share.partnerPct,
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      Flex,
+      {
+        style: {
+          height: 6,
+          borderRadius: "var(--radius-1)",
+          overflow: "hidden",
+          background: "var(--gray-4)"
+        },
+        children: /* @__PURE__ */ jsx(
+          Box,
+          {
+            style: {
+              width: `${share.userPct}%`,
+              background: isOvertalking ? "var(--red-9)" : "var(--accent-9)"
+            }
+          }
+        )
+      }
+    ),
+    isOvertalking ? /* @__PURE__ */ jsx(Typo, { as: "p", color: "red", mt: "1", variant: "caption", children: "\uC0C1\uB300\uC758 \uB9D0\uC744 \uB354 \uB4E3\uACE0 \uC9C8\uBB38\xB7\uACBD\uCCAD\uC758 \uBE44\uC911\uC744 \uB192\uC5EC \uBCF4\uC138\uC694" }) : null
+  ] });
+}
+
+export {
+  SpeechShareBar
+};
+//# sourceMappingURL=chunk-W72CR2TG.js.map

package/dist/chunk-W72CR2TG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/roleplay/parts/speech-share-bar.tsx"],"sourcesContent":["'use client';\n\nimport { Box, Flex, Typo } from '../../../atoms';\nimport {\n  SPEECH_OVERTALK_THRESHOLD,\n  type SpeechShare,\n} from '../utils/session-utils';\n\nexport function SpeechShareBar({\n  share,\n}: {\n  share: SpeechShare;\n}): 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            color: isOvertalking ? 'var(--red-11)' : 'var(--accent-11)',\n          }}\n          variant=\"caption\"\n          weight=\"medium\"\n        >\n          내 발화량 {share.userPct}%\n        </Typo>\n        <Typo as=\"span\" color=\"gray\" variant=\"caption\">\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 as=\"p\" color=\"red\" mt=\"1\" variant=\"caption\">\n          상대의 말을 더 듣고 질문·경청의 비중을 높여 보세요\n        </Typo>\n      ) : null}\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAiBQ,SAsBA,KAtBA;AATD,SAAS,eAAe;AAAA,EAC7B;AACF,GAEuB;AACrB,QAAM,gBAAgB,MAAM,UAAU;AACtC,SACE,qBAAC,OACC;AAAA,yBAAC,QAAK,OAAM,UAAS,SAAQ,WAAU,IAAG,KACxC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH,OAAO;AAAA,YACL,OAAO,gBAAgB,kBAAkB;AAAA,UAC3C;AAAA,UACA,SAAQ;AAAA,UACR,QAAO;AAAA,UACR;AAAA;AAAA,YACQ,MAAM;AAAA,YAAQ;AAAA;AAAA;AAAA,MACvB;AAAA,MACA,qBAAC,QAAK,IAAG,QAAO,OAAM,QAAO,SAAQ,WAAU;AAAA;AAAA,QACzC,MAAM;AAAA,QAAW;AAAA,SACvB;AAAA,OACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,UAAU;AAAA,UACV,YAAY;AAAA,QACd;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,OAAO,GAAG,MAAM,OAAO;AAAA,cACvB,YAAY,gBAAgB,iBAAiB;AAAA,YAC/C;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IACC,gBACC,oBAAC,QAAK,IAAG,KAAI,OAAM,OAAM,IAAG,KAAI,SAAQ,WAAU,uJAElD,IACE;AAAA,KACN;AAEJ;","names":[]}

package/dist/{chunk-EBFQFOUQ.js → chunk-WVY3C64M.js}

@@ -46,7 +46,7 @@ function Section({
 function StepSummary({ steps }) {
   if (steps.length === 0) return null;
   const radarReady = steps.every((s) => stepRatio(s) !== null);
-  const desc = radarReady ? "\uB300\uD654 \uB2E8\uACC4\uBCC4 \uD3C9\uAC00 \uACB0\uACFC\uB97C \uB808\uC774\uB354\uB85C \uC694\uC57D\uD569\uB2C8\uB2E4." : "\uB300\uD654 \uB2E8\uACC4\uBCC4 \uD3C9\uAC00 \uACB0\uACFC\uC785\uB2C8\uB2E4.";
+  const desc = "\uB300\uD654 \uB2E8\uACC4 \uBCC4\uB85C \uB098\uC758 \uAC15\uC57D\uC810\uC744 \uD655\uC778\uD560 \uC218 \uC788\uC5B4\uC694.";
   const list = /* @__PURE__ */ jsx(Flex, { direction: "column", children: steps.map((step, i) => {
     const ratio = stepRatio(step);
     const scoreText = stepScoreText(step);
@@ -85,8 +85,8 @@ function StepSummary({ steps }) {
                       Typo,
                       {
                         as: "span",
+                        color: "gray",
                         mono: true,
-                        style: { color: "var(--gray-11)" },
                         variant: "body",
                         weight: "medium",
                         children: stepCode(step)
@@ -135,4 +135,4 @@ function StepSummary({ steps }) {
 export {
   StepSummary
 };
-//# sourceMappingURL=chunk-EBFQFOUQ.js.map
+//# sourceMappingURL=chunk-WVY3C64M.js.map

package/dist/chunk-WVY3C64M.js.map

@@ -0,0 +1 @@
+{"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 = '대화 단계 별로 나의 강약점을 확인할 수 있어요.';\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                      color=\"gray\"\n                      mono\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-SOKGYD5B.js → chunk-YFR3HXSV.js}

@@ -1,6 +1,6 @@
 import {
   review_question_body_default
-} from "./chunk-U2EAXN3Y.js";
+} from "./chunk-A32HLL53.js";
 import {
   review_question_footer_default
 } from "./chunk-GE4M5GOQ.js";
@@ -60,4 +60,4 @@ var ReviewQuestion_default = ReviewQuestion;
 export {
   ReviewQuestion_default
 };
-//# sourceMappingURL=chunk-SOKGYD5B.js.map
+//# sourceMappingURL=chunk-YFR3HXSV.js.map

package/dist/index.js

@@ -74,7 +74,8 @@ import "./chunk-SYMOHU2B.js";
 import "./chunk-AS7ID74X.js";
 import {
   CurriculumBody
-} from "./chunk-N242VJOP.js";
+} from "./chunk-IIZ7I7NS.js";
+import "./chunk-KFUBWOCN.js";
 import {
   CurriculumSidebar
 } from "./chunk-RRC4WFG3.js";
@@ -85,22 +86,21 @@ import "./chunk-QLOYGKKM.js";
 import "./chunk-S4MEMFKG.js";
 import "./chunk-K4RZTENM.js";
 import "./chunk-UXH2XIB2.js";
-import "./chunk-O332K3SW.js";
-import "./chunk-LRNO4W2P.js";
-import "./chunk-LK2H4QTJ.js";
-import "./chunk-SOKGYD5B.js";
-import "./chunk-U2EAXN3Y.js";
+import "./chunk-UK3LP7VH.js";
+import "./chunk-NSDVLCCW.js";
+import "./chunk-YFR3HXSV.js";
+import "./chunk-A32HLL53.js";
+import "./chunk-ZGTGEBQX.js";
 import "./chunk-WLKK5L3P.js";
 import "./chunk-GE4M5GOQ.js";
 import "./chunk-G3KQN32M.js";
 import "./chunk-VK6INFSB.js";
 import "./chunk-CGLDFUOY.js";
 import "./chunk-OUDDTPEN.js";
-import "./chunk-ZGTGEBQX.js";
 import "./chunk-SINRU2A6.js";
 import "./chunk-NVRVOTWZ.js";
+import "./chunk-LK2H4QTJ.js";
 import "./chunk-GMKRNFH5.js";
-import "./chunk-KFUBWOCN.js";
 import {
   CurriculumSubNav
 } from "./chunk-XWHBJY5V.js";

package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/index.js

@@ -1,14 +1,14 @@
 import {
   ReviewQuestion_default
-} from "../../../../../chunk-SOKGYD5B.js";
-import "../../../../../chunk-U2EAXN3Y.js";
+} from "../../../../../chunk-YFR3HXSV.js";
+import "../../../../../chunk-A32HLL53.js";
+import "../../../../../chunk-ZGTGEBQX.js";
 import "../../../../../chunk-WLKK5L3P.js";
 import "../../../../../chunk-GE4M5GOQ.js";
 import "../../../../../chunk-G3KQN32M.js";
 import "../../../../../chunk-VK6INFSB.js";
 import "../../../../../chunk-CGLDFUOY.js";
 import "../../../../../chunk-OUDDTPEN.js";
-import "../../../../../chunk-ZGTGEBQX.js";
 import "../../../../../chunk-SINRU2A6.js";
 import "../../../../../chunk-GMKRNFH5.js";
 import "../../../../../chunk-2ISIAPFS.js";

package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-body.js

@@ -1,10 +1,10 @@
 import {
   review_question_body_default
-} from "../../../../../chunk-U2EAXN3Y.js";
+} from "../../../../../chunk-A32HLL53.js";
+import "../../../../../chunk-ZGTGEBQX.js";
 import "../../../../../chunk-WLKK5L3P.js";
 import "../../../../../chunk-CGLDFUOY.js";
 import "../../../../../chunk-OUDDTPEN.js";
-import "../../../../../chunk-ZGTGEBQX.js";
 import "../../../../../chunk-SINRU2A6.js";
 import "../../../../../chunk-2ISIAPFS.js";
 import "../../../../../chunk-EZN5PMTC.js";

package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.js

@@ -1,18 +1,18 @@
 import {
   CurriculumReviewSteps_default
-} from "../../../../chunk-LRNO4W2P.js";
-import "../../../../chunk-LK2H4QTJ.js";
-import "../../../../chunk-SOKGYD5B.js";
-import "../../../../chunk-U2EAXN3Y.js";
+} from "../../../../chunk-NSDVLCCW.js";
+import "../../../../chunk-YFR3HXSV.js";
+import "../../../../chunk-A32HLL53.js";
+import "../../../../chunk-ZGTGEBQX.js";
 import "../../../../chunk-WLKK5L3P.js";
 import "../../../../chunk-GE4M5GOQ.js";
 import "../../../../chunk-G3KQN32M.js";
 import "../../../../chunk-VK6INFSB.js";
 import "../../../../chunk-CGLDFUOY.js";
 import "../../../../chunk-OUDDTPEN.js";
-import "../../../../chunk-ZGTGEBQX.js";
 import "../../../../chunk-SINRU2A6.js";
 import "../../../../chunk-NVRVOTWZ.js";
+import "../../../../chunk-LK2H4QTJ.js";
 import "../../../../chunk-GMKRNFH5.js";
 import "../../../../chunk-2ISIAPFS.js";
 import "../../../../chunk-EZN5PMTC.js";

package/dist/molecules/curriculumV2/CurriculumContents/curriculum-review.js

@@ -1,19 +1,19 @@
 import {
   curriculum_review_default
-} from "../../../chunk-O332K3SW.js";
-import "../../../chunk-LRNO4W2P.js";
-import "../../../chunk-LK2H4QTJ.js";
-import "../../../chunk-SOKGYD5B.js";
-import "../../../chunk-U2EAXN3Y.js";
+} from "../../../chunk-UK3LP7VH.js";
+import "../../../chunk-NSDVLCCW.js";
+import "../../../chunk-YFR3HXSV.js";
+import "../../../chunk-A32HLL53.js";
+import "../../../chunk-ZGTGEBQX.js";
 import "../../../chunk-WLKK5L3P.js";
 import "../../../chunk-GE4M5GOQ.js";
 import "../../../chunk-G3KQN32M.js";
 import "../../../chunk-VK6INFSB.js";
 import "../../../chunk-CGLDFUOY.js";
 import "../../../chunk-OUDDTPEN.js";
-import "../../../chunk-ZGTGEBQX.js";
 import "../../../chunk-SINRU2A6.js";
 import "../../../chunk-NVRVOTWZ.js";
+import "../../../chunk-LK2H4QTJ.js";
 import "../../../chunk-GMKRNFH5.js";
 import "../../../chunk-WA5A2GB4.js";
 import "../../../chunk-2ISIAPFS.js";

package/dist/molecules/curriculumV2/CurriculumContents/index.js

@@ -1,24 +1,24 @@
 import {
   CurriculumBody
-} from "../../../chunk-N242VJOP.js";
+} from "../../../chunk-IIZ7I7NS.js";
+import "../../../chunk-KFUBWOCN.js";
 import "../../../chunk-K4RZTENM.js";
 import "../../../chunk-UXH2XIB2.js";
-import "../../../chunk-O332K3SW.js";
-import "../../../chunk-LRNO4W2P.js";
-import "../../../chunk-LK2H4QTJ.js";
-import "../../../chunk-SOKGYD5B.js";
-import "../../../chunk-U2EAXN3Y.js";
+import "../../../chunk-UK3LP7VH.js";
+import "../../../chunk-NSDVLCCW.js";
+import "../../../chunk-YFR3HXSV.js";
+import "../../../chunk-A32HLL53.js";
+import "../../../chunk-ZGTGEBQX.js";
 import "../../../chunk-WLKK5L3P.js";
 import "../../../chunk-GE4M5GOQ.js";
 import "../../../chunk-G3KQN32M.js";
 import "../../../chunk-VK6INFSB.js";
 import "../../../chunk-CGLDFUOY.js";
 import "../../../chunk-OUDDTPEN.js";
-import "../../../chunk-ZGTGEBQX.js";
 import "../../../chunk-SINRU2A6.js";
 import "../../../chunk-NVRVOTWZ.js";
+import "../../../chunk-LK2H4QTJ.js";
 import "../../../chunk-GMKRNFH5.js";
-import "../../../chunk-KFUBWOCN.js";
 import "../../../chunk-WA5A2GB4.js";
 import "../../../chunk-2ISIAPFS.js";
 import "../../../chunk-EZN5PMTC.js";

package/dist/molecules/curriculumV2/index.js

@@ -1,7 +1,8 @@
 import "../../chunk-AS7ID74X.js";
 import {
   CurriculumBody
-} from "../../chunk-N242VJOP.js";
+} from "../../chunk-IIZ7I7NS.js";
+import "../../chunk-KFUBWOCN.js";
 import {
   CurriculumSidebar
 } from "../../chunk-RRC4WFG3.js";
@@ -12,22 +13,21 @@ import "../../chunk-QLOYGKKM.js";
 import "../../chunk-S4MEMFKG.js";
 import "../../chunk-K4RZTENM.js";
 import "../../chunk-UXH2XIB2.js";
-import "../../chunk-O332K3SW.js";
-import "../../chunk-LRNO4W2P.js";
-import "../../chunk-LK2H4QTJ.js";
-import "../../chunk-SOKGYD5B.js";
-import "../../chunk-U2EAXN3Y.js";
+import "../../chunk-UK3LP7VH.js";
+import "../../chunk-NSDVLCCW.js";
+import "../../chunk-YFR3HXSV.js";
+import "../../chunk-A32HLL53.js";
+import "../../chunk-ZGTGEBQX.js";
 import "../../chunk-WLKK5L3P.js";
 import "../../chunk-GE4M5GOQ.js";
 import "../../chunk-G3KQN32M.js";
 import "../../chunk-VK6INFSB.js";
 import "../../chunk-CGLDFUOY.js";
 import "../../chunk-OUDDTPEN.js";
-import "../../chunk-ZGTGEBQX.js";
 import "../../chunk-SINRU2A6.js";
 import "../../chunk-NVRVOTWZ.js";
+import "../../chunk-LK2H4QTJ.js";
 import "../../chunk-GMKRNFH5.js";
-import "../../chunk-KFUBWOCN.js";
 import {
   CurriculumSubNav
 } from "../../chunk-XWHBJY5V.js";

package/dist/molecules/index.js

@@ -2,7 +2,8 @@ import "../chunk-SYMOHU2B.js";
 import "../chunk-AS7ID74X.js";
 import {
   CurriculumBody
-} from "../chunk-N242VJOP.js";
+} from "../chunk-IIZ7I7NS.js";
+import "../chunk-KFUBWOCN.js";
 import {
   CurriculumSidebar
 } from "../chunk-RRC4WFG3.js";
@@ -13,22 +14,21 @@ import "../chunk-QLOYGKKM.js";
 import "../chunk-S4MEMFKG.js";
 import "../chunk-K4RZTENM.js";
 import "../chunk-UXH2XIB2.js";
-import "../chunk-O332K3SW.js";
-import "../chunk-LRNO4W2P.js";
-import "../chunk-LK2H4QTJ.js";
-import "../chunk-SOKGYD5B.js";
-import "../chunk-U2EAXN3Y.js";
+import "../chunk-UK3LP7VH.js";
+import "../chunk-NSDVLCCW.js";
+import "../chunk-YFR3HXSV.js";
+import "../chunk-A32HLL53.js";
+import "../chunk-ZGTGEBQX.js";
 import "../chunk-WLKK5L3P.js";
 import "../chunk-GE4M5GOQ.js";
 import "../chunk-G3KQN32M.js";
 import "../chunk-VK6INFSB.js";
 import "../chunk-CGLDFUOY.js";
 import "../chunk-OUDDTPEN.js";
-import "../chunk-ZGTGEBQX.js";
 import "../chunk-SINRU2A6.js";
 import "../chunk-NVRVOTWZ.js";
+import "../chunk-LK2H4QTJ.js";
 import "../chunk-GMKRNFH5.js";
-import "../chunk-KFUBWOCN.js";
 import {
   CurriculumSubNav
 } from "../chunk-XWHBJY5V.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tipp/ui",
-  "version": "2.10.1",
+  "version": "2.10.2",
   "private": false,
   "type": "module",
   "exports": {

package/src/app/roleplay/parts/content.tsx

@@ -78,7 +78,7 @@ export function Content({
         {strengths.length > 0 ? (
           <Box id="strengths" style={{ scrollMarginTop }}>
             <AnalysisSection
-              desc="이번 세션에서 잘한 점"
+              desc="이번 세션에서 가장 돋보인 강점들이에요."
               items={strengths}
               title="강점"
               tone="good"
@@ -89,7 +89,7 @@ export function Content({
         {improvements.length > 0 ? (
           <Box id="improvements" style={{ scrollMarginTop }}>
             <AnalysisSection
-              desc="다음 시도에서 보완할 점"
+              desc="다음에 보완한다면 더 나은 결과를 얻을 수 있을 거에요."
               items={improvements}
               title="개선점"
               tone="bad"
@@ -112,7 +112,7 @@ export function Content({
         {showStepDetail ? (
           <Box id="step-detail" style={{ scrollMarginTop }}>
             <Section
-              desc="대화 프레임워크 단계별 평가 결과입니다."
+              desc="이번 대화의 더 나아질 수 있는 방향을 알려드릴게요."
               title="단계별 상세 분석"
             >
               <Flex direction="column">

package/src/app/roleplay/parts/header.tsx

@@ -89,7 +89,7 @@ export function Header({
             <Badge color="neutral" size="small" variant="soft">
               {statusLabelOf(detail.status)}
             </Badge>
-            <Typo as="span" style={{ color: 'var(--gray-11)' }} variant="body">
+            <Typo as="span" color="gray" variant="body">
               {detail.trainingSessionNum}회차
               {detail.characterTitle ? ` · ${detail.characterTitle}` : ''}
             </Typo>