@tipp/ui 2.9.0 → 2.10.0

package/dist/chunk-NKW6BO5R.js

@@ -0,0 +1,264 @@
+import {
+  stepCode,
+  stepColor,
+  stepGradeLabel,
+  stepRatio,
+  stepScoreText,
+  stepVars
+} from "./chunk-4YAA25AV.js";
+import {
+  Progress
+} from "./chunk-TNNF5Q62.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Typo
+} from "./chunk-L4QQGIYQ.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+
+// src/app/roleplay/parts/section-nav.tsx
+import { useEffect, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var NAV_ICONS = {
+  "score-summary": /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "m12 14 4-4" }),
+    /* @__PURE__ */ jsx("path", { d: "M3.34 19a10 10 0 1 1 17.32 0" })
+  ] }),
+  strengths: /* @__PURE__ */ jsx("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" }),
+  improvements: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9" }),
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "5" }),
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "1.5" })
+  ] }),
+  "score-trend": /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M3 3v18h18" }),
+    /* @__PURE__ */ jsx("path", { d: "m19 8-5 5-4-4-4 4" })
+  ] }),
+  "step-summary": /* @__PURE__ */ jsx("path", { d: "M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z" }),
+  "step-detail": /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("line", { x1: "8", x2: "21", y1: "6", y2: "6" }),
+    /* @__PURE__ */ jsx("line", { x1: "8", x2: "21", y1: "12", y2: "12" }),
+    /* @__PURE__ */ jsx("line", { x1: "8", x2: "21", y1: "18", y2: "18" }),
+    /* @__PURE__ */ jsx("path", { d: "M3 6h.01M3 12h.01M3 18h.01" })
+  ] }),
+  coaching: /* @__PURE__ */ jsx("polygon", { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2" })
+};
+function NavIcon({ children }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      fill: "none",
+      height: "13",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "1.8",
+      style: { flexShrink: 0 },
+      viewBox: "0 0 24 24",
+      width: "13",
+      children
+    }
+  );
+}
+function StepMetricBadge({ step }) {
+  const scoreText = stepScoreText(step);
+  if (scoreText !== null) {
+    return /* @__PURE__ */ jsx(
+      Typo,
+      {
+        as: "span",
+        mono: true,
+        style: { flexShrink: 0, color: "var(--gray-11)" },
+        variant: "body",
+        weight: "medium",
+        children: scoreText
+      }
+    );
+  }
+  const gradeLabel = stepGradeLabel(step);
+  if (gradeLabel !== null) {
+    return /* @__PURE__ */ jsx(
+      Typo,
+      {
+        as: "span",
+        mono: true,
+        style: { flexShrink: 0, color: stepVars(step).fg },
+        variant: "body",
+        weight: "medium",
+        children: gradeLabel
+      }
+    );
+  }
+  return null;
+}
+function useScrollSpy(ids) {
+  const [activeId, setActiveId] = useState(null);
+  const watchKey = ids.join(",");
+  useEffect(() => {
+    const els = ids.map((id) => document.getElementById(id)).filter((el) => el !== null);
+    if (els.length === 0) return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        const visible = entries.filter((e) => e.isIntersecting).sort((a, b) => a.boundingClientRect.top - b.boundingClientRect.top);
+        if (visible[0]) setActiveId(visible[0].target.id);
+      },
+      { rootMargin: "0px 0px -72% 0px", threshold: 0 }
+    );
+    els.forEach((el) => {
+      observer.observe(el);
+    });
+    return () => {
+      observer.disconnect();
+    };
+  }, [watchKey]);
+  return activeId;
+}
+function scrollToId(id) {
+  var _a;
+  (_a = document.getElementById(id)) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "start" });
+}
+function SectionNav({ items, steps }) {
+  const activeId = useScrollSpy(items.map((i) => i.id));
+  const stepDetailActive = activeId === "step-summary" || activeId === "step-detail";
+  return /* @__PURE__ */ jsx(Box, { asChild: true, className: "rp-section-nav", children: /* @__PURE__ */ jsx("aside", { children: /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx(
+      Typo,
+      {
+        as: "p",
+        color: "gray",
+        style: {
+          paddingLeft: "calc(var(--space-3) + 2px)",
+          paddingBottom: "var(--space-1)"
+        },
+        variant: "body",
+        weight: "medium",
+        children: "\uBAA9\uCC28"
+      }
+    ),
+    /* @__PURE__ */ jsx(Box, { asChild: true, children: /* @__PURE__ */ jsx("ul", { style: { listStyle: "none", margin: 0, padding: 0 }, children: items.map((item) => {
+      const active = activeId === item.id;
+      return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          "aria-current": active ? "true" : void 0,
+          className: "rp-nav-btn",
+          onClick: () => {
+            scrollToId(item.id);
+          },
+          style: active ? {
+            borderLeftColor: "var(--accent-9)",
+            background: "var(--accent-a2)"
+          } : void 0,
+          type: "button",
+          children: [
+            /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", style: { minWidth: 0 }, children: [
+              NAV_ICONS[item.id] ? /* @__PURE__ */ jsx(NavIcon, { children: NAV_ICONS[item.id] }) : null,
+              /* @__PURE__ */ jsx(
+                Typo,
+                {
+                  as: "span",
+                  truncate: true,
+                  variant: "body",
+                  weight: active ? "medium" : "regular",
+                  children: item.label
+                }
+              )
+            ] }),
+            typeof item.score === "number" ? /* @__PURE__ */ jsxs(Typo, { as: "span", mono: true, style: { flexShrink: 0 }, variant: "body", children: [
+              /* @__PURE__ */ jsx(
+                Typo,
+                {
+                  as: "span",
+                  style: {
+                    color: active ? "var(--gray-12)" : "var(--gray-11)"
+                  },
+                  variant: "body",
+                  weight: "medium",
+                  children: item.score
+                }
+              ),
+              /* @__PURE__ */ jsxs(Typo, { as: "span", style: { color: "var(--gray-9)" }, variant: "body", children: [
+                "/",
+                item.max
+              ] })
+            ] }) : null
+          ]
+        }
+      ) }, item.id);
+    }) }) }),
+    steps.length > 0 && /* @__PURE__ */ jsxs(Box, { mt: "3", pt: "3", style: { borderTop: "1px solid var(--gray-4)" }, children: [
+      /* @__PURE__ */ jsx(Box, { pb: "1", px: "3", children: /* @__PURE__ */ jsx(
+        Typo,
+        {
+          as: "span",
+          style: {
+            color: stepDetailActive ? "var(--gray-12)" : "var(--gray-10)"
+          },
+          variant: "body",
+          weight: "medium",
+          children: "\uB2E8\uACC4\uBCC4 \uC810\uC218"
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Box, { asChild: true, children: /* @__PURE__ */ jsx("ul", { style: { listStyle: "none", margin: 0, padding: 0 }, children: steps.map((step) => {
+        const ratio = stepRatio(step);
+        return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            className: "rp-jump-btn",
+            onClick: () => {
+              scrollToId(`step-${step.key}`);
+            },
+            type: "button",
+            children: [
+              /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", justify: "between", children: [
+                /* @__PURE__ */ jsxs(
+                  Typo,
+                  {
+                    as: "span",
+                    style: { minWidth: 0 },
+                    truncate: true,
+                    variant: "body",
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        Typo,
+                        {
+                          as: "span",
+                          mono: true,
+                          style: { color: "var(--gray-11)" },
+                          variant: "body",
+                          weight: "medium",
+                          children: stepCode(step)
+                        }
+                      ),
+                      " ",
+                      /* @__PURE__ */ jsx(
+                        Typo,
+                        {
+                          as: "span",
+                          style: { color: "var(--gray-9)" },
+                          variant: "body",
+                          children: step.label
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx(StepMetricBadge, { step })
+              ] }),
+              ratio !== null ? /* @__PURE__ */ jsx(Box, { mt: "1", children: /* @__PURE__ */ jsx(Progress, { color: stepColor(step), size: "1", value: ratio * 100 }) }) : null
+            ]
+          }
+        ) }, step.key);
+      }) }) })
+    ] })
+  ] }) }) });
+}
+
+export {
+  SectionNav
+};
+//# sourceMappingURL=chunk-NKW6BO5R.js.map

