@tipp/ui 2.9.0 → 2.10.0

package/dist/chunk-5QIT4URV.js

@@ -0,0 +1,87 @@
+import {
+  stepCode,
+  stepGradeLabel,
+  stepRatio,
+  stepScoreText
+} from "./chunk-4YAA25AV.js";
+import {
+  Chart,
+  useTokenColors
+} from "./chunk-UXAEOCOH.js";
+
+// src/app/roleplay/parts/step-radar.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function StepRadar({ steps }) {
+  const { colors, probe } = useTokenColors({
+    accent: ["--accent-9", "#5b5bd6"],
+    grid: ["--gray-5", "#e0e0e0"],
+    label: ["--gray-11", "#646464"]
+  });
+  const indicator = steps.map((s) => ({ name: stepCode(s), max: 1 }));
+  const values = steps.map((s) => {
+    var _a;
+    return (_a = stepRatio(s)) != null ? _a : 0;
+  });
+  const option = {
+    tooltip: {
+      trigger: "item",
+      formatter: () => steps.map(
+        (s) => {
+          var _a, _b;
+          return `${stepCode(s)} ${(_b = (_a = stepScoreText(s)) != null ? _a : stepGradeLabel(s)) != null ? _b : "\u2014"}`;
+        }
+      ).join("<br/>")
+    },
+    radar: {
+      indicator,
+      radius: "66%",
+      center: ["50%", "50%"],
+      splitNumber: 4,
+      axisName: { color: colors.label, fontSize: 10, fontWeight: "bold" },
+      // ds-allow: chart-lib
+      splitLine: { lineStyle: { color: colors.grid } },
+      splitArea: { show: false },
+      axisLine: { lineStyle: { color: colors.grid } }
+    },
+    series: [
+      {
+        type: "radar",
+        data: [
+          {
+            value: values,
+            name: "\uC774\uBC88 \uC138\uC158",
+            areaStyle: { color: colors.accent, opacity: 0.18 },
+            lineStyle: { color: colors.accent, width: 2 },
+            itemStyle: { color: colors.accent },
+            symbolSize: 4
+          }
+        ]
+      }
+    ]
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-label": "\uD3C9\uAC00 \uB2E8\uACC4 \uB808\uC774\uB354 \uCC28\uD2B8",
+      role: "img",
+      style: {
+        position: "relative",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        height: "100%",
+        minWidth: 0,
+        overflow: "hidden"
+      },
+      children: [
+        probe,
+        /* @__PURE__ */ jsx("div", { style: { width: "100%", maxWidth: 300, height: 280 }, children: /* @__PURE__ */ jsx(Chart, { option }) })
+      ]
+    }
+  );
+}
+
+export {
+  StepRadar
+};
+//# sourceMappingURL=chunk-5QIT4URV.js.map

