@tipp/ui 2.10.0 → 2.10.2

package/dist/app/roleplay/rp-session-detail.js

@@ -1,18 +1,19 @@
 "use client";
 import {
   RpSessionDetail
-} from "../../chunk-T7LKMJVA.js";
+} from "../../chunk-SZAU7YP3.js";
 import "../../chunk-TFJJKM3W.js";
-import "../../chunk-QMAINJ4G.js";
-import "../../chunk-3UGBMKSQ.js";
-import "../../chunk-EHDUKUML.js";
-import "../../chunk-2TOASXPK.js";
-import "../../chunk-EBFQFOUQ.js";
-import "../../chunk-6YIKOYBQ.js";
-import "../../chunk-XM4GWPXC.js";
-import "../../chunk-NKW6BO5R.js";
-import "../../chunk-KJPBBBVK.js";
+import "../../chunk-VM2PEQLQ.js";
+import "../../chunk-AS3JVRQ3.js";
+import "../../chunk-RNGEVYY5.js";
+import "../../chunk-MD64AUR6.js";
+import "../../chunk-WVY3C64M.js";
 import "../../chunk-5QIT4URV.js";
+import "../../chunk-2XDAK4B7.js";
+import "../../chunk-RZW6FVML.js";
+import "../../chunk-DIISQDYA.js";
+import "../../chunk-W72CR2TG.js";
+import "../../chunk-KJPBBBVK.js";
 import "../../chunk-4YAA25AV.js";
 import "../../chunk-UXAEOCOH.js";
 import "../../chunk-7MXY3D3Z.js";
@@ -22,7 +23,8 @@ import "../../chunk-WSWSAPSS.js";
 import "../../chunk-RXK3JM34.js";
 import "../../chunk-SYMOHU2B.js";
 import "../../chunk-AS7ID74X.js";
-import "../../chunk-N242VJOP.js";
+import "../../chunk-IIZ7I7NS.js";
+import "../../chunk-KFUBWOCN.js";
 import "../../chunk-RRC4WFG3.js";
 import "../../chunk-P2H3VCIB.js";
 import "../../chunk-WS7IOHVK.js";
@@ -31,22 +33,21 @@ import "../../chunk-QLOYGKKM.js";
 import "../../chunk-S4MEMFKG.js";
 import "../../chunk-K4RZTENM.js";
 import "../../chunk-UXH2XIB2.js";
-import "../../chunk-O332K3SW.js";
-import "../../chunk-LRNO4W2P.js";
-import "../../chunk-LK2H4QTJ.js";
-import "../../chunk-SOKGYD5B.js";
-import "../../chunk-U2EAXN3Y.js";
+import "../../chunk-UK3LP7VH.js";
+import "../../chunk-NSDVLCCW.js";
+import "../../chunk-YFR3HXSV.js";
+import "../../chunk-A32HLL53.js";
+import "../../chunk-ZGTGEBQX.js";
 import "../../chunk-WLKK5L3P.js";
 import "../../chunk-GE4M5GOQ.js";
 import "../../chunk-G3KQN32M.js";
 import "../../chunk-VK6INFSB.js";
 import "../../chunk-CGLDFUOY.js";
 import "../../chunk-OUDDTPEN.js";
-import "../../chunk-ZGTGEBQX.js";
 import "../../chunk-SINRU2A6.js";
 import "../../chunk-NVRVOTWZ.js";
+import "../../chunk-LK2H4QTJ.js";
 import "../../chunk-GMKRNFH5.js";
-import "../../chunk-KFUBWOCN.js";
 import "../../chunk-XWHBJY5V.js";
 import "../../chunk-WA5A2GB4.js";
 import "../../chunk-K3Q4XLCN.js";

package/dist/{chunk-6YIKOYBQ.js → chunk-2XDAK4B7.js}

@@ -1,6 +1,6 @@
 import {
-  SPEECH_OVERTALK_THRESHOLD
-} from "./chunk-4YAA25AV.js";
+  SpeechShareBar
+} from "./chunk-W72CR2TG.js";
 import {
   Separator
 } from "./chunk-HYITAA4J.js";
