@tipp/ui 2.8.0 → 2.10.0

package/dist/chunk-QMAINJ4G.js

@@ -0,0 +1,190 @@
+import {
+  formatDate,
+  formatDuration,
+  statusLabelOf
+} from "./chunk-4YAA25AV.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 {
+  Button
+} from "./chunk-2LCH3PDF.js";
+import {
+  Badge
+} from "./chunk-BK74U562.js";
+
+// src/app/roleplay/parts/header.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function PdfIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      fill: "none",
+      height: "13",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "2",
+      viewBox: "0 0 24 24",
+      width: "13",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z" }),
+        /* @__PURE__ */ jsx("path", { d: "M14 3v5h5" }),
+        /* @__PURE__ */ jsx("path", { d: "M12 12v5" }),
+        /* @__PURE__ */ jsx("path", { d: "M9.5 14.5 12 17l2.5-2.5" })
+      ]
+    }
+  );
+}
+function VideoIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      fill: "none",
+      height: "13",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "2",
+      viewBox: "0 0 24 24",
+      width: "13",
+      children: [
+        /* @__PURE__ */ jsx("rect", { height: "12", rx: "2", width: "13", x: "2", y: "6" }),
+        /* @__PURE__ */ jsx("path", { d: "m15 10 6-3v10l-6-3z" })
+      ]
+    }
+  );
+}
+function Header({
+  detail,
+  hasScript,
+  onOpenReplay,
+  onResolveMediaUrl
+}) {
+  var _a;
+  const pdfHref = detail.trainingLogURL;
+  const hasReplayMedia = Boolean(
+    detail.trainingVideoURL || detail.trainingAudioURL
+  );
+  const handlePdfClick = () => {
+    if (!pdfHref || !onResolveMediaUrl) return;
+    void Promise.resolve(
+      onResolveMediaUrl(pdfHref, { disposition: "attachment" })
+    ).then((url) => {
+      window.open(url, "_blank");
+    });
+  };
+  const replayActive = hasScript && hasReplayMedia;
+  return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      align: { md: "start" },
+      direction: { initial: "column", md: "row" },
+      gap: "4",
+      justify: "between",
+      children: [
+        /* @__PURE__ */ jsxs(Box, { style: { minWidth: 0 }, children: [
+          /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", mb: "2", wrap: "wrap", children: [
+            /* @__PURE__ */ jsx(Badge, { color: "neutral", size: "small", variant: "soft", children: statusLabelOf(detail.status) }),
+            /* @__PURE__ */ jsxs(Typo, { as: "span", style: { color: "var(--gray-11)" }, variant: "body", children: [
+              detail.trainingSessionNum,
+              "\uD68C\uCC28",
+              detail.characterTitle ? ` \xB7 ${detail.characterTitle}` : ""
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Heading,
+            {
+              size: { initial: "5", md: "7" },
+              style: { textWrap: "balance" },
+              weight: "bold",
+              children: (_a = detail.scenarioTitle) != null ? _a : "\uB864\uD50C\uB808\uC789 \uC138\uC158"
+            }
+          ),
+          /* @__PURE__ */ jsxs(Typo, { as: "p", color: "gray", mono: true, mt: "1", variant: "body", children: [
+            formatDate(detail.createdAt),
+            " \xB7 ",
+            formatDuration(detail.trainingTime)
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          Flex,
+          {
+            gap: "2",
+            justify: { initial: "start", md: "end" },
+            style: { flexShrink: 0 },
+            wrap: "wrap",
+            children: [
+              onResolveMediaUrl ? /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  color: "gray",
+                  disabled: !pdfHref,
+                  onClick: pdfHref ? handlePdfClick : void 0,
+                  size: { initial: "small", md: "medium" },
+                  title: pdfHref ? void 0 : "\uC0B0\uCD9C\uBB3C \uC5C6\uC74C",
+                  type: "button",
+                  variant: "outline",
+                  children: [
+                    /* @__PURE__ */ jsx(PdfIcon, {}),
+                    /* @__PURE__ */ jsx("span", { style: { whiteSpace: "nowrap" }, children: "PDF \uB2E4\uC6B4\uB85C\uB4DC" })
+                  ]
+                }
+              ) : /* @__PURE__ */ jsx(
+                Button,
+                {
+                  asChild: Boolean(pdfHref),
+                  color: "gray",
+                  disabled: !pdfHref,
+                  size: { initial: "small", md: "medium" },
+                  title: pdfHref ? void 0 : "\uC0B0\uCD9C\uBB3C \uC5C6\uC74C",
+                  type: "button",
+                  variant: "outline",
+                  children: pdfHref ? /* @__PURE__ */ jsxs("a", { href: pdfHref, rel: "noopener noreferrer", target: "_blank", children: [
+                    /* @__PURE__ */ jsx(PdfIcon, {}),
+                    /* @__PURE__ */ jsx("span", { style: { whiteSpace: "nowrap" }, children: "PDF \uB2E4\uC6B4\uB85C\uB4DC" })
+                  ] }) : /* @__PURE__ */ jsxs("span", { children: [
+                    /* @__PURE__ */ jsx(PdfIcon, {}),
+                    /* @__PURE__ */ jsx("span", { style: { whiteSpace: "nowrap" }, children: "PDF \uB2E4\uC6B4\uB85C\uB4DC" })
+                  ] })
+                }
+              ),
+              hasScript ? /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  color: "gray",
+                  disabled: !replayActive,
+                  onClick: onOpenReplay,
+                  size: { initial: "small", md: "medium" },
+                  title: replayActive ? void 0 : "\uB2E4\uC2DC\uBCF4\uAE30 \uC5C6\uC74C",
+                  type: "button",
+                  variant: "outline",
+                  children: [
+                    /* @__PURE__ */ jsx(VideoIcon, {}),
+                    /* @__PURE__ */ jsx("span", { style: { whiteSpace: "nowrap" }, children: "\uC601\uC0C1" })
+                  ]
+                }
+              ) : null
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+}
+
+export {
+  Header
+};
+//# sourceMappingURL=chunk-QMAINJ4G.js.map

package/dist/chunk-QMAINJ4G.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/roleplay/parts/header.tsx"],"sourcesContent":["'use client';\n\nimport { Badge, Box, Button, Flex, Heading, Typo } from '../../../atoms';\nimport type { RpSessionDetailData } from '../types';\nimport { formatDate, formatDuration, statusLabelOf } from '../utils/session-utils';\n\nexport interface HeaderProps {\n  detail: RpSessionDetailData;\n  hasScript: boolean;\n  onOpenReplay: () => void;\n  onResolveMediaUrl?: (\n    rawUrl: string,\n    options: { disposition: 'inline' | 'attachment' }\n  ) => string | Promise<string>;\n}\n\nfunction PdfIcon(): React.ReactElement {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      fill=\"none\"\n      height=\"13\"\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth=\"2\"\n      viewBox=\"0 0 24 24\"\n      width=\"13\"\n    >\n      <path d=\"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z\" />\n      <path d=\"M14 3v5h5\" />\n      <path d=\"M12 12v5\" />\n      <path d=\"M9.5 14.5 12 17l2.5-2.5\" />\n    </svg>\n  );\n}\n\nfunction VideoIcon(): React.ReactElement {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      fill=\"none\"\n      height=\"13\"\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth=\"2\"\n      viewBox=\"0 0 24 24\"\n      width=\"13\"\n    >\n      <rect height=\"12\" rx=\"2\" width=\"13\" x=\"2\" y=\"6\" />\n      <path d=\"m15 10 6-3v10l-6-3z\" />\n    </svg>\n  );\n}\n\nexport function Header({\n  detail,\n  hasScript,\n  onOpenReplay,\n  onResolveMediaUrl,\n}: HeaderProps): React.ReactElement {\n  const pdfHref = detail.trainingLogURL;\n  const hasReplayMedia = Boolean(\n    detail.trainingVideoURL || detail.trainingAudioURL\n  );\n\n  const handlePdfClick = (): void => {\n    if (!pdfHref || !onResolveMediaUrl) return;\n    void Promise.resolve(\n      onResolveMediaUrl(pdfHref, { disposition: 'attachment' })\n    ).then((url) => {\n      window.open(url, '_blank');\n    });\n  };\n\n  const replayActive = hasScript && hasReplayMedia;\n\n  return (\n    <Box>\n      <Flex\n        align={{ md: 'start' }}\n        direction={{ initial: 'column', md: 'row' }}\n        gap=\"4\"\n        justify=\"between\"\n      >\n        <Box style={{ minWidth: 0 }}>\n          <Flex align=\"center\" gap=\"2\" mb=\"2\" wrap=\"wrap\">\n            <Badge color=\"neutral\" size=\"small\" variant=\"soft\">\n              {statusLabelOf(detail.status)}\n            </Badge>\n            <Typo as=\"span\" style={{ color: 'var(--gray-11)' }} variant=\"body\">\n              {detail.trainingSessionNum}회차\n              {detail.characterTitle ? ` · ${detail.characterTitle}` : ''}\n            </Typo>\n          </Flex>\n          <Heading\n            size={{ initial: '5', md: '7' }}\n            style={{ textWrap: 'balance' }}\n            weight=\"bold\"\n          >\n            {detail.scenarioTitle ?? '롤플레잉 세션'}\n          </Heading>\n          <Typo as=\"p\" color=\"gray\" mono mt=\"1\" variant=\"body\">\n            {formatDate(detail.createdAt)} · {formatDuration(detail.trainingTime)}\n          </Typo>\n        </Box>\n        <Flex\n          gap=\"2\"\n          justify={{ initial: 'start', md: 'end' }}\n          style={{ flexShrink: 0 }}\n          wrap=\"wrap\"\n        >\n          {onResolveMediaUrl ? (\n            <Button\n              color=\"gray\"\n              disabled={!pdfHref}\n              onClick={pdfHref ? handlePdfClick : undefined}\n              size={{ initial: 'small', md: 'medium' }}\n              title={pdfHref ? undefined : '산출물 없음'}\n              type=\"button\"\n              variant=\"outline\"\n            >\n              <PdfIcon />\n              <span style={{ whiteSpace: 'nowrap' }}>PDF 다운로드</span>\n            </Button>\n          ) : (\n            <Button\n              asChild={Boolean(pdfHref)}\n              color=\"gray\"\n              disabled={!pdfHref}\n              size={{ initial: 'small', md: 'medium' }}\n              title={pdfHref ? undefined : '산출물 없음'}\n              type=\"button\"\n              variant=\"outline\"\n            >\n              {pdfHref ? (\n                <a href={pdfHref} rel=\"noopener noreferrer\" target=\"_blank\">\n                  <PdfIcon />\n                  <span style={{ whiteSpace: 'nowrap' }}>PDF 다운로드</span>\n                </a>\n              ) : (\n                <span>\n                  <PdfIcon />\n                  <span style={{ whiteSpace: 'nowrap' }}>PDF 다운로드</span>\n                </span>\n              )}\n            </Button>\n          )}\n          {hasScript ? (\n            <Button\n              color=\"gray\"\n              disabled={!replayActive}\n              onClick={onOpenReplay}\n              size={{ initial: 'small', md: 'medium' }}\n              title={replayActive ? undefined : '다시보기 없음'}\n              type=\"button\"\n              variant=\"outline\"\n            >\n              <VideoIcon />\n              <span style={{ whiteSpace: 'nowrap' }}>영상</span>\n            </Button>\n          ) : null}\n        </Flex>\n      </Flex>\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-DDYPJWZV.js → chunk-RBU2TRYY.js}

@@ -1,33 +1,33 @@
 import {
   Skeleton
 } from "./chunk-5H3YPCZK.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
 import {
   Inset
 } from "./chunk-XQOL7UBI.js";
-import {
-  Heading
-} from "./chunk-YIVIBIK2.js";
 import {
   DropdownMenu
 } from "./chunk-T73HHR3I.js";
 import {
-  Card
-} from "./chunk-RP2RGCAW.js";
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Heading
+} from "./chunk-USGOLLYO.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
 import {
   Typo
-} from "./chunk-YXFHD2PY.js";
+} from "./chunk-L4QQGIYQ.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
 import {
   Button
 } from "./chunk-2LCH3PDF.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
 import {
   DotsVerticalIcon
 } from "./chunk-VOME2TE7.js";
@@ -114,4 +114,4 @@ ContentsCard.displayName = "ContentsCard";
 export {
   ContentsCard
 };
-//# sourceMappingURL=chunk-DDYPJWZV.js.map
+//# sourceMappingURL=chunk-RBU2TRYY.js.map

package/dist/{chunk-FFGGO6E4.js → chunk-RRC4WFG3.js}

@@ -1,6 +1,6 @@
 import {
   sidebar_item_default
-} from "./chunk-GBT2BBZS.js";
+} from "./chunk-P2H3VCIB.js";
 import {
   useCurriculumContext
 } from "./chunk-WA5A2GB4.js";
@@ -95,4 +95,4 @@ function CurriculumSidebar() {
 export {
   CurriculumSidebar
 };
-//# sourceMappingURL=chunk-FFGGO6E4.js.map
+//# sourceMappingURL=chunk-RRC4WFG3.js.map

package/dist/{chunk-5SXTL6NO.js → chunk-RWJUXAFY.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-7RJYF5L3.js";
 import {
   Typo
-} from "./chunk-YXFHD2PY.js";
+} from "./chunk-L4QQGIYQ.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
@@ -142,4 +142,4 @@ function Pagination(props) {
 export {
   Pagination
 };
-//# sourceMappingURL=chunk-5SXTL6NO.js.map
+//# sourceMappingURL=chunk-RWJUXAFY.js.map

package/dist/{chunk-BZVA4RGI.js → chunk-S4MEMFKG.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-EGEQY3KT.js";
 import {
   Typo
-} from "./chunk-YXFHD2PY.js";
+} from "./chunk-L4QQGIYQ.js";
 
 // src/molecules/curriculumV2/CurriculumSidebar/Items/section-title.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -22,4 +22,4 @@ var section_title_default = SectionTitle;
 export {
   section_title_default
 };
-//# sourceMappingURL=chunk-BZVA4RGI.js.map
+//# sourceMappingURL=chunk-S4MEMFKG.js.map

package/dist/{chunk-PTUL6MDB.js → chunk-SINRU2A6.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-4Y5BEXVN.js";
 import {
   Typo
-} from "./chunk-YXFHD2PY.js";
+} from "./chunk-L4QQGIYQ.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
@@ -40,4 +40,4 @@ function ReviewQuestionContentHeader({
 export {
   ReviewQuestionContentHeader
 };
-//# sourceMappingURL=chunk-PTUL6MDB.js.map
+//# sourceMappingURL=chunk-SINRU2A6.js.map

package/dist/{chunk-UA2HDDD4.js → chunk-SOKGYD5B.js}

@@ -1,15 +1,15 @@
-import {
-  review_question_layout_default
-} from "./chunk-VK6INFSB.js";
 import {
   review_question_body_default
-} from "./chunk-5FXPD4NE.js";
+} from "./chunk-U2EAXN3Y.js";
 import {
   review_question_footer_default
 } from "./chunk-GE4M5GOQ.js";
 import {
   review_question_header_default
-} from "./chunk-WLG6GG26.js";
+} from "./chunk-G3KQN32M.js";
+import {
+  review_question_layout_default
+} from "./chunk-VK6INFSB.js";
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/index.tsx
 import { jsx } from "react/jsx-runtime";
@@ -60,4 +60,4 @@ var ReviewQuestion_default = ReviewQuestion;
 export {
   ReviewQuestion_default
 };
-//# sourceMappingURL=chunk-UA2HDDD4.js.map
+//# sourceMappingURL=chunk-SOKGYD5B.js.map

package/dist/{chunk-BZCUF5K6.js → chunk-SQ3FYBJT.js}

@@ -1,16 +1,16 @@
 import {
   DynamicFormField
-} from "./chunk-NIMF5FJI.js";
+} from "./chunk-NK6S7ZMB.js";
 import {
   DynamicFormProvider,
   useDynamicForm
-} from "./chunk-QFSMOKC6.js";
+} from "./chunk-FAL6S2XK.js";
 import {
   Form
-} from "./chunk-77YN5S26.js";
+} from "./chunk-AELKCD6B.js";
 import {
   Typo
-} from "./chunk-YXFHD2PY.js";
+} from "./chunk-L4QQGIYQ.js";
 import {
   __async
 } from "./chunk-CRTRMMJ7.js";
@@ -242,4 +242,4 @@ export {
   DynamicForm,
   createYupValidation
 };
-//# sourceMappingURL=chunk-BZCUF5K6.js.map
+//# sourceMappingURL=chunk-SQ3FYBJT.js.map

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":[]}