package/dist/chunk-NKW6BO5R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/roleplay/parts/section-nav.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\nimport { Box, Flex, Progress, Typo } from '../../../atoms';\nimport type { RpReportStep } from '../utils/report-parse';\nimport {\n  stepCode,\n  stepColor,\n  stepGradeLabel,\n  stepRatio,\n  stepScoreText,\n  stepVars,\n} from '../utils/session-utils';\n\nexport interface SectionNavItem {\n  id: string;\n  label: string;\n  score?: number | null;\n  max?: number;\n}\n\nexport interface SectionNavProps {\n  items: SectionNavItem[];\n  steps: RpReportStep[];\n}\n\nconst NAV_ICONS: Record<string, React.ReactNode> = {\n  'score-summary': (\n    <>\n      <path d=\"m12 14 4-4\" />\n      <path d=\"M3.34 19a10 10 0 1 1 17.32 0\" />\n    </>\n  ),\n  strengths: (\n    <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" />\n  ),\n  improvements: (\n    <>\n      <circle cx=\"12\" cy=\"12\" r=\"9\" />\n      <circle cx=\"12\" cy=\"12\" r=\"5\" />\n      <circle cx=\"12\" cy=\"12\" r=\"1.5\" />\n    </>\n  ),\n  'score-trend': (\n    <>\n      <path d=\"M3 3v18h18\" />\n      <path d=\"m19 8-5 5-4-4-4 4\" />\n    </>\n  ),\n  'step-summary': (\n    <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\" />\n  ),\n  'step-detail': (\n    <>\n      <line x1=\"8\" x2=\"21\" y1=\"6\" y2=\"6\" />\n      <line x1=\"8\" x2=\"21\" y1=\"12\" y2=\"12\" />\n      <line x1=\"8\" x2=\"21\" y1=\"18\" y2=\"18\" />\n      <path d=\"M3 6h.01M3 12h.01M3 18h.01\" />\n    </>\n  ),\n  coaching: <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\" />,\n};\n\nfunction NavIcon({ children }: { children: React.ReactNode }): 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=\"1.8\"\n      style={{ flexShrink: 0 }}\n      viewBox=\"0 0 24 24\"\n      width=\"13\"\n    >\n      {children}\n    </svg>\n  );\n}\n\nfunction StepMetricBadge({ step }: { step: RpReportStep }): React.ReactElement | null {\n  const scoreText = stepScoreText(step);\n  if (scoreText !== null) {\n    return (\n      <Typo\n        as=\"span\"\n        mono\n        style={{ flexShrink: 0, color: 'var(--gray-11)' }}\n        variant=\"body\"\n        weight=\"medium\"\n      >\n        {scoreText}\n      </Typo>\n    );\n  }\n  const gradeLabel = stepGradeLabel(step);\n  if (gradeLabel !== null) {\n    return (\n      <Typo\n        as=\"span\"\n        mono\n        style={{ flexShrink: 0, color: stepVars(step).fg }}\n        variant=\"body\"\n        weight=\"medium\"\n      >\n        {gradeLabel}\n      </Typo>\n    );\n  }\n  return null;\n}\n\nfunction useScrollSpy(ids: string[]): string | null {\n  const [activeId, setActiveId] = useState<string | null>(null);\n  const watchKey = ids.join(',');\n\n  useEffect(() => {\n    const els = ids\n      .map((id) => document.getElementById(id))\n      .filter((el): el is HTMLElement => el !== null);\n    if (els.length === 0) return;\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        const visible = entries\n          .filter((e) => e.isIntersecting)\n          .sort((a, b) => a.boundingClientRect.top - b.boundingClientRect.top);\n        if (visible[0]) setActiveId(visible[0].target.id);\n      },\n      { rootMargin: '0px 0px -72% 0px', threshold: 0 }\n    );\n    els.forEach((el) => {\n      observer.observe(el);\n    });\n    return () => {\n      observer.disconnect();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- watchKey가 ids 변경을 대표한다\n  }, [watchKey]);\n\n  return activeId;\n}\n\nfunction scrollToId(id: string): void {\n  document.getElementById(id)?.scrollIntoView({ behavior: 'smooth', block: 'start' });\n}\n\nexport function SectionNav({ items, steps }: SectionNavProps): React.ReactElement {\n  const activeId = useScrollSpy(items.map((i) => i.id));\n  const stepDetailActive = activeId === 'step-summary' || activeId === 'step-detail';\n\n  return (\n    <Box asChild className=\"rp-section-nav\">\n      <aside>\n        <Box>\n          <Typo\n            as=\"p\"\n            color=\"gray\"\n            style={{\n              paddingLeft: 'calc(var(--space-3) + 2px)',\n              paddingBottom: 'var(--space-1)',\n            }}\n            variant=\"body\"\n            weight=\"medium\"\n          >\n            목차\n          </Typo>\n          <Box asChild>\n            <ul style={{ listStyle: 'none', margin: 0, padding: 0 }}>\n              {items.map((item) => {\n                const active = activeId === item.id;\n                return (\n                  <li key={item.id}>\n                    <button\n                      aria-current={active ? 'true' : undefined}\n                      className=\"rp-nav-btn\"\n                      onClick={() => {\n                        scrollToId(item.id);\n                      }}\n                      style={\n                        active\n                          ? {\n                              borderLeftColor: 'var(--accent-9)',\n                              background: 'var(--accent-a2)',\n                            }\n                          : undefined\n                      }\n                      type=\"button\"\n                    >\n                      <Flex align=\"center\" gap=\"2\" style={{ minWidth: 0 }}>\n                        {NAV_ICONS[item.id] ? (\n                          <NavIcon>{NAV_ICONS[item.id]}</NavIcon>\n                        ) : null}\n                        <Typo\n                          as=\"span\"\n                          truncate\n                          variant=\"body\"\n                          weight={active ? 'medium' : 'regular'}\n                        >\n                          {item.label}\n                        </Typo>\n                      </Flex>\n                      {typeof item.score === 'number' ? (\n                        <Typo as=\"span\" mono style={{ flexShrink: 0 }} variant=\"body\">\n                          <Typo\n                            as=\"span\"\n                            style={{\n                              color: active ? 'var(--gray-12)' : 'var(--gray-11)',\n                            }}\n                            variant=\"body\"\n                            weight=\"medium\"\n                          >\n                            {item.score}\n                          </Typo>\n                          <Typo as=\"span\" style={{ color: 'var(--gray-9)' }} variant=\"body\">\n                            /{item.max}\n                          </Typo>\n                        </Typo>\n                      ) : null}\n                    </button>\n                  </li>\n                );\n              })}\n            </ul>\n          </Box>\n\n          {steps.length > 0 && (\n            <Box mt=\"3\" pt=\"3\" style={{ borderTop: '1px solid var(--gray-4)' }}>\n              <Box pb=\"1\" px=\"3\">\n                <Typo\n                  as=\"span\"\n                  style={{\n                    color: stepDetailActive ? 'var(--gray-12)' : 'var(--gray-10)',\n                  }}\n                  variant=\"body\"\n                  weight=\"medium\"\n                >\n                  단계별 점수\n                </Typo>\n              </Box>\n              <Box asChild>\n                <ul style={{ listStyle: 'none', margin: 0, padding: 0 }}>\n                  {steps.map((step) => {\n                    const ratio = stepRatio(step);\n                    return (\n                      <li key={step.key}>\n                        <button\n                          className=\"rp-jump-btn\"\n                          onClick={() => {\n                            scrollToId(`step-${step.key}`);\n                          }}\n                          type=\"button\"\n                        >\n                          <Flex align=\"center\" gap=\"2\" justify=\"between\">\n                            <Typo\n                              as=\"span\"\n                              style={{ minWidth: 0 }}\n                              truncate\n                              variant=\"body\"\n                            >\n                              <Typo\n                                as=\"span\"\n                                mono\n                                style={{ color: 'var(--gray-11)' }}\n                                variant=\"body\"\n                                weight=\"medium\"\n                              >\n                                {stepCode(step)}\n                              </Typo>{' '}\n                              <Typo\n                                as=\"span\"\n                                style={{ color: 'var(--gray-9)' }}\n                                variant=\"body\"\n                              >\n                                {step.label}\n                              </Typo>\n                            </Typo>\n                            <StepMetricBadge step={step} />\n                          </Flex>\n                          {ratio !== null ? (\n                            <Box mt=\"1\">\n                              <Progress color={stepColor(step)} size=\"1\" value={ratio * 100} />\n                            </Box>\n                          ) : null}\n                        </button>\n                      </li>\n                    );\n                  })}\n                </ul>\n              </Box>\n            </Box>\n          )}\n        </Box>\n      </aside>\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-R5UDNKV2.js → chunk-O332K3SW.js}

@@ -1,6 +1,6 @@
 import {
   CurriculumReviewSteps_default
-} from "./chunk-TQTCT7DC.js";
+} from "./chunk-LRNO4W2P.js";
 import {
   useCurriculumContext
 } from "./chunk-WA5A2GB4.js";
@@ -193,4 +193,4 @@ var curriculum_review_default = CurriculumReview;
 export {
   curriculum_review_default
 };
-//# sourceMappingURL=chunk-R5UDNKV2.js.map
+//# sourceMappingURL=chunk-O332K3SW.js.map

package/dist/chunk-OUP3VFXG.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-OUP3VFXG.js.map

package/dist/chunk-OUP3VFXG.js.map

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

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-KLJVIEFW.js → chunk-SOKGYD5B.js}

@@ -1,15 +1,15 @@
+import {
+  review_question_body_default
+} from "./chunk-U2EAXN3Y.js";
+import {
+  review_question_footer_default
+} from "./chunk-GE4M5GOQ.js";
 import {
   review_question_header_default
 } from "./chunk-G3KQN32M.js";
 import {
   review_question_layout_default
 } from "./chunk-VK6INFSB.js";
-import {
-  review_question_body_default
-} from "./chunk-KQ3ME6XY.js";
-import {
-  review_question_footer_default
-} from "./chunk-GE4M5GOQ.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-KLJVIEFW.js.map
+//# sourceMappingURL=chunk-SOKGYD5B.js.map