@tipp/ui 2.9.0 → 2.10.1

package/dist/app/roleplay/utils/session-utils.d.ts

@@ -0,0 +1,38 @@
+import { RpSessionScriptLine } from '../types.js';
+import { RpQuality, RpReportStep } from './report-parse.js';
+
+interface SpeechShare {
+    userPct: number;
+    partnerPct: number;
+}
+type QColor = 'green' | 'amber' | 'red' | 'gray';
+declare const COLOR_VARS: Record<QColor, {
+    fg: string;
+    bg: string;
+    border: string;
+}>;
+declare function qualityColor(quality: RpQuality | null): QColor;
+declare const QUALITY_RATIO: Record<RpQuality, number>;
+declare function qualityRatio(quality: RpQuality | null): number | null;
+declare function gradeColorFromLabel(label: string | null): QColor;
+declare function stepColor(step: RpReportStep): QColor;
+declare function stepVars(step: RpReportStep): {
+    fg: string;
+    bg: string;
+    border: string;
+};
+declare function stepRatio(step: RpReportStep): number | null;
+declare function stepScoreText(step: RpReportStep): string | null;
+declare function stepGradeLabel(step: RpReportStep): string | null;
+declare function hasStepSignal(step: RpReportStep): boolean;
+declare function stepCode(step: RpReportStep): string;
+declare function formatDuration(seconds: number | null): string;
+declare function formatDate(iso: string): string;
+declare function formatTimestamp(ms: number): string;
+declare const SYNC_TOLERANCE = 0.05;
+declare function isLengthClose(mediaSec: number | null, sttSec: number): boolean;
+declare const SPEECH_OVERTALK_THRESHOLD = 40;
+declare function computeSpeechShare(lines: RpSessionScriptLine[]): SpeechShare | null;
+declare function statusLabelOf(status: string | null): string;
+
+export { COLOR_VARS, type QColor, QUALITY_RATIO, SPEECH_OVERTALK_THRESHOLD, SYNC_TOLERANCE, type SpeechShare, computeSpeechShare, formatDate, formatDuration, formatTimestamp, gradeColorFromLabel, hasStepSignal, isLengthClose, qualityColor, qualityRatio, statusLabelOf, stepCode, stepColor, stepGradeLabel, stepRatio, stepScoreText, stepVars };

package/dist/app/roleplay/utils/session-utils.js

@@ -0,0 +1,46 @@
+import {
+  COLOR_VARS,
+  QUALITY_RATIO,
+  SPEECH_OVERTALK_THRESHOLD,
+  SYNC_TOLERANCE,
+  computeSpeechShare,
+  formatDate,
+  formatDuration,
+  formatTimestamp,
+  gradeColorFromLabel,
+  hasStepSignal,
+  isLengthClose,
+  qualityColor,
+  qualityRatio,
+  statusLabelOf,
+  stepCode,
+  stepColor,
+  stepGradeLabel,
+  stepRatio,
+  stepScoreText,
+  stepVars
+} from "../../../chunk-4YAA25AV.js";
+import "../../../chunk-CRTRMMJ7.js";
+export {
+  COLOR_VARS,
+  QUALITY_RATIO,
+  SPEECH_OVERTALK_THRESHOLD,
+  SYNC_TOLERANCE,
+  computeSpeechShare,
+  formatDate,
+  formatDuration,
+  formatTimestamp,
+  gradeColorFromLabel,
+  hasStepSignal,
+  isLengthClose,
+  qualityColor,
+  qualityRatio,
+  statusLabelOf,
+  stepCode,
+  stepColor,
+  stepGradeLabel,
+  stepRatio,
+  stepScoreText,
+  stepVars
+};
+//# sourceMappingURL=session-utils.js.map

package/dist/app/roleplay/utils/session-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-32WIS4L7.js

