@tipp/ui 2.10.0 → 2.10.1

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

@@ -1,10 +1,10 @@
 "use client";
 import {
   Content
-} from "../../../chunk-2TOASXPK.js";
+} from "../../../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/score-trend-section.cjs

@@ -65,6 +65,7 @@ __export(score_trend_section_exports, {
 });
 module.exports = __toCommonJS(score_trend_section_exports);
 var import_react68 = require("react");
+var import_date_fns3 = require("date-fns");
 
 // src/atoms/alert-dialog.tsx
 var import_themes2 = require("@radix-ui/themes");
@@ -3469,16 +3470,13 @@ function useTokenColors(vars) {
   return { colors: resolved, probe };
 }
 
-// src/app/roleplay/utils/session-utils.ts
-var import_date_fns3 = require("date-fns");
-function formatDate(iso) {
+// src/app/roleplay/parts/score-trend-section.tsx
+var import_jsx_runtime117 = require("react/jsx-runtime");
+function formatDateOnly(iso) {
   const d = new Date(iso);
   if (Number.isNaN(d.getTime())) return iso;
-  return (0, import_date_fns3.format)(d, "M/d HH:mm");
+  return (0, import_date_fns3.format)(d, "M/d");
 }
-
-// src/app/roleplay/parts/score-trend-section.tsx
-var import_jsx_runtime117 = require("react/jsx-runtime");
 function Section2({
   title,
   desc,
@@ -3518,7 +3516,7 @@ function AttemptCell({ row }) {
   );
 }
 function DateCell({ row }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Typo, { as: "span", mono: true, style: { color: "var(--gray-9)" }, variant: "body", children: formatDate(row.original.createdAt) });
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Typo, { as: "span", mono: true, style: { color: "var(--gray-9)" }, variant: "body", children: formatDateOnly(row.original.createdAt) });
 }
 function ScoreCell({ row }) {
   var _a;
@@ -3616,32 +3614,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
       })
     ];
@@ -3671,6 +3671,7 @@ function ScoreTrendSection({
             data: rows,
             getRowStyle: (d) => d.isCurrent ? { background: "var(--accent-a2)" } : {},
             showPagination: false,
+            slim: true,
             variant: "sprite"
           }
         ) })