@tipp/ui 2.10.1 → 2.10.3

package/dist/app/roleplay/parts/score-trend-section.js

@@ -2,14 +2,12 @@
 import {
   ScoreTrendSection,
   Section
-} from "../../../chunk-YHP75Y5K.js";
+} from "../../../chunk-RZW6FVML.js";
 import "../../../chunk-UXAEOCOH.js";
-import "../../../chunk-PSINRHYW.js";
-import "../../../chunk-WSWSAPSS.js";
-import "../../../chunk-RXK3JM34.js";
 import "../../../chunk-SYMOHU2B.js";
 import "../../../chunk-AS7ID74X.js";
-import "../../../chunk-N242VJOP.js";
+import "../../../chunk-RPQWRKBW.js";
+import "../../../chunk-KFUBWOCN.js";
 import "../../../chunk-RRC4WFG3.js";
 import "../../../chunk-P2H3VCIB.js";
 import "../../../chunk-WS7IOHVK.js";
@@ -18,22 +16,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-WLKK5L3P.js";
+import "../../../chunk-2H635UNE.js";
+import "../../../chunk-PS525SZS.js";
+import "../../../chunk-6UWQKH6U.js";
+import "../../../chunk-3ZJVSSAA.js";
+import "../../../chunk-ZGTGEBQX.js";
+import "../../../chunk-RJN4QT5J.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-JTVBWQJW.js";
+import "../../../chunk-NVBAOOAT.js";
 import "../../../chunk-SINRU2A6.js";
 import "../../../chunk-NVRVOTWZ.js";
+import "../../../chunk-YYVSUTXO.js";
 import "../../../chunk-GMKRNFH5.js";
-import "../../../chunk-KFUBWOCN.js";
 import "../../../chunk-XWHBJY5V.js";
 import "../../../chunk-WA5A2GB4.js";
 import "../../../chunk-K3Q4XLCN.js";
@@ -44,83 +41,89 @@ import "../../../chunk-JCG2AUFJ.js";
 import "../../../chunk-2ISIAPFS.js";
 import "../../../chunk-P4DJ5F6Z.js";
 import "../../../chunk-EZN5PMTC.js";
-import "../../../chunk-VBXZIIUA.js";
-import "../../../chunk-Q2FDF2AB.js";
+import "../../../chunk-PVDHXFLT.js";
+import "../../../chunk-V4QYGHOJ.js";
 import "../../../chunk-GRDRXD53.js";
 import "../../../chunk-WTS75RUC.js";
 import "../../../chunk-BXX3B3E4.js";
 import "../../../chunk-NRPDVI76.js";
-import "../../../chunk-NWJSLIQ3.js";
 import "../../../chunk-2BPFXK4L.js";
+import "../../../chunk-NWJSLIQ3.js";
 import "../../../chunk-AHYOAFOU.js";
-import "../../../chunk-FJEDSUGU.js";
+import "../../../chunk-66SUBB2N.js";
 import "../../../chunk-77H5BUYO.js";
 import "../../../chunk-K7LTEKQS.js";
 import "../../../chunk-QLNAAZJX.js";
 import "../../../chunk-PAUEQXYG.js";
-import "../../../chunk-CUS3ORMD.js";
+import "../../../chunk-K4QH4R3O.js";
 import "../../../chunk-6OT5OYGM.js";
 import "../../../chunk-IJOOKMKQ.js";
 import "../../../chunk-C6HO3IGE.js";
-import "../../../chunk-3DZIX4CE.js";
-import "../../../chunk-CBYIPRND.js";
-import "../../../chunk-D4U2ZV2A.js";
-import "../../../chunk-V7KAHLW2.js";
-import "../../../chunk-SQ3FYBJT.js";
-import "../../../chunk-NK6S7ZMB.js";
+import "../../../chunk-AHAGCAQR.js";
+import "../../../chunk-RBWD6IKY.js";
+import "../../../chunk-H533TE6M.js";
+import "../../../chunk-HNAZV4MI.js";
+import "../../../chunk-WJ35Y2IU.js";
+import "../../../chunk-UMLYWHB2.js";
 import "../../../chunk-Z7WNKARH.js";
 import "../../../chunk-OOM522XP.js";
-import "../../../chunk-N3FMP27I.js";
+import "../../../chunk-XMZYZJTH.js";
 import "../../../chunk-BEKSO5JG.js";
 import "../../../chunk-FAL6S2XK.js";
 import "../../../chunk-HBF6IIVZ.js";
 import "../../../chunk-AELKCD6B.js";
+import "../../../chunk-KNIIDDYM.js";
+import "../../../chunk-6TU647KJ.js";
+import "../../../chunk-CGDBUDY3.js";
 import "../../../chunk-5XYPLDI5.js";
 import "../../../chunk-6NPTJBFE.js";
 import "../../../chunk-LNPFV5BJ.js";