package/dist/chunk-5QIT4URV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/roleplay/parts/step-radar.tsx"],"sourcesContent":["'use client';\n\nimport type { EChartsOption } from 'echarts';\nimport type { RpReportStep } from '../utils/report-parse';\nimport { stepCode, stepGradeLabel, stepRatio, stepScoreText } from '../utils/session-utils';\nimport { Chart, useTokenColors } from '../chart/session-chart';\n\nexport interface StepRadarProps {\n  steps: RpReportStep[];\n}\n\nexport function StepRadar({ steps }: StepRadarProps): React.ReactElement {\n  const { colors, probe } = useTokenColors({\n    accent: ['--accent-9', '#5b5bd6'],\n    grid: ['--gray-5', '#e0e0e0'],\n    label: ['--gray-11', '#646464'],\n  });\n\n  const indicator = steps.map((s) => ({ name: stepCode(s), max: 1 }));\n  const values = steps.map((s) => stepRatio(s) ?? 0);\n\n  const option: EChartsOption = {\n    tooltip: {\n      trigger: 'item',\n      formatter: () =>\n        steps\n          .map(\n            (s) =>\n              `${stepCode(s)} ${stepScoreText(s) ?? stepGradeLabel(s) ?? '—'}`\n          )\n          .join('<br/>'),\n    },\n    radar: {\n      indicator,\n      radius: '66%',\n      center: ['50%', '50%'],\n      splitNumber: 4,\n      axisName: { color: colors.label, fontSize: 10, fontWeight: 'bold' }, // ds-allow: chart-lib\n      splitLine: { lineStyle: { color: colors.grid } },\n      splitArea: { show: false },\n      axisLine: { lineStyle: { color: colors.grid } },\n    },\n    series: [\n      {\n        type: 'radar',\n        data: [\n          {\n            value: values,\n            name: '이번 세션',\n            areaStyle: { color: colors.accent, opacity: 0.18 },\n            lineStyle: { color: colors.accent, width: 2 },\n            itemStyle: { color: colors.accent },\n            symbolSize: 4,\n          },\n        ],\n      },\n    ],\n  };\n\n  return (\n    <div\n      aria-label=\"평가 단계 레이더 차트\"\n      role=\"img\"\n      style={{\n        position: 'relative',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        height: '100%',\n        minWidth: 0,\n        overflow: 'hidden',\n      }}\n    >\n      {probe}\n      <div style={{ width: '100%', maxWidth: 300, height: 280 }}>\n        <Chart option={option} />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AA4DI,SAeI,KAfJ;AAjDG,SAAS,UAAU,EAAE,MAAM,GAAuC;AACvE,QAAM,EAAE,QAAQ,MAAM,IAAI,eAAe;AAAA,IACvC,QAAQ,CAAC,cAAc,SAAS;AAAA,IAChC,MAAM,CAAC,YAAY,SAAS;AAAA,IAC5B,OAAO,CAAC,aAAa,SAAS;AAAA,EAChC,CAAC;AAED,QAAM,YAAY,MAAM,IAAI,CAAC,OAAO,EAAE,MAAM,SAAS,CAAC,GAAG,KAAK,EAAE,EAAE;AAClE,QAAM,SAAS,MAAM,IAAI,CAAC,MAAG;AAnB/B;AAmBkC,2BAAU,CAAC,MAAX,YAAgB;AAAA,GAAC;AAEjD,QAAM,SAAwB;AAAA,IAC5B,SAAS;AAAA,MACP,SAAS;AAAA,MACT,WAAW,MACT,MACG;AAAA,QACC,CAAC,MAAG;AA3BhB;AA4Bc,oBAAG,SAAS,CAAC,CAAC,KAAI,yBAAc,CAAC,MAAf,YAAoB,eAAe,CAAC,MAApC,YAAyC,QAAG;AAAA;AAAA,MAClE,EACC,KAAK,OAAO;AAAA,IACnB;AAAA,IACA,OAAO;AAAA,MACL;AAAA,MACA,QAAQ;AAAA,MACR,QAAQ,CAAC,OAAO,KAAK;AAAA,MACrB,aAAa;AAAA,MACb,UAAU,EAAE,OAAO,OAAO,OAAO,UAAU,IAAI,YAAY,OAAO;AAAA;AAAA,MAClE,WAAW,EAAE,WAAW,EAAE,OAAO,OAAO,KAAK,EAAE;AAAA,MAC/C,WAAW,EAAE,MAAM,MAAM;AAAA,MACzB,UAAU,EAAE,WAAW,EAAE,OAAO,OAAO,KAAK,EAAE;AAAA,IAChD;AAAA,IACA,QAAQ;AAAA,MACN;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,UACJ;AAAA,YACE,OAAO;AAAA,YACP,MAAM;AAAA,YACN,WAAW,EAAE,OAAO,OAAO,QAAQ,SAAS,KAAK;AAAA,YACjD,WAAW,EAAE,OAAO,OAAO,QAAQ,OAAO,EAAE;AAAA,YAC5C,WAAW,EAAE,OAAO,OAAO,OAAO;AAAA,YAClC,YAAY;AAAA,UACd;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX,MAAK;AAAA,MACL,OAAO;AAAA,QACL,UAAU;AAAA,QACV,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,UAAU;AAAA,MACZ;AAAA,MAEC;AAAA;AAAA,QACD,oBAAC,SAAI,OAAO,EAAE,OAAO,QAAQ,UAAU,KAAK,QAAQ,IAAI,GACtD,8BAAC,SAAM,QAAgB,GACzB;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-6YIKOYBQ.js

@@ -0,0 +1,185 @@
+import {
+  SPEECH_OVERTALK_THRESHOLD
+} from "./chunk-4YAA25AV.js";
+import {
+  Separator
+} from "./chunk-HYITAA4J.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Typo
+} from "./chunk-L4QQGIYQ.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
+
+// src/app/roleplay/parts/score-summary.tsx
+import { Fragment, 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: {
+            fontSize: "0.75rem",
+            color: isOvertalking ? "var(--red-11)" : "var(--accent-11)"
+          },
+          variant: "body",
+          weight: "medium",
+          children: [
+            "\uB0B4 \uBC1C\uD654\uB7C9 ",
+            share.userPct,
+            "%"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Typo,
+        {
+          as: "span",
+          color: "gray",
+          style: { fontSize: "0.75rem" },
+          variant: "body",
+          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",
+        mt: "1",
+        style: { fontSize: "0.75rem", color: "var(--red-11)" },
+        variant: "body",
+        children: "\uC0C1\uB300\uC758 \uB9D0\uC744 \uB354 \uB4E3\uACE0 \uC9C8\uBB38\xB7\uACBD\uCCAD\uC758 \uBE44\uC911\uC744 \uB192\uC5EC \uBCF4\uC138\uC694"
+      }
+    ) : null
+  ] });
+}
+function ScoreSummary({
+  detail,
+  report,
+  speechShare
+}) {
+  var _a;
+  const scoreValue = (_a = detail.totalScore) != null ? _a : report.totalScore;
+  const comment = report.comment;
+  return /* @__PURE__ */ jsxs(
+    Grid,
+    {
+      align: "start",
+      columns: comment ? { initial: "1", md: "minmax(0, 240px) 1fr" } : "1",
+      gap: "5",
+      children: [
+        /* @__PURE__ */ jsxs(Card, { variant: "surface", children: [
+          /* @__PURE__ */ jsxs(Flex, { align: "center", direction: "column", gap: "2", py: "3", children: [
+            /* @__PURE__ */ jsx(Typo, { as: "p", color: "gray", variant: "body", weight: "medium", children: "\uC885\uD569 \uC810\uC218" }),
+            /* @__PURE__ */ jsxs(Flex, { align: "baseline", gap: "1", children: [
+              /* @__PURE__ */ jsx(
+                Typo,
+                {
+                  as: "span",
+                  mono: true,
+                  style: {
+                    color: "var(--gray-12)",
+                    fontSize: "3.75rem",
+                    lineHeight: 1.1
+                  },
+                  weight: "bold",
+                  children: scoreValue != null ? scoreValue : "\u2014"
+                }
+              ),
+              /* @__PURE__ */ jsx(Typo, { as: "span", color: "gray", mono: true, variant: "subtitle", children: "/100" })
+            ] })
+          ] }),
+          speechShare ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Separator, { my: "3", size: "4" }),
+            /* @__PURE__ */ jsx(SpeechShareBar, { share: speechShare })
+          ] }) : null
+        ] }),
+        comment ? /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "3", children: [
+          /* @__PURE__ */ jsx(Typo, { as: "p", variant: "body", weight: "medium", children: "\uC885\uD569 \uBD84\uC11D" }),
+          /* @__PURE__ */ jsx(Box, { style: { maxWidth: "65ch" }, children: /* @__PURE__ */ jsx(Typo, { as: "p", variant: "body", children: comment }) }),
+          report.deduction ? /* @__PURE__ */ jsxs(
+            Box,
+            {
+              pl: "3",
+              pr: "3",
+              py: "2",
+              style: {
+                borderLeft: "2px solid var(--amber-a6)",
+                background: "var(--amber-a2)",
+                borderRadius: "var(--radius-2)"
+              },
+              children: [
+                /* @__PURE__ */ jsxs(
+                  Typo,
+                  {
+                    as: "p",
+                    mono: true,
+                    style: { color: "var(--amber-11)" },
+                    variant: "body",
+                    weight: "medium",
+                    children: [
+                      "\uAC10\uC810 ",
+                      report.deduction.score,
+                      "\uC810"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx(Box, { mt: "1", style: { maxWidth: "65ch" }, children: /* @__PURE__ */ jsx(
+                  Typo,
+                  {
+                    as: "p",
+                    style: { color: "var(--amber-11)" },
+                    variant: "body",
+                    children: report.deduction.basis
+                  }
+                ) })
+              ]
+            }
+          ) : null
+        ] }) : null
+      ]
+    }
+  );
+}
+
+export {
+  ScoreSummary
+};
+//# sourceMappingURL=chunk-6YIKOYBQ.js.map

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