@@ -0,0 +1,131 @@
+import {
+  StepSummary
+} from "./chunk-EBFQFOUQ.js";
+import {
+  ScoreSummary
+} from "./chunk-6YIKOYBQ.js";
+import {
+  ScoreTrendSection
+} from "./chunk-YHP75Y5K.js";
+import {
+  SectionNav
+} from "./chunk-NKW6BO5R.js";
+import {
+  StepDetail
+} from "./chunk-KJPBBBVK.js";
+import {
+  hasStepSignal
+} from "./chunk-4YAA25AV.js";
+import {
+  AnalysisSection,
+  Section
+} from "./chunk-7MXY3D3Z.js";
+import {
+  CoachingPanel
+} from "./chunk-GA6W62DO.js";
+import {
+  Separator
+} from "./chunk-HYITAA4J.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.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/content.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Content({
+  detail,
+  report,
+  history,
+  speechShare,
+  scrollMarginTop
+}) {
+  var _a;
+  const { steps, skills, strengths, improvements } = report;
+  const scoreValue = (_a = detail.totalScore) != null ? _a : report.totalScore;
+  const showTrend = history.length > 1;
+  const showStepSummary = steps.length > 0 && steps.some(hasStepSignal);
+  const showStepDetail = steps.length > 0;
+  const navItems = [
+    { id: "score-summary", label: "\uC885\uD569 \uC810\uC218", score: scoreValue, max: 100 },
+    ...strengths.length > 0 ? [{ id: "strengths", label: "\uAC15\uC810" }] : [],
+    ...improvements.length > 0 ? [{ id: "improvements", label: "\uAC1C\uC120\uC810" }] : [],
+    ...showTrend ? [{ id: "score-trend", label: "\uCD1D\uC810 \uCD94\uC774" }] : [],
+    ...showStepSummary ? [{ id: "step-summary", label: "\uD3C9\uAC00 \uB2E8\uACC4 \uC694\uC57D" }] : [],
+    ...showStepDetail ? [{ id: "step-detail", label: "\uB2E8\uACC4\uBCC4 \uC0C1\uC138 \uBD84\uC11D" }] : [],
+    ...skills.length > 0 ? [{ id: "coaching", label: "\uC989\uC2DC \uC801\uC6A9 \uC2A4\uD0AC" }] : []
+  ];
+  return /* @__PURE__ */ jsxs(
+    Grid,
+    {
+      align: "start",
+      columns: { initial: "1", md: "minmax(0, 1fr) 224px" },
+      gap: "7",
+      children: [
+        /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "7", children: [
+          report.frameworkTitle !== null || report.frameworkDescription !== null ? /* @__PURE__ */ jsxs(Box, { children: [
+            report.frameworkTitle !== null ? /* @__PURE__ */ jsx(Heading, { size: "5", weight: "bold", children: report.frameworkTitle }) : null,
+            report.frameworkDescription !== null ? /* @__PURE__ */ jsx(Box, { mt: report.frameworkTitle !== null ? "2" : "0", children: /* @__PURE__ */ jsx(Typo, { as: "p", variant: "body", children: report.frameworkDescription }) }) : null
+          ] }) : null,
+          /* @__PURE__ */ jsx(Box, { id: "score-summary", style: { scrollMarginTop }, children: /* @__PURE__ */ jsx(ScoreSummary, { detail, report, speechShare }) }),
+          strengths.length > 0 ? /* @__PURE__ */ jsx(Box, { id: "strengths", style: { scrollMarginTop }, children: /* @__PURE__ */ jsx(
+            AnalysisSection,
+            {
+              desc: "\uC774\uBC88 \uC138\uC158\uC5D0\uC11C \uC798\uD55C \uC810",
+              items: strengths,
+              title: "\uAC15\uC810",
+              tone: "good"
+            }
+          ) }) : null,
+          improvements.length > 0 ? /* @__PURE__ */ jsx(Box, { id: "improvements", style: { scrollMarginTop }, children: /* @__PURE__ */ jsx(
+            AnalysisSection,
+            {
+              desc: "\uB2E4\uC74C \uC2DC\uB3C4\uC5D0\uC11C \uBCF4\uC644\uD560 \uC810",
+              items: improvements,
+              title: "\uAC1C\uC120\uC810",
+              tone: "bad"
+            }
+          ) }) : null,
+          showTrend ? /* @__PURE__ */ jsx(Box, { id: "score-trend", style: { scrollMarginTop }, children: /* @__PURE__ */ jsx(ScoreTrendSection, { history }) }) : null,
+          showStepSummary ? /* @__PURE__ */ jsx(Box, { id: "step-summary", style: { scrollMarginTop }, children: /* @__PURE__ */ jsx(StepSummary, { steps }) }) : null,
+          showStepDetail ? /* @__PURE__ */ jsx(Box, { id: "step-detail", style: { scrollMarginTop }, children: /* @__PURE__ */ jsx(
+            Section,
+            {
+              desc: "\uB300\uD654 \uD504\uB808\uC784\uC6CC\uD06C \uB2E8\uACC4\uBCC4 \uD3C9\uAC00 \uACB0\uACFC\uC785\uB2C8\uB2E4.",
+              title: "\uB2E8\uACC4\uBCC4 \uC0C1\uC138 \uBD84\uC11D",
+              children: /* @__PURE__ */ jsx(Flex, { direction: "column", children: steps.map((step, i) => /* @__PURE__ */ jsxs(Box, { children: [
+                i > 0 ? /* @__PURE__ */ jsx(
+                  Separator,
+                  {
+                    mb: "6",
+                    size: "4",
+                    style: { marginTop: "calc(var(--space-9) * 1.6)" }
+                  }
+                ) : null,
+                /* @__PURE__ */ jsx(StepDetail, { scrollMarginTop, step })
+              ] }, step.key)) })
+            }
+          ) }) : null,
+          skills.length > 0 ? /* @__PURE__ */ jsx(Box, { id: "coaching", style: { scrollMarginTop }, children: /* @__PURE__ */ jsx(CoachingPanel, { skills }) }) : null
+        ] }),
+        /* @__PURE__ */ jsx(SectionNav, { items: navItems, steps: showStepDetail ? steps : [] })
+      ]
+    }
+  );
+}
+
+export {
+  Content
+};
+//# sourceMappingURL=chunk-32WIS4L7.js.map

