@tipp/ui 2.9.0 → 2.10.0

package/dist/chunk-T7LKMJVA.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-2TOASXPK.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-T7LKMJVA.js.map

package/dist/chunk-T7LKMJVA.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":"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","names":[]}

package/dist/chunk-TFJJKM3W.js

@@ -0,0 +1,261 @@
+// src/app/roleplay/utils/report-parse.ts
+var QUALITIES = ["\uCDA9\uC871", "\uBD80\uBD84\uCDA9\uC871", "\uBBF8\uD761"];
+function isObject(v) {
+  return typeof v === "object" && v !== null && !Array.isArray(v);
+}
+function isUnknownArray(v) {
+  return Array.isArray(v);
+}
+function asString(v) {
+  if (typeof v !== "string") return null;
+  const t = v.trim();
+  return t.length > 0 ? t : null;
+}
+function asNumber(v) {
+  return typeof v === "number" && Number.isFinite(v) ? v : null;
+}
+function asQuality(v) {
+  var _a;
+  const t = asString(v);
+  if (t === null) return null;
+  return (_a = QUALITIES.find((q) => q === t)) != null ? _a : null;
+}
+function asGuidelineText(v) {
+  if (isUnknownArray(v)) {
+    const parts = v.map(asString).filter((s) => s !== null && s !== "-");
+    return parts.length > 0 ? parts.join("\n") : null;
+  }
+  const t = asString(v);
+  return t !== null && t !== "-" ? t : null;
+}
+function humanize(key) {
+  return key.split("_").filter((p) => p.length > 0).map((p) => p.charAt(0).toUpperCase() + p.slice(1)).join(" ");
+}
+var STEP_SUFFIXES = [
+  "max_score",
+  "maxscore",
+  "max",
+  "score",
+  "basis",
+  "issue",
+  "improve",
+  "example",
+  "quality"
+];
+function splitStepKey(key) {
+  for (const suffix of STEP_SUFFIXES) {
+    const tail = `_${suffix}`;
+    if (key.endsWith(tail) && key.length > tail.length) {
+      return { prefix: key.slice(0, -tail.length), suffix };
+    }
+  }
+  return null;
+}
+function readGuidelineEntries(guideline) {
+  if (!isObject(guideline) || !isUnknownArray(guideline.value)) return [];
+  const entries = guideline.value.map((v) => {
+    if (!isObject(v)) return { title: null, description: null, example: null };
+    const title = asString(v.title);
+    return {
+      title: title === "-" ? null : title,
+      description: asGuidelineText(v.description),
+      example: asGuidelineText(v.example)
+    };
+  });
+  if (entries.every((e) => e.title === null)) return [];
+  return entries;
+}
+function buildFieldsMap(itemObj) {
+  var _a;
+  const order = [];
+  const fields = /* @__PURE__ */ new Map();
+  for (const [key, value] of Object.entries(itemObj)) {
+    const split = splitStepKey(key);
+    if (!split) continue;
+    if (!fields.has(split.prefix)) {
+      fields.set(split.prefix, /* @__PURE__ */ new Map());
+      order.push(split.prefix);
+    }
+    (_a = fields.get(split.prefix)) == null ? void 0 : _a.set(split.suffix, value);
+  }
+  return { order, fields };
+}
+function buildStep(key, f, meta) {
+  var _a, _b, _c;
+  const qualityRaw = f.get("quality");
+  return {
+    key,
+    label: meta.label,
+    initial: meta.initial,
+    description: meta.description,
+    idealExample: meta.idealExample,
+    score: asNumber(f.get("score")),
+    // reportData 의 실제 만점이 우선, 없으면 displayMeta.maxValue 폴백.
+    maxScore: (_c = asNumber((_b = (_a = f.get("max_score")) != null ? _a : f.get("maxscore")) != null ? _b : f.get("max"))) != null ? _c : meta.maxScoreFallback,
+    quality: asQuality(qualityRaw),
+    qualityLabel: asString(qualityRaw),
+    basis: asString(f.get("basis")),
+    issue: asString(f.get("issue")),
+    improve: asString(f.get("improve")),
+    example: asString(f.get("example"))
+  };
+}
+function extractSteps(itemObj, guideline, displaySteps) {
+  const { order, fields } = buildFieldsMap(itemObj);
+  const entries = readGuidelineEntries(guideline);
+  if (displaySteps.length > 0) {
+    const useGuideline2 = entries.length === displaySteps.length;
+    return displaySteps.map((ds, i) => {
+      var _a, _b, _c;
+      const f = (_a = fields.get(ds.key)) != null ? _a : /* @__PURE__ */ new Map();
+      const entry = useGuideline2 ? entries[i] : null;
+      const dsDescription = ds.description.trim().length > 0 ? ds.description : null;
+      return buildStep(ds.key, f, {
+        label: ds.displayName,
+        initial: ds.initial.trim().length > 0 ? ds.initial : null,
+        description: (_b = dsDescription != null ? dsDescription : entry == null ? void 0 : entry.description) != null ? _b : null,
+        idealExample: (_c = entry == null ? void 0 : entry.example) != null ? _c : null,
+        maxScoreFallback: ds.maxValue > 0 ? ds.maxValue : null
+      });
+    });
+  }
+  const useGuideline = entries.length === order.length;
+  return order.map((prefix, i) => {
+    var _a, _b, _c, _d;
+    const f = (_a = fields.get(prefix)) != null ? _a : /* @__PURE__ */ new Map();
+    const entry = useGuideline ? entries[i] : null;
+    return buildStep(prefix, f, {
+      label: (_b = entry == null ? void 0 : entry.title) != null ? _b : humanize(prefix),
+      initial: null,
+      description: (_c = entry == null ? void 0 : entry.description) != null ? _c : null,
+      idealExample: (_d = entry == null ? void 0 : entry.example) != null ? _d : null,
+      maxScoreFallback: null
+    });
+  });
+}
+function readDisplayMeta(raw) {
+  var _a, _b, _c, _d, _e;
+  if (!isObject(raw)) return { title: null, description: null, steps: [] };
+  const steps = [];
+  if (isUnknownArray(raw.steps)) {
+    for (const s of raw.steps) {
+      if (!isObject(s)) continue;
+      const key = asString(s.key);
+      if (key === null) continue;
+      steps.push({
+        order: (_a = asNumber(s.order)) != null ? _a : steps.length,
+        key,
+        initial: (_b = asString(s.initial)) != null ? _b : "",
+        displayName: (_c = asString(s.displayName)) != null ? _c : humanize(key),
+        maxValue: (_d = asNumber(s.maxValue)) != null ? _d : 0,
+        description: (_e = asString(s.description)) != null ? _e : ""
+      });
+    }
+    steps.sort((a, b) => a.order - b.order);
+  }
+  return {
+    title: asString(raw.title),
+    description: asString(raw.description),
+    steps
+  };
+}
+function flattenNumberedPairs(obj, titleBase, detailBase) {
+  var _a;
+  const out = [];
+  for (let n = 1; ; n += 1) {
+    const title = asString(obj[`${titleBase}${n}`]);
+    if (title === null) break;
+    out.push({ title, detail: (_a = asString(obj[`${detailBase}${n}`])) != null ? _a : "" });
+  }
+  return out;
+}
+var ANALYSIS_PAIR_CANDIDATES = [
+  ["title", "detail"],
+  ["improvement_title", "improvement_action"],
+  ["issue_title", "issue_detail"]
+];
+function flattenAnalysis(source) {
+  if (!isUnknownArray(source)) return [];
+  const out = [];
+  for (const obj of source) {
+    if (!isObject(obj)) continue;
+    for (const [titleBase, detailBase] of ANALYSIS_PAIR_CANDIDATES) {
+      const items = flattenNumberedPairs(obj, titleBase, detailBase);
+      if (items.length > 0) {
+        out.push(...items);
+        break;
+      }
+    }
+  }
+  return out;
+}
+function flattenSkills(source) {
+  var _a, _b;
+  if (!isUnknownArray(source)) return [];
+  const out = [];
+  for (const obj of source) {
+    if (!isObject(obj)) continue;
+    for (let n = 1; ; n += 1) {
+      const title = asString(obj[`skill${n}`]);
+      if (title === null) break;
+      out.push({
+        title,
+        description: (_a = asString(obj[`description${n}`])) != null ? _a : "",
+        example: (_b = asString(obj[`example${n}`])) != null ? _b : ""
+      });
+    }
+  }
+  return out;
+}
+function readDeduction(summary) {
+  if (!summary || !isObject(summary.deduction)) return null;
+  const score = asNumber(summary.deduction.score);
+  const basis = asString(summary.deduction.basis);
+  if (score === null || basis === null) return null;
+  return { score, basis };
+}
+function unwrapOutputText(reportData) {
+  if (!isObject(reportData)) return {};
+  return isObject(reportData.output_text) ? reportData.output_text : reportData;
+}
+function findItemsArray(root) {
+  for (const [key, value] of Object.entries(root)) {
+    if (!key.endsWith("_items") || !isUnknownArray(value)) continue;
+    const first = value[0];
+    if (isObject(first)) return first;
+  }
+  return null;
+}
+function parseReportData(reportData, guideline, displayMeta) {
+  var _a, _b, _c, _d;
+  const root = unwrapOutputText(reportData);
+  const meta = readDisplayMeta(displayMeta);
+  const summary = isObject(root.summary) ? root.summary : null;
+  const comprehensive = isObject(root.comprehensive_analysis) ? root.comprehensive_analysis : null;
+  const comment = (_b = (_a = asString(comprehensive == null ? void 0 : comprehensive.comment)) != null ? _a : asString(summary == null ? void 0 : summary.comment)) != null ? _b : asString(summary == null ? void 0 : summary.basis);
+  const strengths = flattenAnalysis(
+    (_c = comprehensive == null ? void 0 : comprehensive.strengths) != null ? _c : summary == null ? void 0 : summary.good_point
+  );
+  const improvements = flattenAnalysis(
+    (_d = comprehensive == null ? void 0 : comprehensive.improvements) != null ? _d : summary == null ? void 0 : summary.improvement
+  );
+  const itemObj = findItemsArray(root);
+  const steps = itemObj ? extractSteps(itemObj, guideline, meta.steps) : [];
+  return {
+    frameworkTitle: meta.title,
+    frameworkDescription: meta.description,
+    todayDate: asString(root.todayDate),
+    totalScore: asNumber(summary == null ? void 0 : summary.total_score),
+    comment,
+    deduction: readDeduction(summary),
+    strengths,
+    improvements,
+    steps,
+    skills: flattenSkills(root.skills)
+  };
+}
+
+export {
+  parseReportData
+};
+//# sourceMappingURL=chunk-TFJJKM3W.js.map