@@ -0,0 +1 @@
+{"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-7MXY3D3Z.js

@@ -0,0 +1,84 @@
+import {
+  Separator
+} from "./chunk-HYITAA4J.js";
+import {
+  Heading
+} from "./chunk-USGOLLYO.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Typo
+} from "./chunk-L4QQGIYQ.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+
+// src/app/roleplay/parts/analysis-section.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Section({
+  title,
+  desc,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("section", { children: [
+    /* @__PURE__ */ jsxs(Box, { mb: "3", children: [
+      /* @__PURE__ */ jsx(
+        Heading,
+        {
+          size: { initial: "4", md: "5" },
+          style: { textWrap: "balance" },
+          weight: "bold",
+          children: title
+        }
+      ),
+      desc ? /* @__PURE__ */ jsx(Box, { mt: "1", style: { maxWidth: "65ch" }, children: /* @__PURE__ */ jsx(Typo, { as: "p", color: "gray", variant: "body", children: desc }) }) : null
+    ] }),
+    children
+  ] });
+}
+function AnalysisSection({
+  title,
+  desc,
+  items,
+  tone
+}) {
+  if (items.length === 0) return null;
+  const accentBorder = tone === "good" ? "var(--green-a6)" : "var(--amber-a6)";
+  const numColor = tone === "good" ? "var(--green-11)" : "var(--amber-11)";
+  return /* @__PURE__ */ jsx(Section, { desc, title, children: /* @__PURE__ */ jsx(Flex, { direction: "column", children: items.map((item, index) => /* @__PURE__ */ jsxs(Box, { children: [
+    index > 0 && /* @__PURE__ */ jsx(Separator, { size: "4" }),
+    /* @__PURE__ */ jsxs(
+      Flex,
+      {
+        gap: "3",
+        pl: "3",
+        py: "3",
+        style: { borderLeft: `2px solid ${accentBorder}` },
+        children: [
+          /* @__PURE__ */ jsx(
+            Typo,
+            {
+              as: "span",
+              mono: true,
+              style: { flexShrink: 0, color: numColor },
+              variant: "body",
+              weight: "bold",
+              children: index + 1
+            }
+          ),
+          /* @__PURE__ */ jsxs(Box, { style: { minWidth: 0 }, children: [
+            /* @__PURE__ */ jsx(Typo, { as: "p", variant: "body", weight: "medium", children: item.title }),
+            /* @__PURE__ */ jsx(Box, { mt: "1", style: { maxWidth: "65ch" }, children: /* @__PURE__ */ jsx(Typo, { as: "p", variant: "body", children: item.detail }) })
+          ] })
+        ]
+      }
+    )
+  ] }, item.title)) }) });
+}
+
+export {
+  Section,
+  AnalysisSection
+};
+//# sourceMappingURL=chunk-7MXY3D3Z.js.map

