@tipp/ui 2.10.0 → 2.10.1

package/dist/app/roleplay/index.js

@@ -1,16 +1,16 @@
 import {
   RpSessionDetail
-} from "../../chunk-T7LKMJVA.js";
+} from "../../chunk-ZE36DFOC.js";
 import {
   parseReportData
 } from "../../chunk-TFJJKM3W.js";
 import "../../chunk-QMAINJ4G.js";
 import "../../chunk-3UGBMKSQ.js";
 import "../../chunk-EHDUKUML.js";
-import "../../chunk-2TOASXPK.js";
+import "../../chunk-32WIS4L7.js";
 import "../../chunk-EBFQFOUQ.js";
 import "../../chunk-6YIKOYBQ.js";
-import "../../chunk-XM4GWPXC.js";
+import "../../chunk-YHP75Y5K.js";
 import "../../chunk-NKW6BO5R.js";
 import "../../chunk-KJPBBBVK.js";
 import "../../chunk-5QIT4URV.js";

package/dist/app/roleplay/parts/content.cjs

@@ -2320,11 +2320,6 @@ function stepCode(step) {
   }
   return step.key.split("_")[0].slice(0, 4).toUpperCase();
 }
-function formatDate(iso) {
-  const d = new Date(iso);
-  if (Number.isNaN(d.getTime())) return iso;
-  return (0, import_date_fns.format)(d, "M/d HH:mm");
-}
 var SPEECH_OVERTALK_THRESHOLD = 40;
 
 // src/app/roleplay/parts/analysis-section.tsx
@@ -2629,6 +2624,7 @@ function ScoreSummary({
 
 // src/app/roleplay/parts/score-trend-section.tsx
 var import_react68 = require("react");
+var import_date_fns4 = require("date-fns");
 
 // src/molecules/expand-table/index.tsx
 var import_react_table2 = require("@tanstack/react-table");
@@ -3862,6 +3858,11 @@ function useTokenColors(vars) {
 
 // src/app/roleplay/parts/score-trend-section.tsx
 var import_jsx_runtime120 = require("react/jsx-runtime");
+function formatDateOnly(iso) {
+  const d = new Date(iso);
+  if (Number.isNaN(d.getTime())) return iso;
+  return (0, import_date_fns4.format)(d, "M/d");
+}
 function Section4({
   title,
   desc,
@@ -3901,7 +3902,7 @@ function AttemptCell({ row }) {
   );
 }
 function DateCell({ row }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Typo, { as: "span", mono: true, style: { color: "var(--gray-9)" }, variant: "body", children: formatDate(row.original.createdAt) });
+  return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Typo, { as: "span", mono: true, style: { color: "var(--gray-9)" }, variant: "body", children: formatDateOnly(row.original.createdAt) });
 }
 function ScoreCell({ row }) {
   var _a;
@@ -3999,32 +4000,34 @@ function ScoreTrendSection({
   const columns = (0, import_react68.useMemo)(() => {
     const h = (0, import_react_table2.createColumnHelper)();
     return [
+      // autoSize 컬럼에선 size가 최소폭으로 동작(1fr로 늘어남). 모바일(iPhone SE 375px,
+      // 가용 ≈343px)에서 grid 최소폭 합이 화면을 넘지 않도록 작게 잡는다.
       h.display({
         id: "attempt",
         header: "\uD68C\uCC28",
-        size: 120,
-        meta: { autoSize: true, align: "left" },
+        size: 116,
+        meta: { align: "left" },
         cell: AttemptCell
       }),
       h.display({
         id: "date",
         header: "\uB0A0\uC9DC",
-        size: 130,
+        size: 76,
         meta: { align: "left" },
         cell: DateCell
       }),
       h.display({
         id: "score",
         header: "\uCD1D\uC810",
-        size: 80,
+        size: 64,
         meta: { align: "right" },
         cell: ScoreCell
       }),
       h.display({
         id: "delta",
         header: "\uBCC0\uD654",
-        size: 80,
-        meta: { align: "right" },
+        size: 64,
+        meta: { autoSize: true, align: "left" },
         cell: DeltaCell
       })
     ];
@@ -4054,6 +4057,7 @@ function ScoreTrendSection({
             data: rows,
             getRowStyle: (d) => d.isCurrent ? { background: "var(--accent-a2)" } : {},
             showPagination: false,
+            slim: true,
             variant: "sprite"
           }
         ) })