package/dist/chunk-TFJJKM3W.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/roleplay/utils/report-parse.ts"],"sourcesContent":["// 롤플레잉 평가 리포트(reportData) 제네릭 파서.\n//\n// 보고서 타입(reportType)은 계속 추가되며 그때마다 프론트를 수정할 수 없다.\n// 따라서 프레임워크명 분기 없이 reportData 의 \"키 패턴\"만으로 해석한다.\n//\n// 입력 형태(프레임워크 공통, outputSchema 실측):\n//   reportData = { output_text: { todayDate, summary, {name}_items:[{...}], skills:[{...}],\n//                                 comprehensive_analysis? }, ai_traininglog_id }\n//   - {name}_items[0] 안에 모든 단계가 `${step}_score|_basis|_issue|_improve|_example|_quality` 평면 필드로 존재\n//   - 단계 라벨은 guideline.value[i].title (길이 일치 가드, 없으면 키 humanize 폴백)\n\n/* ───────────────────────── 출력 타입 ───────────────────────── */\n\nconst QUALITIES = ['충족', '부분충족', '미흡'] as const;\nexport type RpQuality = (typeof QUALITIES)[number];\n\nexport interface RpReportStep {\n  key: string; // 단계 prefix (예: 'own', 'nurturing_org')\n  label: string; // displayMeta.steps.displayName → guideline 제목 → humanize 된 키\n  initial: string | null; // displayMeta.steps.initial. 없으면 null → session-utils stepCode 휴리스틱 폴백\n  description: string | null; // displayMeta.steps.description → guideline 단계 설명\n  idealExample: string | null; // guideline 모범 예시(있을 때)\n  score: number | null;\n  maxScore: number | null; // 신버전 리포트만 제공(구버전은 null) → 있으면 score/maxScore 표시\n  quality: RpQuality | null; // 표준 등급(충족/부분충족/미흡)일 때만. 색·정규화 비율 산출용\n  qualityLabel: string | null; // 원문 등급 문자열 그대로(예: 'X 매우 미흡'). 표시용\n  basis: string | null;\n  issue: string | null;\n  improve: string | null;\n  example: string | null; // reportData 의 단계별 예시 스크립트\n}\n\nexport interface RpReportAnalysisItem {\n  title: string;\n  detail: string;\n}\n\nexport interface RpReportSkill {\n  title: string;\n  description: string;\n  example: string;\n}\n\nexport interface RpReport {\n  frameworkTitle: string | null; // displayMeta.title — 프레임워크 제목(지표와 별개). 없으면 null\n  frameworkDescription: string | null; // displayMeta.description — 프레임워크 설명문. 없으면 null\n  todayDate: string | null;\n  totalScore: number | null;\n  comment: string | null;\n  deduction: { score: number; basis: string } | null;\n  strengths: RpReportAnalysisItem[];\n  improvements: RpReportAnalysisItem[];\n  steps: RpReportStep[];\n  skills: RpReportSkill[];\n}\n\n/* ───────────────────────── displayMeta (framework 표시 메타) ───────────────────────── */\n\n// framework.displayMeta = { title?, description?, steps:[{order,key,initial,displayName,maxValue,description}] }\n// title/description은 프레임워크 자체(지표와 별개). steps는 지표별 표시 메타.\n// 없거나 형식 불일치면 폴백(기존 동작).\nexport interface RpDisplayMetaStep {\n  order: number;\n  key: string; // = outputSchema {prefix}_score 의 prefix\n  initial: string;\n  displayName: string;\n  maxValue: number;\n  description: string;\n}\n\nexport interface RpDisplayMeta {\n  title?: string;\n  description?: string;\n  steps: RpDisplayMetaStep[];\n}\n\n/* ───────────────────────── 원시 헬퍼 ───────────────────────── */\n\nfunction isObject(v: unknown): v is Record<string, unknown> {\n  return typeof v === 'object' && v !== null && !Array.isArray(v);\n}\n\n// Array.isArray 는 any[] 로 좁혀 unsafe 접근을 유발한다. unknown[] 로 좁히는 가드.\nfunction isUnknownArray(v: unknown): v is unknown[] {\n  return Array.isArray(v);\n}\n\nfunction asString(v: unknown): string | null {\n  if (typeof v !== 'string') return null;\n  const t = v.trim();\n  return t.length > 0 ? t : null;\n}\n\nfunction asNumber(v: unknown): number | null {\n  return typeof v === 'number' && Number.isFinite(v) ? v : null;\n}\n\nfunction asQuality(v: unknown): RpQuality | null {\n  const t = asString(v);\n  if (t === null) return null;\n  return QUALITIES.find((q) => q === t) ?? null;\n}\n\n// guideline 의 example 은 string | string[] 모두 가능. '-' 플레이스홀더는 무시.\nfunction asGuidelineText(v: unknown): string | null {\n  if (isUnknownArray(v)) {\n    const parts = v\n      .map(asString)\n      .filter((s): s is string => s !== null && s !== '-');\n    return parts.length > 0 ? parts.join('\\n') : null;\n  }\n  const t = asString(v);\n  return t !== null && t !== '-' ? t : null;\n}\n\nfunction humanize(key: string): string {\n  return key\n    .split('_')\n    .filter((p) => p.length > 0)\n    .map((p) => p.charAt(0).toUpperCase() + p.slice(1))\n    .join(' ');\n}\n\n/* ───────────────────────── 단계 추출 ───────────────────────── */\n\n// ⚠ 순서 중요: 더 긴/구체 suffix를 먼저 둬야 한다.\n// 예) 'action_max_score' 는 '_score'보다 '_max_score' 가 먼저 매칭돼야\n//     prefix='action_max'(오인) 가 아니라 prefix='action', suffix='max_score' 로 잡힌다.\nconst STEP_SUFFIXES = [\n  'max_score',\n  'maxscore',\n  'max',\n  'score',\n  'basis',\n  'issue',\n  'improve',\n  'example',\n  'quality',\n] as const;\ntype StepSuffix = (typeof STEP_SUFFIXES)[number];\n\nfunction splitStepKey(\n  key: string\n): { prefix: string; suffix: StepSuffix } | null {\n  for (const suffix of STEP_SUFFIXES) {\n    const tail = `_${suffix}`;\n    if (key.endsWith(tail) && key.length > tail.length) {\n      return { prefix: key.slice(0, -tail.length), suffix };\n    }\n  }\n  return null;\n}\n\ninterface GuidelineEntry {\n  title: string | null;\n  description: string | null;\n  example: string | null;\n}\n\n// guideline = { value: [{title, example, description}], version }. 미작성/길이불일치면 빈 배열 취급(=폴백).\nfunction readGuidelineEntries(guideline: unknown): GuidelineEntry[] {\n  if (!isObject(guideline) || !isUnknownArray(guideline.value)) return [];\n  const entries: GuidelineEntry[] = guideline.value.map((v) => {\n    if (!isObject(v)) return { title: null, description: null, example: null };\n    const title = asString(v.title);\n    return {\n      title: title === '-' ? null : title,\n      description: asGuidelineText(v.description),\n      example: asGuidelineText(v.example),\n    };\n  });\n  // 전부 플레이스홀더면 라벨 소스로 쓰지 않는다.\n  if (entries.every((e) => e.title === null)) return [];\n  return entries;\n}\n\n// reportData item 객체에서 prefix→(suffix→값) 맵과 첫 등장 순서(order)를 만든다.\nfunction buildFieldsMap(itemObj: Record<string, unknown>): {\n  order: string[];\n  fields: Map<string, Map<StepSuffix, unknown>>;\n} {\n  const order: string[] = [];\n  const fields = new Map<string, Map<StepSuffix, unknown>>();\n\n  for (const [key, value] of Object.entries(itemObj)) {\n    const split = splitStepKey(key);\n    if (!split) continue;\n    if (!fields.has(split.prefix)) {\n      fields.set(split.prefix, new Map());\n      order.push(split.prefix);\n    }\n    fields.get(split.prefix)?.set(split.suffix, value);\n  }\n\n  return { order, fields };\n}\n\n// 단일 단계(step) 조립. 라벨/이니셜/설명/만점은 호출부(displayMeta 또는 폴백)가 결정해 주입.\nfunction buildStep(\n  key: string,\n  f: Map<StepSuffix, unknown>,\n  meta: {\n    label: string;\n    initial: string | null;\n    description: string | null;\n    idealExample: string | null;\n    maxScoreFallback: number | null; // reportData 에 max 가 없을 때 쓸 만점(displayMeta.maxValue)\n  }\n): RpReportStep {\n  const qualityRaw = f.get('quality');\n  return {\n    key,\n    label: meta.label,\n    initial: meta.initial,\n    description: meta.description,\n    idealExample: meta.idealExample,\n    score: asNumber(f.get('score')),\n    // reportData 의 실제 만점이 우선, 없으면 displayMeta.maxValue 폴백.\n    maxScore:\n      asNumber(f.get('max_score') ?? f.get('maxscore') ?? f.get('max')) ??\n      meta.maxScoreFallback,\n    quality: asQuality(qualityRaw),\n    qualityLabel: asString(qualityRaw),\n    basis: asString(f.get('basis')),\n    issue: asString(f.get('issue')),\n    improve: asString(f.get('improve')),\n    example: asString(f.get('example')),\n  };\n}\n\nfunction extractSteps(\n  itemObj: Record<string, unknown>,\n  guideline: unknown,\n  displaySteps: RpDisplayMetaStep[]\n): RpReportStep[] {\n  const { order, fields } = buildFieldsMap(itemObj);\n  const entries = readGuidelineEntries(guideline);\n\n  // ── displayMeta.steps 우선: order 정렬된 steps 를 key 로 reportData 필드에 매칭.\n  if (displaySteps.length > 0) {\n    // guideline 의 단계 설명/모범예시 보강은 길이 일치 시에만 인덱스 매핑(기존 가드와 동일 정신).\n    const useGuideline = entries.length === displaySteps.length;\n    return displaySteps.map((ds, i) => {\n      const f = fields.get(ds.key) ?? new Map<StepSuffix, unknown>();\n      const entry = useGuideline ? entries[i] : null;\n      // 지표 설명: displayMeta.steps.description 우선, 없으면 guideline.\n      const dsDescription =\n        ds.description.trim().length > 0 ? ds.description : null;\n      return buildStep(ds.key, f, {\n        label: ds.displayName,\n        initial: ds.initial.trim().length > 0 ? ds.initial : null,\n        description: dsDescription ?? entry?.description ?? null,\n        idealExample: entry?.example ?? null,\n        maxScoreFallback: ds.maxValue > 0 ? ds.maxValue : null,\n      });\n    });\n  }\n\n  // ── 폴백: reportData 키 등장 순서 + guideline 길이일치 인덱스 매칭 + humanize.\n  const useGuideline = entries.length === order.length;\n  return order.map((prefix, i) => {\n    const f = fields.get(prefix) ?? new Map<StepSuffix, unknown>();\n    const entry = useGuideline ? entries[i] : null;\n    return buildStep(prefix, f, {\n      label: entry?.title ?? humanize(prefix),\n      initial: null,\n      description: entry?.description ?? null,\n      idealExample: entry?.example ?? null,\n      maxScoreFallback: null,\n    });\n  });\n}\n\n// framework.displayMeta(unknown) 를 견고하게 정규화.\n// title/description(프레임워크 자체)과 steps(지표 배열)는 독립 — steps 가 비어도 title/description 은 살린다.\nfunction readDisplayMeta(raw: unknown): {\n  title: string | null;\n  description: string | null;\n  steps: RpDisplayMetaStep[];\n} {\n  if (!isObject(raw)) return { title: null, description: null, steps: [] };\n\n  const steps: RpDisplayMetaStep[] = [];\n  if (isUnknownArray(raw.steps)) {\n    for (const s of raw.steps) {\n      if (!isObject(s)) continue;\n      const key = asString(s.key);\n      if (key === null) continue; // key 없는 항목은 매칭 불가 → 제외\n      steps.push({\n        order: asNumber(s.order) ?? steps.length,\n        key,\n        initial: asString(s.initial) ?? '',\n        displayName: asString(s.displayName) ?? humanize(key),\n        maxValue: asNumber(s.maxValue) ?? 0,\n        description: asString(s.description) ?? '',\n      });\n    }\n    steps.sort((a, b) => a.order - b.order);\n  }\n\n  return {\n    title: asString(raw.title),\n    description: asString(raw.description),\n    steps,\n  };\n}\n\n/* ───────────────────────── 강점/개선점 (numbered-pair 평탄화) ───────────────────────── */\n\n// 객체에서 `${titleBase}${n}` / `${detailBase}${n}` 쌍을 n=1.. 순으로 수집.\nfunction flattenNumberedPairs(\n  obj: Record<string, unknown>,\n  titleBase: string,\n  detailBase: string\n): RpReportAnalysisItem[] {\n  const out: RpReportAnalysisItem[] = [];\n  for (let n = 1; ; n += 1) {\n    const title = asString(obj[`${titleBase}${n}`]);\n    if (title === null) break;\n    out.push({ title, detail: asString(obj[`${detailBase}${n}`]) ?? '' });\n  }\n  return out;\n}\n\n// 후보 (titleBase, detailBase) 쌍을 순서대로 시도, 첫 매치를 사용. (구·신 스키마 모두 대응)\nconst ANALYSIS_PAIR_CANDIDATES: readonly (readonly [string, string])[] = [\n  ['title', 'detail'],\n  ['improvement_title', 'improvement_action'],\n  ['issue_title', 'issue_detail'],\n];\n\nfunction flattenAnalysis(source: unknown): RpReportAnalysisItem[] {\n  if (!isUnknownArray(source)) return [];\n  const out: RpReportAnalysisItem[] = [];\n  for (const obj of source) {\n    if (!isObject(obj)) continue;\n    for (const [titleBase, detailBase] of ANALYSIS_PAIR_CANDIDATES) {\n      const items = flattenNumberedPairs(obj, titleBase, detailBase);\n      if (items.length > 0) {\n        out.push(...items);\n        break;\n      }\n    }\n  }\n  return out;\n}\n\n/* ───────────────────────── skills 평탄화 ───────────────────────── */\n\nfunction flattenSkills(source: unknown): RpReportSkill[] {\n  if (!isUnknownArray(source)) return [];\n  const out: RpReportSkill[] = [];\n  for (const obj of source) {\n    if (!isObject(obj)) continue;\n    for (let n = 1; ; n += 1) {\n      const title = asString(obj[`skill${n}`]);\n      if (title === null) break;\n      out.push({\n        title,\n        description: asString(obj[`description${n}`]) ?? '',\n        example: asString(obj[`example${n}`]) ?? '',\n      });\n    }\n  }\n  return out;\n}\n\n/* ───────────────────────── 종합/감점 ───────────────────────── */\n\nfunction readDeduction(\n  summary: Record<string, unknown> | null\n): { score: number; basis: string } | null {\n  if (!summary || !isObject(summary.deduction)) return null;\n  const score = asNumber(summary.deduction.score);\n  const basis = asString(summary.deduction.basis);\n  if (score === null || basis === null) return null;\n  return { score, basis };\n}\n\n/* ───────────────────────── 메인 파서 ───────────────────────── */\n\n// airflow 가 output_text 를 dict 로 정규화해 저장하므로(ai_traininglog_request_clova.py),\n// 래퍼는 객체. 래퍼가 없으면(일부 프레임워크) reportData 자체를 루트로 사용.\nfunction unwrapOutputText(reportData: unknown): Record<string, unknown> {\n  if (!isObject(reportData)) return {};\n  return isObject(reportData.output_text) ? reportData.output_text : reportData;\n}\n\nfunction findItemsArray(\n  root: Record<string, unknown>\n): Record<string, unknown> | null {\n  for (const [key, value] of Object.entries(root)) {\n    if (!key.endsWith('_items') || !isUnknownArray(value)) continue;\n    const first = value[0];\n    if (isObject(first)) return first;\n  }\n  return null;\n}\n\nexport function parseReportData(\n  reportData: unknown,\n  guideline: unknown,\n  displayMeta?: unknown\n): RpReport {\n  const root = unwrapOutputText(reportData);\n  const meta = readDisplayMeta(displayMeta);\n\n  const summary = isObject(root.summary) ? root.summary : null;\n  const comprehensive = isObject(root.comprehensive_analysis)\n    ? root.comprehensive_analysis\n    : null;\n\n  // 종합 코멘트: 신(comprehensive_analysis) → 구(summary) 순.\n  const comment =\n    asString(comprehensive?.comment) ??\n    asString(summary?.comment) ??\n    asString(summary?.basis);\n\n  // 강점: comprehensive_analysis.strengths(신) → summary.good_point(구)\n  const strengths = flattenAnalysis(\n    comprehensive?.strengths ?? summary?.good_point\n  );\n  // 개선점: comprehensive_analysis.improvements(신) → summary.improvement(구)\n  const improvements = flattenAnalysis(\n    comprehensive?.improvements ?? summary?.improvement\n  );\n\n  const itemObj = findItemsArray(root);\n  const steps = itemObj ? extractSteps(itemObj, guideline, meta.steps) : [];\n\n  return {\n    frameworkTitle: meta.title,\n    frameworkDescription: meta.description,\n    todayDate: asString(root.todayDate),\n    totalScore: asNumber(summary?.total_score),\n    comment,\n    deduction: readDeduction(summary),\n    strengths,\n    improvements,\n    steps,\n    skills: flattenSkills(root.skills),\n  };\n}\n"],"mappings":"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","names":["useGuideline"]}