package/dist/chunk-7MXY3D3Z.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/roleplay/parts/analysis-section.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { Box, Flex, Heading, Separator, Typo } from '../../../atoms';\nimport type { RpReportAnalysisItem } from '../utils/report-parse';\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/* ───────────────────────── AnalysisSection ───────────────────────── */\n\nexport interface AnalysisSectionProps {\n  title: string;\n  desc?: string;\n  items: RpReportAnalysisItem[];\n  tone: 'good' | 'bad';\n}\n\nexport function AnalysisSection({\n  title,\n  desc,\n  items,\n  tone,\n}: AnalysisSectionProps): React.ReactElement | null {\n  if (items.length === 0) return null;\n\n  const accentBorder = tone === 'good' ? 'var(--green-a6)' : 'var(--amber-a6)';\n  const numColor = tone === 'good' ? 'var(--green-11)' : 'var(--amber-11)';\n\n  return (\n    <Section desc={desc} title={title}>\n      <Flex direction=\"column\">\n        {items.map((item, index) => (\n          <Box key={item.title}>\n            {index > 0 && <Separator size=\"4\" />}\n            <Flex\n              gap=\"3\"\n              pl=\"3\"\n              py=\"3\"\n              style={{ borderLeft: `2px solid ${accentBorder}` }}\n            >\n              <Typo\n                as=\"span\"\n                mono\n                style={{ flexShrink: 0, color: numColor }}\n                variant=\"body\"\n                weight=\"bold\"\n              >\n                {index + 1}\n              </Typo>\n              <Box style={{ minWidth: 0 }}>\n                <Typo as=\"p\" variant=\"body\" weight=\"medium\">\n                  {item.title}\n                </Typo>\n                <Box mt=\"1\" style={{ maxWidth: '65ch' }}>\n                  <Typo as=\"p\" variant=\"body\">\n                    {item.detail}\n                  </Typo>\n                </Box>\n              </Box>\n            </Flex>\n          </Box>\n        ))}\n      </Flex>\n    </Section>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAmBM,SACE,KADF;AAXC,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AACF,GAIuB;AACrB,SACE,qBAAC,aACC;AAAA,yBAAC,OAAI,IAAG,KACN;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,EAAE,SAAS,KAAK,IAAI,IAAI;AAAA,UAC9B,OAAO,EAAE,UAAU,UAAU;AAAA,UAC7B,QAAO;AAAA,UAEN;AAAA;AAAA,MACH;AAAA,MACC,OACC,oBAAC,OAAI,IAAG,KAAI,OAAO,EAAE,UAAU,OAAO,GACpC,8BAAC,QAAK,IAAG,KAAI,OAAM,QAAO,SAAQ,QAC/B,gBACH,GACF,IACE;AAAA,OACN;AAAA,IACC;AAAA,KACH;AAEJ;AAWO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAoD;AAClD,MAAI,MAAM,WAAW,EAAG,QAAO;AAE/B,QAAM,eAAe,SAAS,SAAS,oBAAoB;AAC3D,QAAM,WAAW,SAAS,SAAS,oBAAoB;AAEvD,SACE,oBAAC,WAAQ,MAAY,OACnB,8BAAC,QAAK,WAAU,UACb,gBAAM,IAAI,CAAC,MAAM,UAChB,qBAAC,OACE;AAAA,YAAQ,KAAK,oBAAC,aAAU,MAAK,KAAI;AAAA,IAClC;AAAA,MAAC;AAAA;AAAA,QACC,KAAI;AAAA,QACJ,IAAG;AAAA,QACH,IAAG;AAAA,QACH,OAAO,EAAE,YAAY,aAAa,YAAY,GAAG;AAAA,QAEjD;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,IAAG;AAAA,cACH,MAAI;AAAA,cACJ,OAAO,EAAE,YAAY,GAAG,OAAO,SAAS;AAAA,cACxC,SAAQ;AAAA,cACR,QAAO;AAAA,cAEN,kBAAQ;AAAA;AAAA,UACX;AAAA,UACA,qBAAC,OAAI,OAAO,EAAE,UAAU,EAAE,GACxB;AAAA,gCAAC,QAAK,IAAG,KAAI,SAAQ,QAAO,QAAO,UAChC,eAAK,OACR;AAAA,YACA,oBAAC,OAAI,IAAG,KAAI,OAAO,EAAE,UAAU,OAAO,GACpC,8BAAC,QAAK,IAAG,KAAI,SAAQ,QAClB,eAAK,QACR,GACF;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,OA3BQ,KAAK,KA4Bf,CACD,GACH,GACF;AAEJ;","names":[]}

package/dist/chunk-EBFQFOUQ.js

@@ -0,0 +1,138 @@
+import {
+  StepRadar
+} from "./chunk-5QIT4URV.js";
+import {
+  stepCode,
+  stepColor,
+  stepGradeLabel,
+  stepRatio,
+  stepScoreText,
+  stepVars
+} from "./chunk-4YAA25AV.js";
+import {
+  Separator
+} from "./chunk-HYITAA4J.js";
+import {
+  Progress
+} from "./chunk-TNNF5Q62.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Typo
+} from "./chunk-L4QQGIYQ.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+
+// src/app/roleplay/parts/step-summary.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Section({
+  title,
+  desc,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("section", { children: [
+    /* @__PURE__ */ jsxs(Box, { mb: "3", children: [
+      /* @__PURE__ */ jsx(Typo, { as: "p", variant: "subtitle", weight: "bold", children: title }),
+      desc ? /* @__PURE__ */ jsx(Box, { mt: "1", style: { maxWidth: "65ch" }, children: /* @__PURE__ */ jsx(Typo, { as: "p", color: "gray", variant: "body", children: desc }) }) : null
+    ] }),
+    children
+  ] });
+}
+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 list = /* @__PURE__ */ jsx(Flex, { direction: "column", children: steps.map((step, i) => {
+    const ratio = stepRatio(step);
+    const scoreText = stepScoreText(step);
+    const gradeLabel = stepGradeLabel(step);
+    return /* @__PURE__ */ jsxs(Box, { children: [
+      i > 0 && /* @__PURE__ */ jsx(Separator, { size: "4" }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: "rp-rubric-scroll-btn",
+          onClick: () => {
+            var _a;
+            (_a = document.getElementById(`step-${step.key}`)) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "start" });
+          },
+          style: {
+            padding: "var(--space-2) 0",
+            background: "none",
+            border: "none",
+            cursor: "pointer",
+            width: "100%",
+            textAlign: "left"
+          },
+          type: "button",
+          children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "1", children: [
+            /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", justify: "between", children: [
+              /* @__PURE__ */ jsxs(
+                Typo,
+                {
+                  as: "span",
+                  style: { minWidth: 0 },
+                  truncate: true,
+                  variant: "body",
+                  weight: "medium",
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      Typo,
+                      {
+                        as: "span",
+                        mono: true,
+                        style: { color: "var(--gray-11)" },
+                        variant: "body",
+                        weight: "medium",
+                        children: stepCode(step)
+                      }
+                    ),
+                    " ",
+                    step.label
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", style: { flexShrink: 0 }, children: [
+                scoreText !== null ? /* @__PURE__ */ jsx(Typo, { as: "span", mono: true, variant: "body", weight: "bold", children: scoreText }) : null,
+                gradeLabel !== null ? /* @__PURE__ */ jsx(
+                  Typo,
+                  {
+                    as: "span",
+                    mono: true,
+                    style: { color: stepVars(step).fg },
+                    variant: "body",
+                    weight: "medium",
+                    children: gradeLabel
+                  }
+                ) : null
+              ] })
+            ] }),
+            ratio !== null ? /* @__PURE__ */ jsx(Box, { style: { flex: 1 }, children: /* @__PURE__ */ jsx(Progress, { color: stepColor(step), size: "1", value: ratio * 100 }) }) : null
+          ] })
+        }
+      )
+    ] }, step.key);
+  }) });
+  return /* @__PURE__ */ jsx(Section, { desc, title: "\uD3C9\uAC00 \uB2E8\uACC4 \uC694\uC57D", children: radarReady ? /* @__PURE__ */ jsxs(
+    Grid,
+    {
+      align: "center",
+      columns: { initial: "1", md: "minmax(260px, 1fr) 280px" },
+      gap: "6",
+      children: [
+        list,
+        /* @__PURE__ */ jsx(StepRadar, { steps })
+      ]
+    }
+  ) : list });
+}
+
+export {
+  StepSummary
+};
+//# sourceMappingURL=chunk-EBFQFOUQ.js.map

package/dist/chunk-EBFQFOUQ.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 = 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":[]}