+import "../../../chunk-MUPK4L3U.js";
+import "../../../chunk-MUNMDHRF.js";
+import "../../../chunk-IT7ZTP7F.js";
 import "../../../chunk-YXMB4MCM.js";
 import "../../../chunk-HYITAA4J.js";
 import "../../../chunk-5H3YPCZK.js";
 import "../../../chunk-FR2GDOU2.js";
 import "../../../chunk-74DX4CU7.js";
-import "../../../chunk-KNIIDDYM.js";
-import "../../../chunk-6TU647KJ.js";
-import "../../../chunk-CGDBUDY3.js";
+import "../../../chunk-USL6PICI.js";
+import "../../../chunk-RWJUXAFY.js";
+import "../../../chunk-RMW3MQF5.js";
 import "../../../chunk-TNNF5Q62.js";
 import "../../../chunk-YO3BQW6S.js";
 import "../../../chunk-DX3DLP5Z.js";
 import "../../../chunk-SA7AYYQS.js";
 import "../../../chunk-3TOUVBIB.js";
-import "../../../chunk-MUPK4L3U.js";
-import "../../../chunk-MUNMDHRF.js";
-import "../../../chunk-IT7ZTP7F.js";
+import "../../../chunk-EGEQY3KT.js";
+import "../../../chunk-24PX34TH.js";
 import "../../../chunk-XQOL7UBI.js";
 import "../../../chunk-TULWX7D6.js";
 import "../../../chunk-BI6TW3ZO.js";
-import "../../../chunk-USL6PICI.js";
-import "../../../chunk-RWJUXAFY.js";
-import "../../../chunk-RMW3MQF5.js";
+import "../../../chunk-ZPUNTAVI.js";
+import "../../../chunk-KDS7OQOY.js";
+import "../../../chunk-USGOLLYO.js";
+import "../../../chunk-JCUG2XKB.js";
+import "../../../chunk-645GPOW2.js";
+import "../../../chunk-U7N2PWMO.js";
+import "../../../chunk-7RJYF5L3.js";
+import "../../../chunk-HF6GNDPV.js";
 import "../../../chunk-T73HHR3I.js";
 import "../../../chunk-MQKIIIBW.js";
 import "../../../chunk-2M3UFZUD.js";
 import "../../../chunk-PT57HCAI.js";
 import "../../../chunk-2DZ2Y3JI.js";
 import "../../../chunk-GNB4A34H.js";
-import "../../../chunk-EGEQY3KT.js";
-import "../../../chunk-24PX34TH.js";
+import "../../../chunk-EIKFXUNC.js";
+import "../../../chunk-RP2RGCAW.js";
+import "../../../chunk-JETG3WEI.js";
 import "../../../chunk-WG5OK3YN.js";
 import "../../../chunk-ZCGH6TJ3.js";
 import "../../../chunk-UFWDQGOK.js";
 import "../../../chunk-NFDQJVFA.js";
 import "../../../chunk-Q37G2GS6.js";
-import "../../../chunk-ZPUNTAVI.js";
-import "../../../chunk-KDS7OQOY.js";
-import "../../../chunk-USGOLLYO.js";
-import "../../../chunk-JCUG2XKB.js";
-import "../../../chunk-645GPOW2.js";
-import "../../../chunk-U7N2PWMO.js";
-import "../../../chunk-7RJYF5L3.js";
-import "../../../chunk-HF6GNDPV.js";
+import "../../../chunk-6SYFG6YY.js";
+import "../../../chunk-GPZXD762.js";
+import "../../../chunk-BK74U562.js";
 import "../../../chunk-UFRB2BVD.js";
 import "../../../chunk-4Y5BEXVN.js";
 import "../../../chunk-75EY7LBP.js";
@@ -132,9 +135,6 @@ import "../../../chunk-25HMMI7R.js";
 import "../../../chunk-2LCH3PDF.js";
 import "../../../chunk-LQY4RKWI.js";
 import "../../../chunk-ZD7MNMED.js";
-import "../../../chunk-EIKFXUNC.js";
-import "../../../chunk-RP2RGCAW.js";
-import "../../../chunk-JETG3WEI.js";
 import "../../../chunk-VOME2TE7.js";
 import "../../../chunk-JVXATVAC.js";
 import "../../../chunk-B3VSXNTH.js";
@@ -152,13 +152,13 @@ import "../../../chunk-YSYJCYHY.js";
 import "../../../chunk-5OM2H6RI.js";
 import "../../../chunk-ZUYCXCPW.js";
 import "../../../chunk-YVFNJE4E.js";
+import "../../../chunk-PSINRHYW.js";
+import "../../../chunk-WSWSAPSS.js";
+import "../../../chunk-RXK3JM34.js";
 import "../../../chunk-GI4AN2IZ.js";
 import "../../../chunk-WYWM2HSZ.js";
-import "../../../chunk-EAXUQEO5.js";
-import "../../../chunk-6SYFG6YY.js";
-import "../../../chunk-GPZXD762.js";
-import "../../../chunk-BK74U562.js";
 import "../../../chunk-VFQD57ZY.js";