package/dist/{chunk-KQ3ME6XY.js → chunk-U2EAXN3Y.js}

@@ -1,3 +1,6 @@
+import {
+  review_question_text_default
+} from "./chunk-WLKK5L3P.js";
 import {
   review_question_radio_default
 } from "./chunk-CGLDFUOY.js";
@@ -7,9 +10,6 @@ import {
 import {
   ReviewQuestionSatisfisText
 } from "./chunk-ZGTGEBQX.js";
-import {
-  review_question_text_default
-} from "./chunk-WLKK5L3P.js";
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-body.tsx
 import { jsx } from "react/jsx-runtime";
@@ -66,4 +66,4 @@ var review_question_body_default = ReviewQuestionBody;
 export {
   review_question_body_default
 };
-//# sourceMappingURL=chunk-KQ3ME6XY.js.map
+//# sourceMappingURL=chunk-U2EAXN3Y.js.map

package/dist/chunk-UXAEOCOH.js

@@ -0,0 +1,150 @@
+import {
+  EchartDefaultProps
+} from "./chunk-WSWSAPSS.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/app/roleplay/chart/session-chart.tsx
+import { useEffect, useMemo, useRef, useState } from "react";
+import { useResizeDetector } from "react-resize-detector";
+import * as echarts from "echarts/core";
+import * as ReactEChartsCoreNs from "echarts-for-react/lib/core";
+import { LineChart, RadarChart } from "echarts/charts";
+import { SVGRenderer } from "echarts/renderers";
+import {
+  AxisPointerComponent,
+  AriaComponent,
+  TooltipComponent,
+  GridComponent,
+  LegendComponent,
+  PolarComponent,
+  RadarComponent
+} from "echarts/components";
+import { jsx } from "react/jsx-runtime";
+function unwrapDefault(mod) {
+  let current = mod;
+  while (current !== null && typeof current === "object" && "default" in current) {
+    current = current.default;
+  }
+  return current;
+}
+function isComponentType(value) {
+  return typeof value === "function";
+}
+var unwrappedChart = unwrapDefault(ReactEChartsCoreNs);
+var ReactEChartsCore = isComponentType(unwrappedChart) ? unwrappedChart : ReactEChartsCoreNs.default;
+echarts.use([
+  SVGRenderer,
+  LineChart,
+  RadarChart,
+  TooltipComponent,
+  GridComponent,
+  LegendComponent,
+  AriaComponent,
+  AxisPointerComponent,
+  PolarComponent,
+  RadarComponent
+]);
+function deepMerge(base, override) {
+  if (!override) return base;
+  if (typeof base !== "object" || !base || Array.isArray(base) || typeof override !== "object" || Array.isArray(override)) {
+    return override;
+  }
+  const out = __spreadValues({}, base);
+  for (const [k, v] of Object.entries(override)) {
+    out[k] = k in out ? deepMerge(out[k], v) : v;
+  }
+  return out;
+}
+function Chart(_a) {
+  var _b = _a, {
+    option: optionProp
+  } = _b, rest = __objRest(_b, [
+    "option"
+  ]);
+  const { width, height, ref } = useResizeDetector({
+    handleHeight: true,
+    refreshMode: "debounce",
+    refreshRate: 100
+  });
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+  const option = useMemo(() => {
+    const baseOption = {
+      textStyle: { fontFamily: "var(--default-font-family, 'Noto Sans KR')" },
+      tooltip: { textStyle: { fontSize: 13 } },
+      // ds-allow: chart-lib
+      animation: false
+    };
+    return deepMerge(baseOption, optionProp);
+  }, [optionProp]);
+  return /* @__PURE__ */ jsx("div", { ref, style: { width: "100%", height: "100%" }, children: mounted ? /* @__PURE__ */ jsx(
+    ReactEChartsCore,
+    __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, EchartDefaultProps), {
+      echarts,
+      opts: { renderer: "svg" },
+      style: { height, width }
+    }), rest), {
+      option
+    })
+  ) : null });
+}
+function normalizeColor(value, fallback) {
+  const v = value.trim();
+  if (!v) return fallback;
+  if (/^#|^rgb|^hsl/i.test(v)) return v;
+  try {
+    const canvas = document.createElement("canvas");
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return fallback;
+    ctx.fillStyle = "#000";
+    ctx.fillStyle = v;
+    const out = ctx.fillStyle;
+    return /color\(|^$/i.test(out) ? fallback : out;
+  } catch (e) {
+    return fallback;
+  }
+}
+function useTokenColors(vars) {
+  const probeRef = useRef(null);
+  const fallbacks = useMemo(() => {
+    const f = {};
+    for (const k of Object.keys(vars)) f[k] = vars[k][1];
+    return f;
+  }, [vars]);
+  const [resolved, setResolved] = useState(fallbacks);
+  const key = JSON.stringify(vars);
+  const varsRef = useRef(vars);
+  varsRef.current = vars;
+  useEffect(() => {
+    const el = probeRef.current;
+    if (!el) return;
+    const cs = getComputedStyle(el);
+    const next = {};
+    for (const k of Object.keys(varsRef.current)) {
+      const [cssVar, fallback] = varsRef.current[k];
+      next[k] = normalizeColor(cs.getPropertyValue(cssVar), fallback);
+    }
+    setResolved(next);
+  }, [key]);
+  const probe = /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      ref: probeRef,
+      style: { position: "absolute", width: 0, height: 0, overflow: "hidden" }
+    }
+  );
+  return { colors: resolved, probe };
+}
+
+export {
+  Chart,
+  useTokenColors
+};
+//# sourceMappingURL=chunk-UXAEOCOH.js.map