@tipp/ui 2.10.1 → 2.10.2

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

@@ -2,14 +2,15 @@
 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-IIZ7I7NS.js";
+import "../../../chunk-KFUBWOCN.js";
 import "../../../chunk-RRC4WFG3.js";
 import "../../../chunk-P2H3VCIB.js";
 import "../../../chunk-WS7IOHVK.js";
@@ -18,22 +19,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/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,