+import "../../../chunk-EAXUQEO5.js";
 import "../../../chunk-CRTRMMJ7.js";
 export {
   ScoreTrendSection,

package/dist/app/roleplay/parts/script-transcript.cjs

@@ -2117,9 +2117,11 @@ function formatTimestamp(ms) {
 }
 var SPEECH_OVERTALK_THRESHOLD = 40;
 
-// src/app/roleplay/parts/script-transcript.tsx
+// src/app/roleplay/parts/speech-share-bar.tsx
 var import_jsx_runtime61 = require("react/jsx-runtime");
-function SpeechShareBar({ share }) {
+function SpeechShareBar({
+  share
+}) {
   const isOvertalking = share.userPct > SPEECH_OVERTALK_THRESHOLD;
   return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_themes7.Box, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_themes23.Flex, { align: "center", justify: "between", mb: "1", children: [
@@ -2128,10 +2130,9 @@ function SpeechShareBar({ share }) {
         {
           as: "span",
           style: {
-            fontSize: "0.75rem",
             color: isOvertalking ? "var(--red-11)" : "var(--accent-11)"
           },
-          variant: "body",
+          variant: "caption",
           weight: "medium",
           children: [
             "\uB0B4 \uBC1C\uD654\uB7C9 ",
@@ -2140,7 +2141,7 @@ function SpeechShareBar({ share }) {
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(Typo, { as: "span", color: "gray", style: { fontSize: "0.75rem" }, variant: "body", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(Typo, { as: "span", color: "gray", variant: "caption", children: [
         "\uC0C1\uB300 ",
         share.partnerPct,
         "%"
@@ -2166,18 +2167,12 @@ function SpeechShareBar({ share }) {
         )
       }
     ),
-    isOvertalking ? /* @__PURE__ */ (0, import_jsx_runtime61.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
+    isOvertalking ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Typo, { as: "p", color: "red", mt: "1", variant: "caption", children: "\uC0C1\uB300\uC758 \uB9D0\uC744 \uB354 \uB4E3\uACE0 \uC9C8\uBB38\xB7\uACBD\uCCAD\uC758 \uBE44\uC911\uC744 \uB192\uC5EC \uBCF4\uC138\uC694" }) : null
   ] });
 }
+
+// src/app/roleplay/parts/script-transcript.tsx
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function ScriptTranscript({
   lines,
   partnerName,
@@ -2187,31 +2182,30 @@ function ScriptTranscript({
   onSeek
 }) {
   const activeIndex = canSync ? lines.reduce((acc, line, i) => line.startMs <= currentMs ? i : acc, -1) : -1;
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_themes23.Flex, { direction: "column", gap: "2", style: { minWidth: 0 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_themes7.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_themes23.Flex, { align: "center", gap: "2", justify: "between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Typo, { as: "span", variant: "body", weight: "bold", children: "\uB300\uD654 \uC2A4\uD06C\uB9BD\uD2B8" }),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_themes23.Flex, { direction: "column", gap: "2", style: { minWidth: 0 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_themes7.Box, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_themes23.Flex, { align: "center", gap: "2", justify: "between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Typo, { as: "span", variant: "body", weight: "bold", children: "\uB300\uD654 \uC2A4\uD06C\uB9BD\uD2B8" }),
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
           Typo,
           {
             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__ */ (0, import_jsx_runtime61.jsxs)(Typo, { as: "p", color: "gray", mt: "1", style: { fontSize: "0.75rem" }, variant: "body", children: [
+      partnerName ? /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(Typo, { as: "p", color: "gray", mt: "1", variant: "body", children: [
         "\uC0C1\uB300 \xB7 ",
         partnerName
       ] }) : null,
-      speechShare ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes7.Box, { mt: "2", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(SpeechShareBar, { share: speechShare }) }) : null
+      speechShare ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes7.Box, { mt: "2", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(SpeechShareBar, { share: speechShare }) }) : null
     ] }),
-    lines.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Typo, { as: "p", color: "gray", variant: "body", children: "\uB300\uD654 \uC2A4\uD06C\uB9BD\uD2B8\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes7.Box, { style: { maxHeight: 440, overflowY: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes23.Flex, { direction: "column", gap: "1", children: lines.map((line, i) => {
+    lines.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Typo, { as: "p", color: "gray", variant: "body", children: "\uB300\uD654 \uC2A4\uD06C\uB9BD\uD2B8\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes7.Box, { style: { maxHeight: 440, overflowY: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes23.Flex, { direction: "column", gap: "1", children: lines.map((line, i) => {
       const isUser = line.speaker === "user";
       const isActive = i === activeIndex;
-      return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
         import_themes23.Flex,
         {
           align: "start",
@@ -2227,47 +2221,45 @@ function ScriptTranscript({
             background: isActive ? "var(--accent-a3)" : "transparent"
           },
           children: [
-            canSync ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+            canSync ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
               Typo,
               {
                 as: "span",
                 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,
-            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
               Typo,
               {
                 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"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
               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,