@tipp/ui 2.9.0 → 2.10.1

package/dist/chunk-YHP75Y5K.js

@@ -0,0 +1,242 @@
+import {
+  Chart,
+  useTokenColors
+} from "./chunk-UXAEOCOH.js";
+import {
+  ExpandTable,
+  createColumnHelper
+} from "./chunk-5RIAIE2J.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";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/app/roleplay/parts/score-trend-section.tsx
+import { useMemo } from "react";
+import { format } from "date-fns";
+import { jsx, jsxs } from "react/jsx-runtime";
+function formatDateOnly(iso) {
+  const d = new Date(iso);
+  if (Number.isNaN(d.getTime())) return iso;
+  return format(d, "M/d");
+}
+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 AttemptCell({ row }) {
+  const d = row.original;
+  return /* @__PURE__ */ jsxs(
+    Typo,
+    {
+      as: "span",
+      style: { color: d.isCurrent ? "var(--gray-12)" : "var(--gray-11)" },
+      variant: "body",
+      weight: d.isCurrent ? "bold" : "regular",
+      children: [
+        d.trainingSessionNum,
+        "\uD68C\uCC28",
+        d.isCurrent ? " (\uD604\uC7AC)" : null
+      ]
+    }
+  );
+}
+function DateCell({ row }) {
+  return /* @__PURE__ */ jsx(Typo, { as: "span", mono: true, style: { color: "var(--gray-9)" }, variant: "body", children: formatDateOnly(row.original.createdAt) });
+}
+function ScoreCell({ row }) {
+  var _a;
+  return /* @__PURE__ */ jsx(
+    Typo,
+    {
+      as: "span",
+      mono: true,
+      variant: "body",
+      weight: row.original.isCurrent ? "bold" : "regular",
+      children: (_a = row.original.totalScore) != null ? _a : "\u2014"
+    }
+  );
+}
+function DeltaCell({ row }) {
+  const { delta } = row.original;
+  if (delta === null) {
+    return /* @__PURE__ */ jsx(Typo, { as: "span", mono: true, style: { color: "var(--gray-9)" }, variant: "body", children: "\u2014" });
+  }
+  return /* @__PURE__ */ jsx(Typo, { as: "span", mono: true, style: { color: "var(--gray-9)" }, variant: "body", children: delta > 0 ? `+${delta}` : `${delta}` });
+}
+function ScoreTrendSection({
+  history
+}) {
+  const { colors, probe } = useTokenColors({
+    accent: ["--accent-9", "#5b5bd6"],
+    accentText: ["--accent-11", "#5753c6"],
+    grid: ["--gray-5", "#e0e0e0"],
+    gridSoft: ["--gray-4", "#e8e8e8"],
+    muted: ["--gray-9", "#8d8d8d"]
+  });
+  const ordered = useMemo(
+    () => [...history].filter((e) => e.totalScore !== null).sort((a, b) => a.trainingSessionNum - b.trainingSessionNum).slice(-5),
+    [history]
+  );
+  const scores = ordered.map((e) => {
+    var _a;
+    return (_a = e.totalScore) != null ? _a : 0;
+  });
+  const minScore = Math.max(0, Math.min(...scores) - 10);
+  const maxScore = Math.min(100, Math.max(...scores) + 10);
+  const labels = ordered.map((e) => `${e.trainingSessionNum}\uD68C\uCC28`);
+  const lastIndex = ordered.length - 1;
+  const option = {
+    tooltip: { trigger: "axis", valueFormatter: (v) => `${String(v)}\uC810` },
+    grid: { left: 36, right: 16, top: 20, bottom: 24, containLabel: false },
+    xAxis: {
+      type: "category",
+      data: labels,
+      boundaryGap: true,
+      axisLine: { lineStyle: { color: colors.grid } },
+      axisTick: { show: false },
+      axisLabel: { color: colors.muted, fontSize: 10 }
+      // ds-allow: chart-lib
+    },
+    yAxis: {
+      type: "value",
+      min: minScore,
+      max: maxScore,
+      splitLine: { lineStyle: { color: colors.gridSoft } },
+      axisLabel: { color: colors.muted, fontSize: 10 }
+      // ds-allow: chart-lib
+    },
+    series: [
+      {
+        type: "line",
+        data: scores,
+        smooth: false,
+        showSymbol: true,
+        symbol: "circle",
+        symbolSize: 6,
+        lineStyle: { color: colors.accent, width: 2 },
+        itemStyle: { color: colors.accent },
+        label: {
+          show: true,
+          position: "top",
+          color: colors.accentText,
+          fontSize: 10,
+          // ds-allow: chart-lib
+          fontWeight: "bold",
+          // ds-allow: chart-lib
+          formatter: (p) => p.dataIndex === lastIndex ? String(p.value) : ""
+        }
+      }
+    ]
+  };
+  const rows = ordered.map((e, i) => {
+    var _a;
+    const prev = i > 0 ? (_a = ordered[i - 1].totalScore) != null ? _a : null : null;
+    return __spreadProps(__spreadValues({}, e), {
+      delta: prev !== null && e.totalScore !== null ? e.totalScore - prev : null,
+      isCurrent: i === ordered.length - 1
+    });
+  });
+  const columns = useMemo(() => {
+    const h = createColumnHelper();
+    return [
+      // autoSize 컬럼에선 size가 최소폭으로 동작(1fr로 늘어남). 모바일(iPhone SE 375px,
+      // 가용 ≈343px)에서 grid 최소폭 합이 화면을 넘지 않도록 작게 잡는다.
+      h.display({
+        id: "attempt",
+        header: "\uD68C\uCC28",
+        size: 116,
+        meta: { align: "left" },
+        cell: AttemptCell
+      }),
+      h.display({
+        id: "date",
+        header: "\uB0A0\uC9DC",
+        size: 76,
+        meta: { align: "left" },
+        cell: DateCell
+      }),
+      h.display({
+        id: "score",
+        header: "\uCD1D\uC810",
+        size: 64,
+        meta: { align: "right" },
+        cell: ScoreCell
+      }),
+      h.display({
+        id: "delta",
+        header: "\uBCC0\uD654",
+        size: 64,
+        meta: { autoSize: true, align: "left" },
+        cell: DeltaCell
+      })
+    ];
+  }, []);
+  return /* @__PURE__ */ jsx(
+    Section,
+    {
+      desc: `\uAC19\uC740 \uC2DC\uB098\uB9AC\uC624 \uCD5C\uADFC ${ordered.length}\uD68C\uCC28 \uCD1D\uC810 \uBCC0\uD654`,
+      title: "\uCD1D\uC810 \uCD94\uC774",
+      children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "4", children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "aria-label": "\uCD1D\uC810 \uCD94\uC774 \uB77C\uC778 \uCC28\uD2B8",
+            role: "img",
+            style: { position: "relative", width: "100%", height: 200 },
+            children: [
+              probe,
+              /* @__PURE__ */ jsx(Chart, { option })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(Box, { className: "rp-expand-table", children: /* @__PURE__ */ jsx(
+          ExpandTable,
+          {
+            columns,
+            data: rows,
+            getRowStyle: (d) => d.isCurrent ? { background: "var(--accent-a2)" } : {},
+            showPagination: false,
+            slim: true,
+            variant: "sprite"
+          }
+        ) })
+      ] })
+    }
+  );
+}
+
+export {
+  Section,
+  ScoreTrendSection
+};
+//# sourceMappingURL=chunk-YHP75Y5K.js.map