@@ -22,74 +22,6 @@ import {
 
 // src/app/roleplay/parts/score-summary.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function SpeechShareBar({ share }) {
-  const isOvertalking = share.userPct > SPEECH_OVERTALK_THRESHOLD;
-  return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", mb: "1", children: [
-      /* @__PURE__ */ jsxs(
-        Typo,
-        {
-          as: "span",
-          style: {
-            fontSize: "0.75rem",
-            color: isOvertalking ? "var(--red-11)" : "var(--accent-11)"
-          },
-          variant: "body",
-          weight: "medium",
-          children: [
-            "\uB0B4 \uBC1C\uD654\uB7C9 ",
-            share.userPct,
-            "%"
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        Typo,
-        {
-          as: "span",
-          color: "gray",
-          style: { fontSize: "0.75rem" },
-          variant: "body",
-          children: [
-            "\uC0C1\uB300 ",
-            share.partnerPct,
-            "%"
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(
-      Flex,
-      {
-        style: {
-          height: 6,
-          borderRadius: "var(--radius-1)",
-          overflow: "hidden",
-          background: "var(--gray-4)"
-        },
-        children: /* @__PURE__ */ jsx(
-          Box,
-          {
-            style: {
-              width: `${share.userPct}%`,
-              background: isOvertalking ? "var(--red-9)" : "var(--accent-9)"
-            }
-          }
-        )
-      }
-    ),
-    isOvertalking ? /* @__PURE__ */ jsx(
-      Typo,
-      {
-        as: "p",
-        mt: "1",
-        style: { fontSize: "0.75rem", color: "var(--red-11)" },
-        variant: "body",
-        children: "\uC0C1\uB300\uC758 \uB9D0\uC744 \uB354 \uB4E3\uACE0 \uC9C8\uBB38\xB7\uACBD\uCCAD\uC758 \uBE44\uC911\uC744 \uB192\uC5EC \uBCF4\uC138\uC694"
-      }
-    ) : null
-  ] });
-}
 function ScoreSummary({
   detail,
   report,
@@ -150,8 +82,8 @@ function ScoreSummary({
                   Typo,
                   {
                     as: "p",
+                    color: "amber",
                     mono: true,
-                    style: { color: "var(--amber-11)" },
                     variant: "body",
                     weight: "medium",
                     children: [
@@ -165,7 +97,7 @@ function ScoreSummary({
                   Typo,
                   {
                     as: "p",
-                    style: { color: "var(--amber-11)" },
+                    color: "amber",
                     variant: "body",
                     children: report.deduction.basis
                   }
@@ -182,4 +114,4 @@ function ScoreSummary({
 export {
   ScoreSummary
 };
-//# sourceMappingURL=chunk-6YIKOYBQ.js.map
+//# sourceMappingURL=chunk-2XDAK4B7.js.map

package/dist/chunk-2XDAK4B7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/roleplay/parts/score-summary.tsx"],"sourcesContent":["'use client';\n\nimport { Box, Card, Flex, Grid, Separator, Typo } from '../../../atoms';\nimport type { RpReport } from '../utils/report-parse';\nimport type { RpSessionDetailData } from '../types';\nimport type { SpeechShare } from '../utils/session-utils';\nimport { SpeechShareBar } from './speech-share-bar';\n\nexport interface ScoreSummaryProps {\n  detail: RpSessionDetailData;\n  report: RpReport;\n  speechShare: SpeechShare | null;\n}\n\nexport function ScoreSummary({\n  detail,\n  report,\n  speechShare,\n}: ScoreSummaryProps): React.ReactElement {\n  const scoreValue = detail.totalScore ?? report.totalScore;\n  const comment = report.comment;\n\n  return (\n    <Grid\n      align=\"start\"\n      columns={comment ? { initial: '1', md: 'minmax(0, 240px) 1fr' } : '1'}\n      gap=\"5\"\n    >\n      <Card variant=\"surface\">\n        <Flex align=\"center\" direction=\"column\" gap=\"2\" py=\"3\">\n          <Typo as=\"p\" color=\"gray\" variant=\"body\" weight=\"medium\">\n            종합 점수\n          </Typo>\n          <Flex align=\"baseline\" gap=\"1\">\n            <Typo\n              as=\"span\"\n              mono\n              style={{\n                color: 'var(--gray-12)',\n                fontSize: '3.75rem',\n                lineHeight: 1.1,\n              }}\n              weight=\"bold\"\n            >\n              {scoreValue ?? '—'}\n            </Typo>\n            <Typo as=\"span\" color=\"gray\" mono variant=\"subtitle\">\n              /100\n            </Typo>\n          </Flex>\n        </Flex>\n        {speechShare ? (\n          <>\n            <Separator my=\"3\" size=\"4\" />\n            <SpeechShareBar share={speechShare} />\n          </>\n        ) : null}\n      </Card>\n\n      {comment ? (\n        <Flex direction=\"column\" gap=\"3\">\n          <Typo as=\"p\" variant=\"body\" weight=\"medium\">\n            종합 분석\n          </Typo>\n          <Box style={{ maxWidth: '65ch' }}>\n            <Typo as=\"p\" variant=\"body\">\n              {comment}\n            </Typo>\n          </Box>\n          {report.deduction ? (\n            <Box\n              pl=\"3\"\n              pr=\"3\"\n              py=\"2\"\n              style={{\n                borderLeft: '2px solid var(--amber-a6)',\n                background: 'var(--amber-a2)',\n                borderRadius: 'var(--radius-2)',\n              }}\n            >\n              <Typo\n                as=\"p\"\n                color=\"amber\"\n                mono\n                variant=\"body\"\n                weight=\"medium\"\n              >\n                감점 {report.deduction.score}점\n              </Typo>\n              <Box mt=\"1\" style={{ maxWidth: '65ch' }}>\n                <Typo\n                  as=\"p\"\n                  color=\"amber\"\n                  variant=\"body\"\n                >\n                  {report.deduction.basis}\n                </Typo>\n              </Box>\n            </Box>\n          ) : null}\n        </Flex>\n      ) : null}\n    </Grid>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA8BU,SAsBA,UAtBA,KAGA,YAHA;AAhBH,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,GAA0C;AAlB1C;AAmBE,QAAM,cAAa,YAAO,eAAP,YAAqB,OAAO;AAC/C,QAAM,UAAU,OAAO;AAEvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,SAAS,UAAU,EAAE,SAAS,KAAK,IAAI,uBAAuB,IAAI;AAAA,MAClE,KAAI;AAAA,MAEJ;AAAA,6BAAC,QAAK,SAAQ,WACZ;AAAA,+BAAC,QAAK,OAAM,UAAS,WAAU,UAAS,KAAI,KAAI,IAAG,KACjD;AAAA,gCAAC,QAAK,IAAG,KAAI,OAAM,QAAO,SAAQ,QAAO,QAAO,UAAS,uCAEzD;AAAA,YACA,qBAAC,QAAK,OAAM,YAAW,KAAI,KACzB;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,IAAG;AAAA,kBACH,MAAI;AAAA,kBACJ,OAAO;AAAA,oBACL,OAAO;AAAA,oBACP,UAAU;AAAA,oBACV,YAAY;AAAA,kBACd;AAAA,kBACA,QAAO;AAAA,kBAEN,4CAAc;AAAA;AAAA,cACjB;AAAA,cACA,oBAAC,QAAK,IAAG,QAAO,OAAM,QAAO,MAAI,MAAC,SAAQ,YAAW,kBAErD;AAAA,eACF;AAAA,aACF;AAAA,UACC,cACC,iCACE;AAAA,gCAAC,aAAU,IAAG,KAAI,MAAK,KAAI;AAAA,YAC3B,oBAAC,kBAAe,OAAO,aAAa;AAAA,aACtC,IACE;AAAA,WACN;AAAA,QAEC,UACC,qBAAC,QAAK,WAAU,UAAS,KAAI,KAC3B;AAAA,8BAAC,QAAK,IAAG,KAAI,SAAQ,QAAO,QAAO,UAAS,uCAE5C;AAAA,UACA,oBAAC,OAAI,OAAO,EAAE,UAAU,OAAO,GAC7B,8BAAC,QAAK,IAAG,KAAI,SAAQ,QAClB,mBACH,GACF;AAAA,UACC,OAAO,YACN;AAAA,YAAC;AAAA;AAAA,cACC,IAAG;AAAA,cACH,IAAG;AAAA,cACH,IAAG;AAAA,cACH,OAAO;AAAA,gBACL,YAAY;AAAA,gBACZ,YAAY;AAAA,gBACZ,cAAc;AAAA,cAChB;AAAA,cAEA;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,IAAG;AAAA,oBACH,OAAM;AAAA,oBACN,MAAI;AAAA,oBACJ,SAAQ;AAAA,oBACR,QAAO;AAAA,oBACR;AAAA;AAAA,sBACK,OAAO,UAAU;AAAA,sBAAM;AAAA;AAAA;AAAA,gBAC7B;AAAA,gBACA,oBAAC,OAAI,IAAG,KAAI,OAAO,EAAE,UAAU,OAAO,GACpC;AAAA,kBAAC;AAAA;AAAA,oBACC,IAAG;AAAA,oBACH,OAAM;AAAA,oBACN,SAAQ;AAAA,oBAEP,iBAAO,UAAU;AAAA;AAAA,gBACpB,GACF;AAAA;AAAA;AAAA,UACF,IACE;AAAA,WACN,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;","names":[]}

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

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

package/dist/{chunk-3UGBMKSQ.js → chunk-AS3JVRQ3.js}

@@ -1,6 +1,6 @@
 import {
   ScriptTranscript
-} from "./chunk-EHDUKUML.js";
+} from "./chunk-RNGEVYY5.js";
 import {
   computeSpeechShare,
   isLengthClose
@@ -163,4 +163,4 @@ function SessionReplayDialog({
 export {
   SessionReplayDialog
 };
-//# sourceMappingURL=chunk-3UGBMKSQ.js.map
+//# sourceMappingURL=chunk-AS3JVRQ3.js.map

package/dist/{chunk-NKW6BO5R.js → chunk-DIISQDYA.js}

@@ -71,8 +71,9 @@ function StepMetricBadge({ step }) {
       Typo,
       {
         as: "span",
+        color: "gray",
         mono: true,
-        style: { flexShrink: 0, color: "var(--gray-11)" },
+        style: { flexShrink: 0 },
         variant: "body",
         weight: "medium",
         children: scoreText
@@ -227,8 +228,8 @@ function SectionNav({ items, steps }) {
                         Typo,
                         {
                           as: "span",
+                          color: "gray",
                           mono: true,
-                          style: { color: "var(--gray-11)" },
                           variant: "body",
                           weight: "medium",
                           children: stepCode(step)
@@ -261,4 +262,4 @@ function SectionNav({ items, steps }) {
 export {
   SectionNav
 };
-//# sourceMappingURL=chunk-NKW6BO5R.js.map
+//# sourceMappingURL=chunk-DIISQDYA.js.map

package/dist/chunk-DIISQDYA.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        color=\"gray\"\n        mono\n        style={{ flexShrink: 0 }}\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                                color=\"gray\"\n                                mono\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-N242VJOP.js → chunk-IIZ7I7NS.js}

@@ -1,3 +1,6 @@
+import {
+  curriculum_video_default
+} from "./chunk-KFUBWOCN.js";
 import {
   curriculum_ai_traning_default
 } from "./chunk-K4RZTENM.js";
@@ -6,10 +9,7 @@ import {
 } from "./chunk-UXH2XIB2.js";
 import {
   curriculum_review_default
-} from "./chunk-O332K3SW.js";
-import {
-  curriculum_video_default
-} from "./chunk-KFUBWOCN.js";
+} from "./chunk-UK3LP7VH.js";
 import {
   useCurriculumContext
 } from "./chunk-WA5A2GB4.js";
@@ -66,4 +66,4 @@ function CurriculumBody() {
 export {
   CurriculumBody
 };
-//# sourceMappingURL=chunk-N242VJOP.js.map
+//# sourceMappingURL=chunk-IIZ7I7NS.js.map

package/dist/{chunk-2TOASXPK.js → chunk-MD64AUR6.js}

@@ -1,15 +1,15 @@
 import {
   StepSummary
-} from "./chunk-EBFQFOUQ.js";
+} from "./chunk-WVY3C64M.js";
 import {
   ScoreSummary
-} from "./chunk-6YIKOYBQ.js";
+} from "./chunk-2XDAK4B7.js";
 import {
   ScoreTrendSection
-} from "./chunk-XM4GWPXC.js";
+} from "./chunk-RZW6FVML.js";
 import {
   SectionNav
-} from "./chunk-NKW6BO5R.js";
+} from "./chunk-DIISQDYA.js";
 import {
   StepDetail
 } from "./chunk-KJPBBBVK.js";
@@ -82,7 +82,7 @@ function Content({
           strengths.length > 0 ? /* @__PURE__ */ jsx(Box, { id: "strengths", style: { scrollMarginTop }, children: /* @__PURE__ */ jsx(
             AnalysisSection,
             {
-              desc: "\uC774\uBC88 \uC138\uC158\uC5D0\uC11C \uC798\uD55C \uC810",
+              desc: "\uC774\uBC88 \uC138\uC158\uC5D0\uC11C \uAC00\uC7A5 \uB3CB\uBCF4\uC778 \uAC15\uC810\uB4E4\uC774\uC5D0\uC694.",
               items: strengths,
               title: "\uAC15\uC810",
               tone: "good"
@@ -91,7 +91,7 @@ function Content({
           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",
+              desc: "\uB2E4\uC74C\uC5D0 \uBCF4\uC644\uD55C\uB2E4\uBA74 \uB354 \uB098\uC740 \uACB0\uACFC\uB97C \uC5BB\uC744 \uC218 \uC788\uC744 \uAC70\uC5D0\uC694.",
               items: improvements,
               title: "\uAC1C\uC120\uC810",
               tone: "bad"
@@ -102,7 +102,7 @@ function Content({
           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.",
+              desc: "\uC774\uBC88 \uB300\uD654\uC758 \uB354 \uB098\uC544\uC9C8 \uC218 \uC788\uB294 \uBC29\uD5A5\uC744 \uC54C\uB824\uB4DC\uB9B4\uAC8C\uC694.",
               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(
@@ -128,4 +128,4 @@ function Content({
 export {
   Content
 };
-//# sourceMappingURL=chunk-2TOASXPK.js.map
+//# sourceMappingURL=chunk-MD64AUR6.js.map

package/dist/chunk-MD64AUR6.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-LRNO4W2P.js → chunk-NSDVLCCW.js}

@@ -1,12 +1,12 @@
-import {
-  start_review_default
-} from "./chunk-LK2H4QTJ.js";
 import {
   ReviewQuestion_default
-} from "./chunk-SOKGYD5B.js";
+} from "./chunk-YFR3HXSV.js";
 import {
   complete_review_default
 } from "./chunk-NVRVOTWZ.js";
+import {
+  start_review_default
+} from "./chunk-LK2H4QTJ.js";
 import {
   CurriculumReviewProvider,
   useCurriculumReviewContext
@@ -86,4 +86,4 @@ var CurriculumReviewSteps_default = CurriculumReviewSteps;
 export {
   CurriculumReviewSteps_default
 };
-//# sourceMappingURL=chunk-LRNO4W2P.js.map
+//# sourceMappingURL=chunk-NSDVLCCW.js.map

package/dist/{chunk-EHDUKUML.js → chunk-RNGEVYY5.js}

@@ -1,5 +1,7 @@
 import {
-  SPEECH_OVERTALK_THRESHOLD,
+  SpeechShareBar
+} from "./chunk-W72CR2TG.js";
+import {
   formatTimestamp
 } from "./chunk-4YAA25AV.js";
 import {
@@ -14,65 +16,6 @@ import {
 
 // src/app/roleplay/parts/script-transcript.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
-function SpeechShareBar({ share }) {
-  const isOvertalking = share.userPct > SPEECH_OVERTALK_THRESHOLD;
-  return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", mb: "1", children: [
-      /* @__PURE__ */ jsxs(
-        Typo,
-        {
-          as: "span",
-          style: {
-            fontSize: "0.75rem",
-            color: isOvertalking ? "var(--red-11)" : "var(--accent-11)"
-          },
-          variant: "body",
-          weight: "medium",
-          children: [
-            "\uB0B4 \uBC1C\uD654\uB7C9 ",
-            share.userPct,
-            "%"
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs(Typo, { as: "span", color: "gray", style: { fontSize: "0.75rem" }, variant: "body", children: [
-        "\uC0C1\uB300 ",
-        share.partnerPct,
-        "%"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(
-      Flex,
-      {
-        style: {
-          height: 6,
-          borderRadius: "var(--radius-1)",
-          overflow: "hidden",
-          background: "var(--gray-4)"
-        },
-        children: /* @__PURE__ */ jsx(
-          Box,
-          {
-            style: {
-              width: `${share.userPct}%`,
-              background: isOvertalking ? "var(--red-9)" : "var(--accent-9)"
-            }
-          }
-        )
-      }
-    ),
-    isOvertalking ? /* @__PURE__ */ jsx(
-      Typo,
-      {
-        as: "p",
-        mt: "1",
-        style: { fontSize: "0.75rem", color: "var(--red-11)" },
-        variant: "body",
-        children: "\uC0C1\uB300\uC758 \uB9D0\uC744 \uB354 \uB4E3\uACE0 \uC9C8\uBB38\xB7\uACBD\uCCAD\uC758 \uBE44\uC911\uC744 \uB192\uC5EC \uBCF4\uC138\uC694"
-      }
-    ) : null
-  ] });
-}
 function ScriptTranscript({
   lines,
   partnerName,
@@ -91,13 +34,12 @@ function ScriptTranscript({
           {
             as: "span",
             color: "gray",
-            style: { fontSize: "0.75rem", flexShrink: 0 },
-            variant: "body",
-            children: canSync ? "\uC7AC\uC0DD \uC704\uCE58\uC5D0 \uB9DE\uCDB0 \uD45C\uC2DC" : "\uD0C0\uC784\uB77C\uC778 \uBE44\uB3D9\uAE30"
+            variant: "caption",
+            children: canSync ? "" : "\uD0C0\uC784\uB77C\uC778 \uAE30\uB2A5 \uC0AC\uC6A9 \uBD88\uAC00"
           }
         )
       ] }),
-      partnerName ? /* @__PURE__ */ jsxs(Typo, { as: "p", color: "gray", mt: "1", style: { fontSize: "0.75rem" }, variant: "body", children: [
+      partnerName ? /* @__PURE__ */ jsxs(Typo, { as: "p", color: "gray", mt: "1", variant: "body", children: [
         "\uC0C1\uB300 \xB7 ",
         partnerName
       ] }) : null,
@@ -129,12 +71,11 @@ function ScriptTranscript({
                 mono: true,
                 style: {
                   color: isActive ? "var(--accent-11)" : "var(--gray-9)",
-                  fontSize: "0.75rem",
                   flexShrink: 0,
                   minWidth: 32,
                   lineHeight: "1.7"
                 },
-                variant: "body",
+                variant: "caption",
                 children: formatTimestamp(line.startMs)
               }
             ) : null,
@@ -144,14 +85,13 @@ function ScriptTranscript({
                 as: "span",
                 style: {
                   color: isUser ? "var(--accent-11)" : "var(--gray-11)",
-                  fontSize: "0.8125rem",
                   flexShrink: 0,
                   minWidth: 28,
                   lineHeight: "1.7",
-                  fontWeight: 700,
                   whiteSpace: "nowrap"
                 },
                 variant: "body",
+                weight: "bold",
                 children: isUser ? "\uB098" : "\uC0C1\uB300"
               }
             ),
@@ -159,10 +99,10 @@ function ScriptTranscript({
               Typo,
               {
                 as: "span",
+                color: "gray",
+                highContrast: isActive,
                 style: {
-                  fontSize: "0.875rem",
-                  lineHeight: "1.7",
-                  color: isActive ? "var(--gray-12)" : "var(--gray-11)"
+                  lineHeight: "1.7"
                 },
                 variant: "body",
                 weight: isActive ? "medium" : void 0,
@@ -180,4 +120,4 @@ function ScriptTranscript({
 export {
   ScriptTranscript
 };
-//# sourceMappingURL=chunk-EHDUKUML.js.map
+//# sourceMappingURL=chunk-RNGEVYY5.js.map

package/dist/chunk-RNGEVYY5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/roleplay/parts/script-transcript.tsx"],"sourcesContent":["'use client';\n\nimport { Box, Flex, Typo } from '../../../atoms';\nimport { formatTimestamp, type SpeechShare } from '../utils/session-utils';\nimport type { RpSessionScriptLine } from '../types';\nimport { SpeechShareBar } from './speech-share-bar';\n\nexport interface ScriptTranscriptProps {\n  lines: RpSessionScriptLine[];\n  partnerName: string | null;\n  speechShare: SpeechShare | null;\n  canSync: boolean;\n  currentMs: number;\n  onSeek: (startMs: number) => void;\n}\n\nexport function ScriptTranscript({\n  lines,\n  partnerName,\n  speechShare,\n  canSync,\n  currentMs,\n  onSeek,\n}: ScriptTranscriptProps): React.ReactElement {\n  const activeIndex = canSync\n    ? lines.reduce((acc, line, i) => (line.startMs <= currentMs ? i : acc), -1)\n    : -1;\n\n  return (\n    <Flex direction=\"column\" gap=\"2\" style={{ minWidth: 0 }}>\n      <Box>\n        <Flex align=\"center\" gap=\"2\" justify=\"between\">\n          <Typo as=\"span\" variant=\"body\" weight=\"bold\">\n            대화 스크립트\n          </Typo>\n          <Typo\n            as=\"span\"\n            color=\"gray\"\n            variant=\"caption\"\n          >\n            {canSync ? '' : '타임라인 기능 사용 불가'}\n          </Typo>\n        </Flex>\n        {partnerName ? (\n          <Typo as=\"p\" color=\"gray\" mt=\"1\"  variant=\"body\">\n            상대 · {partnerName}\n          </Typo>\n        ) : null}\n        {speechShare ? (\n          <Box mt=\"2\">\n            <SpeechShareBar share={speechShare} />\n          </Box>\n        ) : null}\n      </Box>\n\n      {lines.length === 0 ? (\n        <Typo as=\"p\" color=\"gray\" variant=\"body\">\n          대화 스크립트가 없습니다.\n        </Typo>\n      ) : (\n        <Box style={{ maxHeight: 440, overflowY: 'auto' }}>\n          <Flex direction=\"column\" gap=\"1\">\n            {lines.map((line, i) => {\n              const isUser = line.speaker === 'user';\n              const isActive = i === activeIndex;\n              return (\n                <Flex\n                  align=\"start\"\n                  gap=\"3\"\n                  key={`${line.startMs}-${line.speaker}`}\n                  onClick={\n                    canSync\n                      ? () => {\n                          onSeek(line.startMs);\n                        }\n                      : undefined\n                  }\n                  px=\"2\"\n                  py=\"2\"\n                  style={{\n                    cursor: canSync ? 'pointer' : 'default',\n                    borderRadius: 'var(--radius-2)',\n                    background: isActive ? 'var(--accent-a3)' : 'transparent',\n                  }}\n                >\n                  {canSync ? (\n                    <Typo\n                      as=\"span\"\n                      mono\n                      style={{\n                        color: isActive ? 'var(--accent-11)' : 'var(--gray-9)',\n                        flexShrink: 0,\n                        minWidth: 32,\n                        lineHeight: '1.7',\n                      }}\n                      variant=\"caption\"\n                    >\n                      {formatTimestamp(line.startMs)}\n                    </Typo>\n                  ) : null}\n                  <Typo\n                    as=\"span\"\n                    style={{\n                      color: isUser ? 'var(--accent-11)' : 'var(--gray-11)',\n                      flexShrink: 0,\n                      minWidth: 28,\n                      lineHeight: '1.7',\n                      whiteSpace: 'nowrap',\n                    }}\n                    variant=\"body\"\n                    weight=\"bold\"\n                  >\n                    {isUser ? '나' : '상대'}\n                  </Typo>\n                  <Typo\n                    as=\"span\"\n                    color=\"gray\"\n                    highContrast={isActive}\n                    style={{\n                      lineHeight: '1.7',\n                    }}\n                    variant=\"body\"\n                    weight={isActive ? 'medium' : undefined}\n                  >\n                    {line.text}\n                  </Typo>\n                </Flex>\n              );\n            })}\n          </Flex>\n        </Box>\n      )}\n    </Flex>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA+BQ,SACE,KADF;AAfD,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA8C;AAC5C,QAAM,cAAc,UAChB,MAAM,OAAO,CAAC,KAAK,MAAM,MAAO,KAAK,WAAW,YAAY,IAAI,KAAM,EAAE,IACxE;AAEJ,SACE,qBAAC,QAAK,WAAU,UAAS,KAAI,KAAI,OAAO,EAAE,UAAU,EAAE,GACpD;AAAA,yBAAC,OACC;AAAA,2BAAC,QAAK,OAAM,UAAS,KAAI,KAAI,SAAQ,WACnC;AAAA,4BAAC,QAAK,IAAG,QAAO,SAAQ,QAAO,QAAO,QAAO,mDAE7C;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,OAAM;AAAA,YACN,SAAQ;AAAA,YAEP,oBAAU,KAAK;AAAA;AAAA,QAClB;AAAA,SACF;AAAA,MACC,cACC,qBAAC,QAAK,IAAG,KAAI,OAAM,QAAO,IAAG,KAAK,SAAQ,QAAO;AAAA;AAAA,QACzC;AAAA,SACR,IACE;AAAA,MACH,cACC,oBAAC,OAAI,IAAG,KACN,8BAAC,kBAAe,OAAO,aAAa,GACtC,IACE;AAAA,OACN;AAAA,IAEC,MAAM,WAAW,IAChB,oBAAC,QAAK,IAAG,KAAI,OAAM,QAAO,SAAQ,QAAO,mFAEzC,IAEA,oBAAC,OAAI,OAAO,EAAE,WAAW,KAAK,WAAW,OAAO,GAC9C,8BAAC,QAAK,WAAU,UAAS,KAAI,KAC1B,gBAAM,IAAI,CAAC,MAAM,MAAM;AACtB,YAAM,SAAS,KAAK,YAAY;AAChC,YAAM,WAAW,MAAM;AACvB,aACE;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,KAAI;AAAA,UAEJ,SACE,UACI,MAAM;AACJ,mBAAO,KAAK,OAAO;AAAA,UACrB,IACA;AAAA,UAEN,IAAG;AAAA,UACH,IAAG;AAAA,UACH,OAAO;AAAA,YACL,QAAQ,UAAU,YAAY;AAAA,YAC9B,cAAc;AAAA,YACd,YAAY,WAAW,qBAAqB;AAAA,UAC9C;AAAA,UAEC;AAAA,sBACC;AAAA,cAAC;AAAA;AAAA,gBACC,IAAG;AAAA,gBACH,MAAI;AAAA,gBACJ,OAAO;AAAA,kBACL,OAAO,WAAW,qBAAqB;AAAA,kBACvC,YAAY;AAAA,kBACZ,UAAU;AAAA,kBACV,YAAY;AAAA,gBACd;AAAA,gBACA,SAAQ;AAAA,gBAEP,0BAAgB,KAAK,OAAO;AAAA;AAAA,YAC/B,IACE;AAAA,YACJ;AAAA,cAAC;AAAA;AAAA,gBACC,IAAG;AAAA,gBACH,OAAO;AAAA,kBACL,OAAO,SAAS,qBAAqB;AAAA,kBACrC,YAAY;AAAA,kBACZ,UAAU;AAAA,kBACV,YAAY;AAAA,kBACZ,YAAY;AAAA,gBACd;AAAA,gBACA,SAAQ;AAAA,gBACR,QAAO;AAAA,gBAEN,mBAAS,WAAM;AAAA;AAAA,YAClB;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,IAAG;AAAA,gBACH,OAAM;AAAA,gBACN,cAAc;AAAA,gBACd,OAAO;AAAA,kBACL,YAAY;AAAA,gBACd;AAAA,gBACA,SAAQ;AAAA,gBACR,QAAQ,WAAW,WAAW;AAAA,gBAE7B,eAAK;AAAA;AAAA,YACR;AAAA;AAAA;AAAA,QAxDK,GAAG,KAAK,OAAO,IAAI,KAAK,OAAO;AAAA,MAyDtC;AAAA,IAEJ,CAAC,GACH,GACF;AAAA,KAEJ;AAEJ;","names":[]}