package/dist/chunk-32WIS4L7.js.map

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

package/dist/chunk-3UGBMKSQ.js

@@ -0,0 +1,166 @@
+import {
+  ScriptTranscript
+} from "./chunk-EHDUKUML.js";
+import {
+  computeSpeechShare,
+  isLengthClose
+} from "./chunk-4YAA25AV.js";
+import {
+  Tabs
+} from "./chunk-CGDBUDY3.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Dialog
+} from "./chunk-KDS7OQOY.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  __async
+} from "./chunk-CRTRMMJ7.js";
+
+// src/app/roleplay/parts/session-replay-dialog.tsx
+import { useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function resolveUrl(raw, disp, resolver) {
+  return __async(this, null, function* () {
+    if (!raw) return void 0;
+    if (!resolver) return raw;
+    try {
+      return yield resolver(raw, { disposition: disp });
+    } catch (e) {
+      return raw;
+    }
+  });
+}
+function SessionReplayDialog({
+  open,
+  onOpenChange,
+  detail,
+  script,
+  onResolveMediaUrl
+}) {
+  var _a, _b, _c;
+  const videoRef = useRef(null);
+  const audioRef = useRef(null);
+  const hasVideo = Boolean(detail.trainingVideoURL);
+  const hasAudio = Boolean(detail.trainingAudioURL);
+  const [tab, setTab] = useState(hasVideo ? "video" : "audio");
+  const [currentMs, setCurrentMs] = useState(0);
+  const [videoSec, setVideoSec] = useState((_a = detail.videoDurationSec) != null ? _a : null);
+  const [audioSec, setAudioSec] = useState((_b = detail.audioDurationSec) != null ? _b : null);
+  const [resolvedVideoUrl, setResolvedVideoUrl] = useState(void 0);
+  const [resolvedAudioUrl, setResolvedAudioUrl] = useState(void 0);
+  useEffect(() => {
+    if (!open) return;
+    void resolveUrl(detail.trainingVideoURL, "inline", onResolveMediaUrl).then(
+      setResolvedVideoUrl
+    );
+    void resolveUrl(detail.trainingAudioURL, "inline", onResolveMediaUrl).then(
+      setResolvedAudioUrl
+    );
+  }, [open, detail.trainingVideoURL, detail.trainingAudioURL, onResolveMediaUrl]);
+  const lines = useMemo(() => {
+    var _a2;
+    return (_a2 = script == null ? void 0 : script.items) != null ? _a2 : [];
+  }, [script == null ? void 0 : script.items]);
+  const speechShare = useMemo(() => computeSpeechShare(lines), [lines]);
+  const sttSec = ((_c = script == null ? void 0 : script.durationMs) != null ? _c : 0) / 1e3;
+  const canSync = tab === "video" ? hasVideo && isLengthClose(videoSec, sttSec) : hasAudio && isLengthClose(audioSec, sttSec);
+  const activeMediaRef = tab === "video" ? videoRef : audioRef;
+  const handleSeek = (startMs) => {
+    if (!canSync) return;
+    const el = activeMediaRef.current;
+    if (!el) return;
+    el.currentTime = startMs / 1e3;
+    void el.play();
+  };
+  const handleTimeUpdate = () => {
+    const el = activeMediaRef.current;
+    if (el) {
+      setCurrentMs(el.currentTime * 1e3);
+    }
+  };
+  return /* @__PURE__ */ jsx(Dialog.Root, { onOpenChange, open, children: /* @__PURE__ */ jsx(Dialog.Content, { maxWidth: "1040px", title: "\uC138\uC158 \uB2E4\uC2DC\uBCF4\uAE30", width: "100%", children: /* @__PURE__ */ jsxs(
+    Grid,
+    {
+      columns: { initial: "1", md: "minmax(0, 1fr) minmax(0, 1.05fr)" },
+      gap: "5",
+      mt: "2",
+      children: [
+        /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(
+          Tabs.Root,
+          {
+            onValueChange: (v) => {
+              setTab(v);
+            },
+            value: tab,
+            children: [
+              /* @__PURE__ */ jsxs(Tabs.List, { children: [
+                hasVideo ? /* @__PURE__ */ jsx(Tabs.Trigger, { value: "video", children: "\uC601\uC0C1" }) : null,
+                hasAudio ? /* @__PURE__ */ jsx(Tabs.Trigger, { value: "audio", children: "\uC624\uB514\uC624" }) : null
+              ] }),
+              hasVideo ? /* @__PURE__ */ jsx(Tabs.Content, { value: "video", children: /* @__PURE__ */ jsx(
+                Box,
+                {
+                  mt: "3",
+                  style: {
+                    borderRadius: "var(--radius-3)",
+                    overflow: "hidden",
+                    background: "var(--gray-3)"
+                  },
+                  children: /* @__PURE__ */ jsx(
+                    "video",
+                    {
+                      controls: true,
+                      onLoadedMetadata: () => {
+                        var _a2, _b2;
+                        setVideoSec((_b2 = (_a2 = videoRef.current) == null ? void 0 : _a2.duration) != null ? _b2 : null);
+                      },
+                      onTimeUpdate: handleTimeUpdate,
+                      ref: videoRef,
+                      src: resolvedVideoUrl,
+                      style: { width: "100%", display: "block", maxHeight: 440 }
+                    }
+                  )
+                }
+              ) }) : null,
+              hasAudio ? /* @__PURE__ */ jsx(Tabs.Content, { value: "audio", children: /* @__PURE__ */ jsx(Box, { mt: "3", children: /* @__PURE__ */ jsx(
+                "audio",
+                {
+                  controls: true,
+                  onLoadedMetadata: () => {
+                    var _a2, _b2;
+                    setAudioSec((_b2 = (_a2 = audioRef.current) == null ? void 0 : _a2.duration) != null ? _b2 : null);
+                  },
+                  onTimeUpdate: handleTimeUpdate,
+                  ref: audioRef,
+                  src: resolvedAudioUrl,
+                  style: { width: "100%" }
+                }
+              ) }) }) : null
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          ScriptTranscript,
+          {
+            canSync,
+            currentMs,
+            lines,
+            onSeek: handleSeek,
+            partnerName: detail.characterTitle,
+            speechShare
+          }
+        )
+      ]
+    }
+  ) }) });
+}
+
+export {
+  SessionReplayDialog
+};
+//# sourceMappingURL=chunk-3UGBMKSQ.js.map

package/dist/chunk-3UGBMKSQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/roleplay/parts/session-replay-dialog.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { Box, Dialog, Grid, Tabs } from '../../../atoms';\nimport { computeSpeechShare, isLengthClose } from '../utils/session-utils';\nimport type { RpSessionDetailData, RpSessionScript } from '../types';\nimport { ScriptTranscript } from './script-transcript';\n\nexport interface SessionReplayDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  detail: RpSessionDetailData;\n  script?: RpSessionScript | null;\n  onResolveMediaUrl?: (\n    rawUrl: string,\n    options: { disposition: 'inline' | 'attachment' }\n  ) => string | Promise<string>;\n}\n\ntype ReplayTab = 'video' | 'audio';\n\nasync function resolveUrl(\n  raw: string | null | undefined,\n  disp: 'inline' | 'attachment',\n  resolver?: (rawUrl: string, options: { disposition: 'inline' | 'attachment' }) => string | Promise<string>\n): Promise<string | undefined> {\n  if (!raw) return undefined;\n  if (!resolver) return raw;\n  try {\n    return await resolver(raw, { disposition: disp });\n  } catch {\n    return raw;\n  }\n}\n\nexport function SessionReplayDialog({\n  open,\n  onOpenChange,\n  detail,\n  script,\n  onResolveMediaUrl,\n}: SessionReplayDialogProps): React.ReactElement {\n  const videoRef = useRef<HTMLVideoElement>(null);\n  const audioRef = useRef<HTMLAudioElement>(null);\n\n  const hasVideo = Boolean(detail.trainingVideoURL);\n  const hasAudio = Boolean(detail.trainingAudioURL);\n\n  const [tab, setTab] = useState<ReplayTab>(hasVideo ? 'video' : 'audio');\n  const [currentMs, setCurrentMs] = useState(0);\n  const [videoSec, setVideoSec] = useState<number | null>(detail.videoDurationSec ?? null);\n  const [audioSec, setAudioSec] = useState<number | null>(detail.audioDurationSec ?? null);\n\n  const [resolvedVideoUrl, setResolvedVideoUrl] = useState<string | undefined>(undefined);\n  const [resolvedAudioUrl, setResolvedAudioUrl] = useState<string | undefined>(undefined);\n\n  useEffect(() => {\n    if (!open) return;\n    void resolveUrl(detail.trainingVideoURL, 'inline', onResolveMediaUrl).then(\n      setResolvedVideoUrl\n    );\n    void resolveUrl(detail.trainingAudioURL, 'inline', onResolveMediaUrl).then(\n      setResolvedAudioUrl\n    );\n  }, [open, detail.trainingVideoURL, detail.trainingAudioURL, onResolveMediaUrl]);\n\n  const lines = useMemo(() => script?.items ?? [], [script?.items]);\n  const speechShare = useMemo(() => computeSpeechShare(lines), [lines]);\n  const sttSec = (script?.durationMs ?? 0) / 1000;\n\n  const canSync =\n    tab === 'video'\n      ? hasVideo && isLengthClose(videoSec, sttSec)\n      : hasAudio && isLengthClose(audioSec, sttSec);\n\n  const activeMediaRef = tab === 'video' ? videoRef : audioRef;\n\n  const handleSeek = (startMs: number): void => {\n    if (!canSync) return;\n    const el = activeMediaRef.current;\n    if (!el) return;\n    el.currentTime = startMs / 1000;\n    void el.play();\n  };\n\n  const handleTimeUpdate = (): void => {\n    const el = activeMediaRef.current;\n    if (el) {\n      setCurrentMs(el.currentTime * 1000);\n    }\n  };\n\n  return (\n    <Dialog.Root onOpenChange={onOpenChange} open={open}>\n      <Dialog.Content maxWidth=\"1040px\" title=\"세션 다시보기\" width=\"100%\">\n        <Grid\n          columns={{ initial: '1', md: 'minmax(0, 1fr) minmax(0, 1.05fr)' }}\n          gap=\"5\"\n          mt=\"2\"\n        >\n          <Box>\n            <Tabs.Root\n              onValueChange={(v) => {\n                setTab(v as ReplayTab);\n              }}\n              value={tab}\n            >\n              <Tabs.List>\n                {hasVideo ? <Tabs.Trigger value=\"video\">영상</Tabs.Trigger> : null}\n                {hasAudio ? <Tabs.Trigger value=\"audio\">오디오</Tabs.Trigger> : null}\n              </Tabs.List>\n              {hasVideo ? (\n                <Tabs.Content value=\"video\">\n                  <Box\n                    mt=\"3\"\n                    style={{\n                      borderRadius: 'var(--radius-3)',\n                      overflow: 'hidden',\n                      background: 'var(--gray-3)',\n                    }}\n                  >\n                    {/* eslint-disable-next-line jsx-a11y/media-has-caption -- 학습 다시보기 영상은 자막 트랙이 없는 사용자 녹화본 */}\n                    <video\n                      controls\n                      onLoadedMetadata={() => {\n                        setVideoSec(videoRef.current?.duration ?? null);\n                      }}\n                      onTimeUpdate={handleTimeUpdate}\n                      ref={videoRef}\n                      src={resolvedVideoUrl}\n                      style={{ width: '100%', display: 'block', maxHeight: 440 }}\n                    />\n                  </Box>\n                </Tabs.Content>\n              ) : null}\n              {hasAudio ? (\n                <Tabs.Content value=\"audio\">\n                  <Box mt=\"3\">\n                    {/* eslint-disable-next-line jsx-a11y/media-has-caption -- 학습 다시보기 오디오는 자막 트랙이 없는 사용자 녹음본 */}\n                    <audio\n                      controls\n                      onLoadedMetadata={() => {\n                        setAudioSec(audioRef.current?.duration ?? null);\n                      }}\n                      onTimeUpdate={handleTimeUpdate}\n                      ref={audioRef}\n                      src={resolvedAudioUrl}\n                      style={{ width: '100%' }}\n                    />\n                  </Box>\n                </Tabs.Content>\n              ) : null}\n            </Tabs.Root>\n          </Box>\n\n          <ScriptTranscript\n            canSync={canSync}\n            currentMs={currentMs}\n            lines={lines}\n            onSeek={handleSeek}\n            partnerName={detail.characterTitle}\n            speechShare={speechShare}\n          />\n        </Grid>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n}\n"],"mappings":"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","names":["_a","_b"]}

package/dist/chunk-4YAA25AV.js

@@ -0,0 +1,161 @@
+// src/app/roleplay/utils/session-utils.ts
+import { format } from "date-fns";
+var COLOR_VARS = {
+  green: {
+    fg: "var(--green-11)",
+    bg: "var(--green-a3)",
+    border: "var(--green-a6)"
+  },
+  amber: {
+    fg: "var(--amber-11)",
+    bg: "var(--amber-a3)",
+    border: "var(--amber-a6)"
+  },
+  red: { fg: "var(--red-11)", bg: "var(--red-a3)", border: "var(--red-a6)" },
+  gray: { fg: "var(--gray-9)", bg: "var(--gray-a3)", border: "var(--gray-5)" }
+};
+function qualityColor(quality) {
+  switch (quality) {
+    case "\uCDA9\uC871":
+      return "green";
+    case "\uBD80\uBD84\uCDA9\uC871":
+      return "amber";
+    case "\uBBF8\uD761":
+      return "red";
+    default:
+      return "gray";
+  }
+}
+var QUALITY_RATIO = {
+  \uCDA9\uC871: 1,
+  \uBD80\uBD84\uCDA9\uC871: 0.6,
+  \uBBF8\uD761: 0.3
+};
+function qualityRatio(quality) {
+  return quality === null ? null : QUALITY_RATIO[quality];
+}
+function gradeColorFromLabel(label) {
+  if (!label) return "gray";
+  if (label.includes("\uBBF8\uD761") || label.includes("\uBD80\uC871") || label.includes("\uBBF8\uB2EC"))
+    return "red";
+  if (label.includes("\uBD80\uBD84") || label.includes("\uBCF4\uD1B5")) return "amber";
+  if (label.includes("\uCDA9\uC871") || label.includes("\uC6B0\uC218") || label.includes("\uCDA9\uBD84"))
+    return "green";
+  return "gray";
+}
+function stepColor(step) {
+  return step.quality !== null ? qualityColor(step.quality) : gradeColorFromLabel(step.qualityLabel);
+}
+function stepVars(step) {
+  return COLOR_VARS[stepColor(step)];
+}
+function stepRatio(step) {
+  if (step.maxScore !== null && step.maxScore > 0 && step.score !== null) {
+    return Math.max(0, Math.min(1, step.score / step.maxScore));
+  }
+  return qualityRatio(step.quality);
+}
+function stepScoreText(step) {
+  if (step.score === null) return null;
+  return step.maxScore !== null ? `${step.score}/${step.maxScore}` : `${step.score}`;
+}
+function stepGradeLabel(step) {
+  return step.qualityLabel;
+}
+function hasStepSignal(step) {
+  return step.score !== null || step.qualityLabel !== null;
+}
+var LETTER_RE = /[A-Za-z]/;
+function stepCode(step) {
+  if (step.initial !== null && step.initial.trim().length > 0) {
+    return step.initial.trim();
+  }
+  const label = step.label.trim();
+  const first = label.charAt(0);
+  const second = label.charAt(1);
+  if (LETTER_RE.test(first) && (second === " " || second === "\u2014" || second === "-")) {
+    return first.toUpperCase();
+  }
+  if (first === "[" && LETTER_RE.test(second) && label.charAt(2) === "]") {
+    return second.toUpperCase();
+  }
+  return step.key.split("_")[0].slice(0, 4).toUpperCase();
+}
+function formatDuration(seconds) {
+  if (seconds === null) return "\u2014";
+  const m = Math.floor(seconds / 60);
+  const s = seconds % 60;
+  return `${m}\uBD84 ${String(s).padStart(2, "0")}\uCD08`;
+}
+function formatDate(iso) {
+  const d = new Date(iso);
+  if (Number.isNaN(d.getTime())) return iso;
+  return format(d, "M/d HH:mm");
+}
+function formatTimestamp(ms) {
+  const total = Math.floor(ms / 1e3);
+  const m = Math.floor(total / 60);
+  const s = total % 60;
+  return `${m}:${String(s).padStart(2, "0")}`;
+}
+var SYNC_TOLERANCE = 0.05;
+function isLengthClose(mediaSec, sttSec) {
+  if (!mediaSec || mediaSec <= 0 || sttSec <= 0) {
+    return false;
+  }
+  return Math.abs(mediaSec - sttSec) / Math.max(mediaSec, sttSec) <= SYNC_TOLERANCE;
+}
+var SPEECH_OVERTALK_THRESHOLD = 40;
+function computeSpeechShare(lines) {
+  let userChars = 0;
+  let partnerChars = 0;
+  for (const line of lines) {
+    const count = line.text.replace(/\s/g, "").length;
+    if (line.speaker === "user") {
+      userChars += count;
+    } else {
+      partnerChars += count;
+    }
+  }
+  const total = userChars + partnerChars;
+  if (total === 0) {
+    return null;
+  }
+  const userPct = Math.round(userChars / total * 100);
+  return { userPct, partnerPct: 100 - userPct };
+}
+var STATUS_LABEL = {
+  complete: "\uBD84\uC11D \uC644\uB8CC",
+  completed: "\uBD84\uC11D \uC644\uB8CC",
+  analyzing: "AI \uBD84\uC11D \uC911",
+  partial: "\uC77C\uBD80 \uC0B0\uCD9C\uBB3C \uC5C6\uC74C"
+};
+function statusLabelOf(status) {
+  var _a;
+  if (!status) return "\uC138\uC158";
+  return (_a = STATUS_LABEL[status]) != null ? _a : status;
+}
+
+export {
+  COLOR_VARS,
+  qualityColor,
+  QUALITY_RATIO,
+  qualityRatio,
+  gradeColorFromLabel,
+  stepColor,
+  stepVars,
+  stepRatio,
+  stepScoreText,
+  stepGradeLabel,
+  hasStepSignal,
+  stepCode,
+  formatDuration,
+  formatDate,
+  formatTimestamp,
+  SYNC_TOLERANCE,
+  isLengthClose,
+  SPEECH_OVERTALK_THRESHOLD,
+  computeSpeechShare,
+  statusLabelOf
+};
+//# sourceMappingURL=chunk-4YAA25AV.js.map

package/dist/chunk-4YAA25AV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/roleplay/utils/session-utils.ts"],"sourcesContent":["// 롤플레잉 세션 상세 순수 유틸 함수 모음.\n// 원본: website/src/modules/customer/roleplay/pages/RpSessionDetail/RpSessionDetail.tsx\n// 'use client' 없음 — 순수 함수, 클라이언트 전용 아님.\n\nimport { format } from 'date-fns';\nimport type { RpSessionScriptLine } from '../types';\nimport type { RpQuality, RpReportStep } from './report-parse';\n\n/* ───────────────────────── 타입 ───────────────────────── */\n\nexport interface SpeechShare { userPct: number; partnerPct: number }\n\nexport type QColor = 'green' | 'amber' | 'red' | 'gray';\n\n/* ───────────────────────── 색 변수 ───────────────────────── */\n\nexport const COLOR_VARS: Record<QColor, { fg: string; bg: string; border: string }> = {\n  green: {\n    fg: 'var(--green-11)',\n    bg: 'var(--green-a3)',\n    border: 'var(--green-a6)',\n  },\n  amber: {\n    fg: 'var(--amber-11)',\n    bg: 'var(--amber-a3)',\n    border: 'var(--amber-a6)',\n  },\n  red: { fg: 'var(--red-11)', bg: 'var(--red-a3)', border: 'var(--red-a6)' },\n  gray: { fg: 'var(--gray-9)', bg: 'var(--gray-a3)', border: 'var(--gray-5)' },\n};\n\n/* ───────────────────────── 등급 색 ───────────────────────── */\n\nexport function qualityColor(quality: RpQuality | null): QColor {\n  switch (quality) {\n    case '충족':\n      return 'green';\n    case '부분충족':\n      return 'amber';\n    case '미흡':\n      return 'red';\n    default:\n      return 'gray';\n  }\n}\n\nexport const QUALITY_RATIO: Record<RpQuality, number> = {\n  충족: 1,\n  부분충족: 0.6,\n  미흡: 0.3,\n} as const;\n\nexport function qualityRatio(quality: RpQuality | null): number | null {\n  return quality === null ? null : QUALITY_RATIO[quality];\n}\n\n// 표준 등급이 아닌 자유 등급 문자열에서 색만 키워드로 추정(비율은 산출하지 않음).\nexport function gradeColorFromLabel(label: string | null): QColor {\n  if (!label) return 'gray';\n  if (\n    label.includes('미흡') ||\n    label.includes('부족') ||\n    label.includes('미달')\n  )\n    return 'red';\n  if (label.includes('부분') || label.includes('보통')) return 'amber';\n  if (\n    label.includes('충족') ||\n    label.includes('우수') ||\n    label.includes('충분')\n  )\n    return 'green';\n  return 'gray';\n}\n\n/* ───────────────────────── 단계(Step) 헬퍼 ───────────────────────── */\n\n// 단계 색: 표준 등급 우선, 없으면 라벨 키워드 추정.\nexport function stepColor(step: RpReportStep): QColor {\n  return step.quality !== null\n    ? qualityColor(step.quality)\n    : gradeColorFromLabel(step.qualityLabel);\n}\n\nexport function stepVars(step: RpReportStep): { fg: string; bg: string; border: string } {\n  return COLOR_VARS[stepColor(step)];\n}\n\n// progress/radar 정규화 비율(0~1). score/maxScore 우선, 없으면 표준 등급 비율, 둘 다 없으면 null.\nexport function stepRatio(step: RpReportStep): number | null {\n  if (step.maxScore !== null && step.maxScore > 0 && step.score !== null) {\n    return Math.max(0, Math.min(1, step.score / step.maxScore));\n  }\n  return qualityRatio(step.quality);\n}\n\n// 점수 텍스트: max 있으면 'score/max', 없으면 'score', score 없으면 null.\nexport function stepScoreText(step: RpReportStep): string | null {\n  if (step.score === null) return null;\n  return step.maxScore !== null\n    ? `${step.score}/${step.maxScore}`\n    : `${step.score}`;\n}\n\n// 표시할 등급 라벨(자유 문자열 포함). 없으면 null.\nexport function stepGradeLabel(step: RpReportStep): string | null {\n  return step.qualityLabel;\n}\n\n// 단계에 표시할 평가 정보가 하나라도 있는지(점수 또는 등급).\nexport function hasStepSignal(step: RpReportStep): boolean {\n  return step.score !== null || step.qualityLabel !== null;\n}\n\n// radar 축/요약 라벨용 짧은 코드.\n// displayMeta.steps.initial 이 지정돼 있으면 최우선(이니셜 충돌 해소).\n// 없으면 기존 휴리스틱: acronym 프레임워크는 선두 글자, 아니면 키 약식.\nconst LETTER_RE = /[A-Za-z]/;\n\nexport function stepCode(step: RpReportStep): string {\n  if (step.initial !== null && step.initial.trim().length > 0) {\n    return step.initial.trim();\n  }\n  const label = step.label.trim();\n  const first = label.charAt(0);\n  const second = label.charAt(1);\n  // \"O — Opening\" / \"O - Opening\" / \"O Opening\" 형태\n  if (\n    LETTER_RE.test(first) &&\n    (second === ' ' || second === '—' || second === '-')\n  ) {\n    return first.toUpperCase();\n  }\n  // \"[I] Introduction\" 형태\n  if (first === '[' && LETTER_RE.test(second) && label.charAt(2) === ']') {\n    return second.toUpperCase();\n  }\n  return step.key.split('_')[0].slice(0, 4).toUpperCase();\n}\n\n/* ───────────────────────── 포맷 유틸 ───────────────────────── */\n\nexport function formatDuration(seconds: number | null): string {\n  if (seconds === null) return '—';\n  const m = Math.floor(seconds / 60);\n  const s = seconds % 60;\n  return `${m}분 ${String(s).padStart(2, '0')}초`;\n}\n\nexport function formatDate(iso: string): string {\n  const d = new Date(iso);\n  if (Number.isNaN(d.getTime())) return iso;\n  return format(d, 'M/d HH:mm');\n}\n\nexport function formatTimestamp(ms: number): string {\n  const total = Math.floor(ms / 1000);\n  const m = Math.floor(total / 60);\n  const s = total % 60;\n  return `${m}:${String(s).padStart(2, '0')}`;\n}\n\n/* ───────────────────────── 미디어 싱크 ───────────────────────── */\n\n// 미디어 길이와 STT 길이가 이 비율 이내로 가까우면 싱크(클릭 seek/재생 하이라이트) 활성.\nexport const SYNC_TOLERANCE = 0.05;\n\nexport function isLengthClose(mediaSec: number | null, sttSec: number): boolean {\n  if (!mediaSec || mediaSec <= 0 || sttSec <= 0) {\n    return false;\n  }\n  return (\n    Math.abs(mediaSec - sttSec) / Math.max(mediaSec, sttSec) <= SYNC_TOLERANCE\n  );\n}\n\n/* ───────────────────────── 발화량 ───────────────────────── */\n\n// 내 발화량이 이 비율을 넘으면 과다 발화로 간주(빨간 막대 + 주의 문구).\nexport const SPEECH_OVERTALK_THRESHOLD = 40;\n\n// 화자별 발화량 비율. 기준은 공백·개행 제거 글자 수(실제 말한 양에 근접, 공백 패턴 왜곡 방지).\n// 발화 글자가 전혀 없으면 null → 미표시.\nexport function computeSpeechShare(lines: RpSessionScriptLine[]): SpeechShare | null {\n  let userChars = 0;\n  let partnerChars = 0;\n  for (const line of lines) {\n    const count = line.text.replace(/\\s/g, '').length;\n    if (line.speaker === 'user') {\n      userChars += count;\n    } else {\n      partnerChars += count;\n    }\n  }\n  const total = userChars + partnerChars;\n  if (total === 0) {\n    return null;\n  }\n  const userPct = Math.round((userChars / total) * 100);\n  return { userPct, partnerPct: 100 - userPct };\n}\n\n/* ───────────────────────── 세션 상태 ───────────────────────── */\n\nconst STATUS_LABEL: Record<string, string> = {\n  complete: '분석 완료',\n  completed: '분석 완료',\n  analyzing: 'AI 분석 중',\n  partial: '일부 산출물 없음',\n};\n\nexport function statusLabelOf(status: string | null): string {\n  if (!status) return '세션';\n  return STATUS_LABEL[status] ?? status;\n}\n"],"mappings":"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","names":[]}