package/dist/chunk-YHP75Y5K.js.map

@@ -0,0 +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":[]}

package/dist/chunk-ZE36DFOC.js

@@ -0,0 +1,142 @@
+import {
+  parseReportData
+} from "./chunk-TFJJKM3W.js";
+import {
+  Header
+} from "./chunk-QMAINJ4G.js";
+import {
+  SessionReplayDialog
+} from "./chunk-3UGBMKSQ.js";
+import {
+  Content
+} from "./chunk-32WIS4L7.js";
+import {
+  computeSpeechShare
+} from "./chunk-4YAA25AV.js";
+import {
+  Skeleton
+} from "./chunk-5H3YPCZK.js";
+import {
+  Progress
+} from "./chunk-TNNF5Q62.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";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
+
+// src/app/roleplay/rp-session-detail.tsx
+import { useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function RpSessionDetailSkeleton() {
+  return /* @__PURE__ */ jsx(Box, { py: "6", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "6", children: [
+    /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Skeleton, { children: /* @__PURE__ */ jsx(Heading, { size: "7", children: "\uB864\uD50C\uB808\uC789 \uC138\uC158 \uC81C\uBAA9 \uB85C\uB529 \uC911" }) }),
+      /* @__PURE__ */ jsx(Box, { mt: "2", children: /* @__PURE__ */ jsx(Skeleton, { children: /* @__PURE__ */ jsx(Typo, { as: "p", variant: "body", children: "\uB0A0\uC9DC \xB7 \uC18C\uC694 \uC2DC\uAC04\uC774 \uB85C\uB529\uB418\uB294 \uC601\uC5ED\uC785\uB2C8\uB2E4" }) }) })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsx(Skeleton, { children: /* @__PURE__ */ jsx(Heading, { size: "5", children: "\uC885\uD569 \uC810\uC218" }) }),
+      /* @__PURE__ */ jsx(Box, { mt: "3", children: /* @__PURE__ */ jsx(Card, { variant: "surface", children: /* @__PURE__ */ jsx(Flex, { align: "center", direction: "column", gap: "2", py: "3", children: /* @__PURE__ */ jsx(Skeleton, { children: /* @__PURE__ */ jsx(Heading, { size: "7", children: "00" }) }) }) }) })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsx(Skeleton, { children: /* @__PURE__ */ jsx(Heading, { size: "5", children: "\uD3C9\uAC00 \uC9C0\uD45C \uC694\uC57D" }) }),
+      /* @__PURE__ */ jsx(Box, { mt: "3", children: /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "3", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx(Skeleton, { children: /* @__PURE__ */ jsx(Typo, { as: "p", variant: "body", children: "\uD3C9\uAC00 \uC9C0\uD45C \uD56D\uBAA9\uC774 \uB85C\uB529\uB418\uB294 \uC911\uC785\uB2C8\uB2E4" }) }, i)) }) })
+    ] })
+  ] }) });
+}
+function AnalyzingState() {
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      align: "center",
+      direction: "column",
+      justify: "center",
+      style: {
+        border: "1px dashed var(--gray-6)",
+        borderRadius: "var(--radius-3)",
+        background: "var(--gray-a1)",
+        padding: "40px 24px",
+        textAlign: "center"
+      },
+      children: [
+        /* @__PURE__ */ jsx(Heading, { size: { initial: "4", md: "5" }, weight: "bold", children: "AI \uBD84\uC11D \uC911\uC785\uB2C8\uB2E4" }),
+        /* @__PURE__ */ jsx(Box, { mt: "2", style: { maxWidth: "480px" }, children: /* @__PURE__ */ jsx(Typo, { as: "p", variant: "body", children: "\uB300\uD654\uC640 \uC0B0\uCD9C\uBB3C\uC740 \uC800\uC7A5\uB418\uC5C8\uACE0, AI\uAC00 \uC9C0\uD45C\uBCC4 \uADFC\uAC70\uC640 \uCF54\uCE6D\uC744 \uC0DD\uC131\uD558\uB294 \uC911\uC785\uB2C8\uB2E4." }) }),
+        /* @__PURE__ */ jsx(Box, { mt: "4", style: { width: "100%", maxWidth: "280px" }, children: /* @__PURE__ */ jsx(Progress, { size: "2", value: 66 }) })
+      ]
+    }
+  );
+}
+function RpSessionDetail({
+  detail,
+  history,
+  isLoading = false,
+  script,
+  onResolveMediaUrl,
+  onError: _onError,
+  sectionScrollMarginTop = "120px"
+}) {
+  const [replayOpen, setReplayOpen] = useState(false);
+  const speechShare = useMemo(
+    () => script !== null && script !== void 0 ? computeSpeechShare(script.items) : null,
+    [script]
+  );
+  const report = useMemo(
+    () => parseReportData(detail.reportData, detail.guideline, detail.displayMeta),
+    [detail.reportData, detail.guideline, detail.displayMeta]
+  );
+  const hasScript = script !== null && script !== void 0;
+  const isAnalyzing = detail.status === "analyzing";
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(RpSessionDetailSkeleton, {});
+  }
+  return /* @__PURE__ */ jsxs(Box, { py: "6", children: [
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: { initial: "5", md: "7" }, children: [
+      /* @__PURE__ */ jsx(
+        Header,
+        {
+          detail,
+          hasScript,
+          onOpenReplay: () => {
+            setReplayOpen(true);
+          },
+          onResolveMediaUrl
+        }
+      ),
+      isAnalyzing ? /* @__PURE__ */ jsx(AnalyzingState, {}) : /* @__PURE__ */ jsx(
+        Content,
+        {
+          detail,
+          history,
+          report,
+          scrollMarginTop: sectionScrollMarginTop,
+          speechShare
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      SessionReplayDialog,
+      {
+        detail,
+        onOpenChange: setReplayOpen,
+        onResolveMediaUrl,
+        open: replayOpen,
+        script
+      }
+    )
+  ] });
+}
+
+export {
+  RpSessionDetail
+};
+//# sourceMappingURL=chunk-ZE36DFOC.js.map

package/dist/chunk-ZE36DFOC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/roleplay/rp-session-detail.tsx"],"sourcesContent":["'use client';\n\nimport React, { useMemo, useState } from 'react';\nimport { Box, Card, Flex, Heading, Progress, Skeleton, Typo } from '../../atoms';\nimport type { RpSessionDetailData, RpSessionHistoryItem, RpSessionScript } from './types';\nimport { parseReportData } from './utils/report-parse';\nimport { computeSpeechShare } from './utils/session-utils';\nimport { Content } from './parts/content';\nimport { Header } from './parts/header';\nimport { SessionReplayDialog } from './parts/session-replay-dialog';\n\n/* ───────────────────────── Public contract ───────────────────────── */\n\nexport interface RpSessionDetailProps {\n  detail: RpSessionDetailData;\n  history: RpSessionHistoryItem[];\n  isLoading?: boolean;\n  script?: RpSessionScript | null;\n  onResolveMediaUrl?: (\n    rawUrl: string,\n    options: { disposition: 'inline' | 'attachment' }\n  ) => string | Promise<string>;\n  onError?: (error: unknown, context: Record<string, unknown>) => void;\n  sectionScrollMarginTop?: string;\n}\n\n/* ───────────────────────── Skeleton ───────────────────────── */\n\nfunction RpSessionDetailSkeleton(): React.ReactElement {\n  return (\n    <Box py=\"6\">\n      <Flex direction=\"column\" gap=\"6\">\n        <Box>\n          <Skeleton>\n            <Heading size=\"7\">롤플레잉 세션 제목 로딩 중</Heading>\n          </Skeleton>\n          <Box mt=\"2\">\n            <Skeleton>\n              <Typo as=\"p\" variant=\"body\">\n                날짜 · 소요 시간이 로딩되는 영역입니다\n              </Typo>\n            </Skeleton>\n          </Box>\n        </Box>\n        <section>\n          <Skeleton>\n            <Heading size=\"5\">종합 점수</Heading>\n          </Skeleton>\n          <Box mt=\"3\">\n            <Card variant=\"surface\">\n              <Flex align=\"center\" direction=\"column\" gap=\"2\" py=\"3\">\n                <Skeleton>\n                  <Heading size=\"7\">00</Heading>\n                </Skeleton>\n              </Flex>\n            </Card>\n          </Box>\n        </section>\n        <section>\n          <Skeleton>\n            <Heading size=\"5\">평가 지표 요약</Heading>\n          </Skeleton>\n          <Box mt=\"3\">\n            <Flex direction=\"column\" gap=\"3\">\n              {[0, 1, 2].map((i) => (\n                <Skeleton key={i}>\n                  <Typo as=\"p\" variant=\"body\">\n                    평가 지표 항목이 로딩되는 중입니다\n                  </Typo>\n                </Skeleton>\n              ))}\n            </Flex>\n          </Box>\n        </section>\n      </Flex>\n    </Box>\n  );\n}\n\n/* ───────────────────────── Analyzing state ───────────────────────── */\n\nfunction AnalyzingState(): React.ReactElement {\n  return (\n    <Flex\n      align=\"center\"\n      direction=\"column\"\n      justify=\"center\"\n      style={{\n        border: '1px dashed var(--gray-6)',\n        borderRadius: 'var(--radius-3)',\n        background: 'var(--gray-a1)',\n        padding: '40px 24px',\n        textAlign: 'center',\n      }}\n    >\n      <Heading size={{ initial: '4', md: '5' }} weight=\"bold\">\n        AI 분석 중입니다\n      </Heading>\n      <Box mt=\"2\" style={{ maxWidth: '480px' }}>\n        <Typo as=\"p\" variant=\"body\">\n          대화와 산출물은 저장되었고, AI가 지표별 근거와 코칭을 생성하는 중입니다.\n        </Typo>\n      </Box>\n      <Box mt=\"4\" style={{ width: '100%', maxWidth: '280px' }}>\n        <Progress size=\"2\" value={66} />\n      </Box>\n    </Flex>\n  );\n}\n\n/* ───────────────────────── Main component ───────────────────────── */\n\nexport function RpSessionDetail({\n  detail,\n  history,\n  isLoading = false,\n  script,\n  onResolveMediaUrl,\n  onError: _onError,\n  sectionScrollMarginTop = '120px',\n}: RpSessionDetailProps): React.ReactElement {\n  const [replayOpen, setReplayOpen] = useState(false);\n\n  // script 미전달 시 발화량 표시 생략. 전달 시 script로 계산.\n  const speechShare = useMemo(\n    () => (script !== null && script !== undefined ? computeSpeechShare(script.items) : null),\n    [script],\n  );\n\n  const report = useMemo(\n    () => parseReportData(detail.reportData, detail.guideline, detail.displayMeta),\n    [detail.reportData, detail.guideline, detail.displayMeta],\n  );\n\n  const hasScript = script !== null && script !== undefined;\n  const isAnalyzing = detail.status === 'analyzing';\n\n  if (isLoading) {\n    return <RpSessionDetailSkeleton />;\n  }\n\n  return (\n    <Box py=\"6\">\n      <Flex direction=\"column\" gap={{ initial: '5', md: '7' }}>\n        <Header\n          detail={detail}\n          hasScript={hasScript}\n          onOpenReplay={() => {\n            setReplayOpen(true);\n          }}\n          onResolveMediaUrl={onResolveMediaUrl}\n        />\n\n        {isAnalyzing ? (\n          <AnalyzingState />\n        ) : (\n          <Content\n            detail={detail}\n            history={history}\n            report={report}\n            scrollMarginTop={sectionScrollMarginTop}\n            speechShare={speechShare}\n          />\n        )}\n      </Flex>\n\n      <SessionReplayDialog\n        detail={detail}\n        onOpenChange={setReplayOpen}\n        onResolveMediaUrl={onResolveMediaUrl}\n        open={replayOpen}\n        script={script}\n      />\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,SAAgB,SAAS,gBAAgB;AA8BjC,SAEI,KAFJ;AAJR,SAAS,0BAA8C;AACrD,SACE,oBAAC,OAAI,IAAG,KACN,+BAAC,QAAK,WAAU,UAAS,KAAI,KAC3B;AAAA,yBAAC,OACC;AAAA,0BAAC,YACC,8BAAC,WAAQ,MAAK,KAAI,oFAAe,GACnC;AAAA,MACA,oBAAC,OAAI,IAAG,KACN,8BAAC,YACC,8BAAC,QAAK,IAAG,KAAI,SAAQ,QAAO,uHAE5B,GACF,GACF;AAAA,OACF;AAAA,IACA,qBAAC,aACC;AAAA,0BAAC,YACC,8BAAC,WAAQ,MAAK,KAAI,uCAAK,GACzB;AAAA,MACA,oBAAC,OAAI,IAAG,KACN,8BAAC,QAAK,SAAQ,WACZ,8BAAC,QAAK,OAAM,UAAS,WAAU,UAAS,KAAI,KAAI,IAAG,KACjD,8BAAC,YACC,8BAAC,WAAQ,MAAK,KAAI,gBAAE,GACtB,GACF,GACF,GACF;AAAA,OACF;AAAA,IACA,qBAAC,aACC;AAAA,0BAAC,YACC,8BAAC,WAAQ,MAAK,KAAI,oDAAQ,GAC5B;AAAA,MACA,oBAAC,OAAI,IAAG,KACN,8BAAC,QAAK,WAAU,UAAS,KAAI,KAC1B,WAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MACd,oBAAC,YACC,8BAAC,QAAK,IAAG,KAAI,SAAQ,QAAO,4GAE5B,KAHa,CAIf,CACD,GACH,GACF;AAAA,OACF;AAAA,KACF,GACF;AAEJ;AAIA,SAAS,iBAAqC;AAC5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,WAAW;AAAA,MACb;AAAA,MAEA;AAAA,4BAAC,WAAQ,MAAM,EAAE,SAAS,KAAK,IAAI,IAAI,GAAG,QAAO,QAAO,sDAExD;AAAA,QACA,oBAAC,OAAI,IAAG,KAAI,OAAO,EAAE,UAAU,QAAQ,GACrC,8BAAC,QAAK,IAAG,KAAI,SAAQ,QAAO,8MAE5B,GACF;AAAA,QACA,oBAAC,OAAI,IAAG,KAAI,OAAO,EAAE,OAAO,QAAQ,UAAU,QAAQ,GACpD,8BAAC,YAAS,MAAK,KAAI,OAAO,IAAI,GAChC;AAAA;AAAA;AAAA,EACF;AAEJ;AAIO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,yBAAyB;AAC3B,GAA6C;AAC3C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAGlD,QAAM,cAAc;AAAA,IAClB,MAAO,WAAW,QAAQ,WAAW,SAAY,mBAAmB,OAAO,KAAK,IAAI;AAAA,IACpF,CAAC,MAAM;AAAA,EACT;AAEA,QAAM,SAAS;AAAA,IACb,MAAM,gBAAgB,OAAO,YAAY,OAAO,WAAW,OAAO,WAAW;AAAA,IAC7E,CAAC,OAAO,YAAY,OAAO,WAAW,OAAO,WAAW;AAAA,EAC1D;AAEA,QAAM,YAAY,WAAW,QAAQ,WAAW;AAChD,QAAM,cAAc,OAAO,WAAW;AAEtC,MAAI,WAAW;AACb,WAAO,oBAAC,2BAAwB;AAAA,EAClC;AAEA,SACE,qBAAC,OAAI,IAAG,KACN;AAAA,yBAAC,QAAK,WAAU,UAAS,KAAK,EAAE,SAAS,KAAK,IAAI,IAAI,GACpD;AAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,cAAc,MAAM;AAClB,0BAAc,IAAI;AAAA,UACpB;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MAEC,cACC,oBAAC,kBAAe,IAEhB;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA,iBAAiB;AAAA,UACjB;AAAA;AAAA,MACF;AAAA,OAEJ;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,cAAc;AAAA,QACd;AAAA,QACA,MAAM;AAAA,QACN;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/index.css

@@ -30940,6 +30940,82 @@ ol.tipp-list > li{
   height: var(--base-button-height);
   width: var(--base-button-height);
 }
+.rp-section-nav{
+  display: none;
+}
+@media (min-width: 1024px) {
+  .rp-section-nav{
+    display: block;
+    position: sticky;
+    top: var(--space-4);
+    width: 224px;
+    height: -moz-fit-content;
+    height: fit-content;
+    flex-shrink: 0;
+  }
+}
+.rp-nav-btn{
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--space-2);
+  border: 0;
+  border-left: 2px solid transparent;
+  padding: 6px var(--space-3);
+  text-align: left;
+  cursor: pointer;
+  background: transparent;
+  color: var(--gray-10);
+  transition: background 150ms ease, color 150ms ease;
+}
+.rp-nav-btn:hover{
+  background: var(--gray-a2);
+  color: var(--gray-12);
+}
+.rp-nav-btn:focus-visible{
+  outline: 2px solid var(--accent-8);
+  outline-offset: -2px;
+}
+.rp-jump-btn{
+  display: block;
+  width: 100%;
+  border: 0;
+  padding: 6px var(--space-3);
+  text-align: left;
+  cursor: pointer;
+  background: transparent;
+  transition: background 150ms ease;
+}
+.rp-jump-btn:hover{
+  background: var(--gray-a3);
+}
+.rp-jump-btn:focus-visible{
+  outline: 2px solid var(--accent-8);
+  outline-offset: -2px;
+}
+.rp-rubric-scroll-btn{
+  display: block;
+  width: 100%;
+  border: 0;
+  text-align: left;
+  cursor: pointer;
+  background: transparent;
+  transition: background 150ms ease;
+}
+.rp-rubric-scroll-btn:hover{
+  background: var(--gray-a2);
+}
+.rp-rubric-scroll-btn:focus-visible{
+  outline: 2px solid var(--accent-8);
+  outline-offset: 1px;
+}
+.rp-expand-table .expand-table-wrapper,
+  .rp-expand-table .expand-table,
+  .rp-expand-table .expand-table .tbody,
+  .rp-expand-table [data-radix-scroll-area-viewport]{
+  height: auto;
+}
 *{
   box-sizing: border-box;
 }

package/dist/index.js

@@ -72,6 +72,9 @@ import {
 } from "./chunk-5IGBFB67.js";
 import "./chunk-SYMOHU2B.js";
 import "./chunk-AS7ID74X.js";
+import {
+  CurriculumBody
+} from "./chunk-N242VJOP.js";
 import {
   CurriculumSidebar
 } from "./chunk-RRC4WFG3.js";
@@ -80,27 +83,34 @@ import "./chunk-WS7IOHVK.js";
 import "./chunk-47QYYEMG.js";
 import "./chunk-QLOYGKKM.js";
 import "./chunk-S4MEMFKG.js";
-import {
-  CurriculumBody
-} from "./chunk-6DWUGXSY.js";
 import "./chunk-K4RZTENM.js";
 import "./chunk-UXH2XIB2.js";
-import "./chunk-R5UDNKV2.js";
-import "./chunk-TQTCT7DC.js";
-import "./chunk-NVRVOTWZ.js";
+import "./chunk-O332K3SW.js";
+import "./chunk-LRNO4W2P.js";
 import "./chunk-LK2H4QTJ.js";
-import "./chunk-KLJVIEFW.js";
+import "./chunk-SOKGYD5B.js";
+import "./chunk-U2EAXN3Y.js";
+import "./chunk-WLKK5L3P.js";
+import "./chunk-GE4M5GOQ.js";
 import "./chunk-G3KQN32M.js";
 import "./chunk-VK6INFSB.js";
-import "./chunk-GMKRNFH5.js";
-import "./chunk-KQ3ME6XY.js";
 import "./chunk-CGLDFUOY.js";
 import "./chunk-OUDDTPEN.js";
 import "./chunk-ZGTGEBQX.js";
-import "./chunk-WLKK5L3P.js";
 import "./chunk-SINRU2A6.js";
-import "./chunk-GE4M5GOQ.js";
+import "./chunk-NVRVOTWZ.js";
+import "./chunk-GMKRNFH5.js";
 import "./chunk-KFUBWOCN.js";
+import {
+  CurriculumSubNav
+} from "./chunk-XWHBJY5V.js";
+import {
+  CurriculumProvider,
+  useCurriculumContext
+} from "./chunk-WA5A2GB4.js";
+import {
+  CurriculumV2Layout
+} from "./chunk-K3Q4XLCN.js";
 import {
   DatePickerButton
 } from "./chunk-AT5PAJLW.js";
@@ -112,20 +122,7 @@ import {
   createColumnHelper
 } from "./chunk-5RIAIE2J.js";
 import "./chunk-JCG2AUFJ.js";
-import {
-  CurriculumSubNav
-} from "./chunk-XWHBJY5V.js";
-import {
-  CurriculumProvider,
-  useCurriculumContext
-} from "./chunk-WA5A2GB4.js";
-import {
-  CurriculumV2Layout
-} from "./chunk-K3Q4XLCN.js";
 import "./chunk-2ISIAPFS.js";
-import {
-  Navigation
-} from "./chunk-6OT5OYGM.js";
 import {
   OneOnOneGuideList,
   oneOnOneNoteTextReplacer
@@ -162,7 +159,7 @@ import {
 } from "./chunk-AHYOAFOU.js";
 import {
   DynamicFormEditor
-} from "./chunk-NEJCZABQ.js";
+} from "./chunk-FJEDSUGU.js";
 import {
   DynamicFormResponseItem
 } from "./chunk-77H5BUYO.js";
@@ -179,12 +176,8 @@ import {
   LearningPost
 } from "./chunk-CUS3ORMD.js";
 import {
-  DescriptionJsonRender
-} from "./chunk-N3FMP27I.js";
-import {
-  AI_CALLOUT_ICON_OPTIONS,
-  getCalloutIconComponent
-} from "./chunk-BEKSO5JG.js";
+  Navigation
+} from "./chunk-6OT5OYGM.js";
 import {
   DotNavigation
 } from "./chunk-IJOOKMKQ.js";
@@ -193,7 +186,6 @@ import {
 } from "./chunk-C6HO3IGE.js";
 import "./chunk-3DZIX4CE.js";
 import "./chunk-CBYIPRND.js";
-import "./chunk-Z7WNKARH.js";
 import "./chunk-D4U2ZV2A.js";
 import "./chunk-V7KAHLW2.js";
 import {
@@ -203,9 +195,17 @@ import {
 import {
   DynamicFormField
 } from "./chunk-NK6S7ZMB.js";
+import "./chunk-Z7WNKARH.js";
 import {
   AutocompleteTextfield
 } from "./chunk-OOM522XP.js";
+import {
+  DescriptionJsonRender
+} from "./chunk-N3FMP27I.js";
+import {
+  AI_CALLOUT_ICON_OPTIONS,
+  getCalloutIconComponent
+} from "./chunk-BEKSO5JG.js";
 import {
   DynamicFormProvider,
   useDynamicForm

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

@@ -1,16 +1,16 @@
 import {
   ReviewQuestion_default
-} from "../../../../../chunk-KLJVIEFW.js";
+} from "../../../../../chunk-SOKGYD5B.js";
+import "../../../../../chunk-U2EAXN3Y.js";
+import "../../../../../chunk-WLKK5L3P.js";
+import "../../../../../chunk-GE4M5GOQ.js";
 import "../../../../../chunk-G3KQN32M.js";
 import "../../../../../chunk-VK6INFSB.js";
-import "../../../../../chunk-GMKRNFH5.js";
-import "../../../../../chunk-KQ3ME6XY.js";
 import "../../../../../chunk-CGLDFUOY.js";
 import "../../../../../chunk-OUDDTPEN.js";
 import "../../../../../chunk-ZGTGEBQX.js";
-import "../../../../../chunk-WLKK5L3P.js";
 import "../../../../../chunk-SINRU2A6.js";
-import "../../../../../chunk-GE4M5GOQ.js";
+import "../../../../../chunk-GMKRNFH5.js";
 import "../../../../../chunk-2ISIAPFS.js";
 import "../../../../../chunk-EZN5PMTC.js";
 import "../../../../../chunk-5XYPLDI5.js";

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

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