@tipp/ui 2.9.0 → 2.10.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/app/index.js +17 -17
- package/dist/app/platform/edit-coaching-time.js +17 -17
- package/dist/app/platform/edit-service-type.js +17 -17
- package/dist/app/platform/goal-manage-card-edit.js +17 -17
- package/dist/app/platform/on-offline-radio-card.js +17 -17
- package/dist/app/platform/reservation-card.js +17 -17
- package/dist/app/platform/session-card.js +17 -17
- package/dist/app/roleplay/chart/session-chart.cjs +351 -0
- package/dist/app/roleplay/chart/session-chart.cjs.map +1 -0
- package/dist/app/roleplay/chart/session-chart.d.cts +16 -0
- package/dist/app/roleplay/chart/session-chart.d.ts +16 -0
- package/dist/app/roleplay/chart/session-chart.js +14 -0
- package/dist/app/roleplay/chart/session-chart.js.map +1 -0
- package/dist/app/roleplay/index.cjs +5715 -0
- package/dist/app/roleplay/index.cjs.map +1 -0
- package/dist/app/roleplay/index.d.cts +4 -0
- package/dist/app/roleplay/index.d.ts +4 -0
- package/dist/app/roleplay/index.js +182 -0
- package/dist/app/roleplay/index.js.map +1 -0
- package/dist/app/roleplay/parts/analysis-section.cjs +2178 -0
- package/dist/app/roleplay/parts/analysis-section.cjs.map +1 -0
- package/dist/app/roleplay/parts/analysis-section.d.cts +17 -0
- package/dist/app/roleplay/parts/analysis-section.d.ts +17 -0
- package/dist/app/roleplay/parts/analysis-section.js +97 -0
- package/dist/app/roleplay/parts/analysis-section.js.map +1 -0
- package/dist/app/roleplay/parts/coaching-panel.cjs +2191 -0
- package/dist/app/roleplay/parts/coaching-panel.cjs.map +1 -0
- package/dist/app/roleplay/parts/coaching-panel.d.cts +8 -0
- package/dist/app/roleplay/parts/coaching-panel.d.ts +8 -0
- package/dist/app/roleplay/parts/coaching-panel.js +95 -0
- package/dist/app/roleplay/parts/coaching-panel.js.map +1 -0
- package/dist/app/roleplay/parts/content.cjs +4687 -0
- package/dist/app/roleplay/parts/content.cjs.map +1 -0
- package/dist/app/roleplay/parts/content.d.cts +15 -0
- package/dist/app/roleplay/parts/content.d.ts +15 -0
- package/dist/app/roleplay/parts/content.js +174 -0
- package/dist/app/roleplay/parts/content.js.map +1 -0
- package/dist/app/roleplay/parts/header.cjs +2300 -0
- package/dist/app/roleplay/parts/header.cjs.map +1 -0
- package/dist/app/roleplay/parts/header.d.cts +13 -0
- package/dist/app/roleplay/parts/header.d.ts +13 -0
- package/dist/app/roleplay/parts/header.js +96 -0
- package/dist/app/roleplay/parts/header.js.map +1 -0
- package/dist/app/roleplay/parts/score-summary.cjs +2276 -0
- package/dist/app/roleplay/parts/score-summary.cjs.map +1 -0
- package/dist/app/roleplay/parts/score-summary.d.cts +12 -0
- package/dist/app/roleplay/parts/score-summary.d.ts +12 -0
- package/dist/app/roleplay/parts/score-summary.js +96 -0
- package/dist/app/roleplay/parts/score-summary.js.map +1 -0
- package/dist/app/roleplay/parts/score-trend-section.cjs +3687 -0
- package/dist/app/roleplay/parts/score-trend-section.cjs.map +1 -0
- package/dist/app/roleplay/parts/score-trend-section.d.cts +14 -0
- package/dist/app/roleplay/parts/score-trend-section.d.ts +14 -0
- package/dist/app/roleplay/parts/score-trend-section.js +167 -0
- package/dist/app/roleplay/parts/score-trend-section.js.map +1 -0
- package/dist/app/roleplay/parts/script-transcript.cjs +2288 -0
- package/dist/app/roleplay/parts/script-transcript.cjs.map +1 -0
- package/dist/app/roleplay/parts/script-transcript.d.cts +15 -0
- package/dist/app/roleplay/parts/script-transcript.d.ts +15 -0
- package/dist/app/roleplay/parts/script-transcript.js +96 -0
- package/dist/app/roleplay/parts/script-transcript.js.map +1 -0
- package/dist/app/roleplay/parts/section-nav.cjs +2433 -0
- package/dist/app/roleplay/parts/section-nav.cjs.map +1 -0
- package/dist/app/roleplay/parts/section-nav.d.cts +15 -0
- package/dist/app/roleplay/parts/section-nav.d.ts +15 -0
- package/dist/app/roleplay/parts/section-nav.js +96 -0
- package/dist/app/roleplay/parts/section-nav.js.map +1 -0
- package/dist/app/roleplay/parts/session-replay-dialog.cjs +2598 -0
- package/dist/app/roleplay/parts/session-replay-dialog.cjs.map +1 -0
- package/dist/app/roleplay/parts/session-replay-dialog.d.cts +14 -0
- package/dist/app/roleplay/parts/session-replay-dialog.d.ts +14 -0
- package/dist/app/roleplay/parts/session-replay-dialog.js +97 -0
- package/dist/app/roleplay/parts/session-replay-dialog.js.map +1 -0
- package/dist/app/roleplay/parts/step-detail.cjs +2311 -0
- package/dist/app/roleplay/parts/step-detail.cjs.map +1 -0
- package/dist/app/roleplay/parts/step-detail.d.cts +9 -0
- package/dist/app/roleplay/parts/step-detail.d.ts +9 -0
- package/dist/app/roleplay/parts/step-detail.js +96 -0
- package/dist/app/roleplay/parts/step-detail.js.map +1 -0
- package/dist/app/roleplay/parts/step-radar.cjs +463 -0
- package/dist/app/roleplay/parts/step-radar.cjs.map +1 -0
- package/dist/app/roleplay/parts/step-radar.d.cts +8 -0
- package/dist/app/roleplay/parts/step-radar.d.ts +8 -0
- package/dist/app/roleplay/parts/step-radar.js +14 -0
- package/dist/app/roleplay/parts/step-radar.js.map +1 -0
- package/dist/app/roleplay/parts/step-summary.cjs +2651 -0
- package/dist/app/roleplay/parts/step-summary.cjs.map +1 -0
- package/dist/app/roleplay/parts/step-summary.d.cts +8 -0
- package/dist/app/roleplay/parts/step-summary.d.ts +8 -0
- package/dist/app/roleplay/parts/step-summary.js +101 -0
- package/dist/app/roleplay/parts/step-summary.js.map +1 -0
- package/dist/app/roleplay/rp-session-detail.cjs +5712 -0
- package/dist/app/roleplay/rp-session-detail.cjs.map +1 -0
- package/dist/app/roleplay/rp-session-detail.d.cts +17 -0
- package/dist/app/roleplay/rp-session-detail.d.ts +17 -0
- package/dist/app/roleplay/rp-session-detail.js +179 -0
- package/dist/app/roleplay/rp-session-detail.js.map +1 -0
- package/dist/app/roleplay/types.cjs +19 -0
- package/dist/app/roleplay/types.cjs.map +1 -0
- package/dist/app/roleplay/types.d.cts +42 -0
- package/dist/app/roleplay/types.d.ts +42 -0
- package/dist/app/roleplay/types.js +2 -0
- package/dist/app/roleplay/types.js.map +1 -0
- package/dist/app/roleplay/utils/report-parse.cjs +285 -0
- package/dist/app/roleplay/utils/report-parse.cjs.map +1 -0
- package/dist/app/roleplay/utils/report-parse.d.cts +57 -0
- package/dist/app/roleplay/utils/report-parse.d.ts +57 -0
- package/dist/app/roleplay/utils/report-parse.js +8 -0
- package/dist/app/roleplay/utils/report-parse.js.map +1 -0
- package/dist/app/roleplay/utils/report-parse.test.cjs +491 -0
- package/dist/app/roleplay/utils/report-parse.test.cjs.map +1 -0
- package/dist/app/roleplay/utils/report-parse.test.d.cts +2 -0
- package/dist/app/roleplay/utils/report-parse.test.d.ts +2 -0
- package/dist/app/roleplay/utils/report-parse.test.js +237 -0
- package/dist/app/roleplay/utils/report-parse.test.js.map +1 -0
- package/dist/app/roleplay/utils/session-utils.cjs +204 -0
- package/dist/app/roleplay/utils/session-utils.cjs.map +1 -0
- package/dist/app/roleplay/utils/session-utils.d.cts +38 -0
- package/dist/app/roleplay/utils/session-utils.d.ts +38 -0
- package/dist/app/roleplay/utils/session-utils.js +46 -0
- package/dist/app/roleplay/utils/session-utils.js.map +1 -0
- package/dist/chunk-32WIS4L7.js +131 -0
- package/dist/chunk-32WIS4L7.js.map +1 -0
- package/dist/chunk-3UGBMKSQ.js +166 -0
- package/dist/chunk-3UGBMKSQ.js.map +1 -0
- package/dist/chunk-4YAA25AV.js +161 -0
- package/dist/chunk-4YAA25AV.js.map +1 -0
- package/dist/chunk-5QIT4URV.js +87 -0
- package/dist/chunk-5QIT4URV.js.map +1 -0
- package/dist/chunk-6YIKOYBQ.js +185 -0
- package/dist/chunk-6YIKOYBQ.js.map +1 -0
- package/dist/chunk-7MXY3D3Z.js +84 -0
- package/dist/chunk-7MXY3D3Z.js.map +1 -0
- package/dist/chunk-EBFQFOUQ.js +138 -0
- package/dist/chunk-EBFQFOUQ.js.map +1 -0
- package/dist/chunk-EHDUKUML.js +183 -0
- package/dist/chunk-EHDUKUML.js.map +1 -0
- package/dist/{chunk-NEJCZABQ.js → chunk-FJEDSUGU.js} +7 -7
- package/dist/chunk-GA6W62DO.js +101 -0
- package/dist/chunk-GA6W62DO.js.map +1 -0
- package/dist/chunk-KJPBBBVK.js +142 -0
- package/dist/chunk-KJPBBBVK.js.map +1 -0
- package/dist/{chunk-TQTCT7DC.js → chunk-LRNO4W2P.js} +5 -5
- package/dist/{chunk-6DWUGXSY.js → chunk-N242VJOP.js} +2 -2
- package/dist/chunk-NKW6BO5R.js +264 -0
- package/dist/chunk-NKW6BO5R.js.map +1 -0
- package/dist/{chunk-R5UDNKV2.js → chunk-O332K3SW.js} +2 -2
- package/dist/chunk-OUP3VFXG.js +1 -0
- package/dist/chunk-OUP3VFXG.js.map +1 -0
- package/dist/chunk-QMAINJ4G.js +190 -0
- package/dist/chunk-QMAINJ4G.js.map +1 -0
- package/dist/{chunk-KLJVIEFW.js → chunk-SOKGYD5B.js} +7 -7
- package/dist/chunk-TFJJKM3W.js +261 -0
- package/dist/chunk-TFJJKM3W.js.map +1 -0
- package/dist/{chunk-KQ3ME6XY.js → chunk-U2EAXN3Y.js} +4 -4
- package/dist/chunk-UXAEOCOH.js +150 -0
- package/dist/chunk-UXAEOCOH.js.map +1 -0
- package/dist/chunk-YHP75Y5K.js +242 -0
- package/dist/chunk-YHP75Y5K.js.map +1 -0
- package/dist/chunk-ZE36DFOC.js +142 -0
- package/dist/chunk-ZE36DFOC.js.map +1 -0
- package/dist/index.css +76 -0
- package/dist/index.js +32 -32
- package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/index.js +5 -5
- package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-body.js +2 -2
- package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.js +7 -7
- package/dist/molecules/curriculumV2/CurriculumContents/curriculum-review.js +8 -8
- package/dist/molecules/curriculumV2/CurriculumContents/index.js +9 -9
- package/dist/molecules/curriculumV2/index.js +11 -11
- package/dist/molecules/dynamic-form-editor.js +2 -2
- package/dist/molecules/index.js +29 -29
- package/package.json +28 -2
- package/src/app/roleplay/chart/session-chart.tsx +185 -0
- package/src/app/roleplay/index.ts +8 -0
- package/src/app/roleplay/parts/analysis-section.tsx +98 -0
- package/src/app/roleplay/parts/coaching-panel.tsx +101 -0
- package/src/app/roleplay/parts/content.tsx +146 -0
- package/src/app/roleplay/parts/header.tsx +168 -0
- package/src/app/roleplay/parts/score-summary.tsx +158 -0
- package/src/app/roleplay/parts/score-trend-section.tsx +265 -0
- package/src/app/roleplay/parts/script-transcript.tsx +190 -0
- package/src/app/roleplay/parts/section-nav.tsx +299 -0
- package/src/app/roleplay/parts/session-replay-dialog.tsx +168 -0
- package/src/app/roleplay/parts/step-detail.tsx +173 -0
- package/src/app/roleplay/parts/step-radar.tsx +80 -0
- package/src/app/roleplay/parts/step-summary.tsx +149 -0
- package/src/app/roleplay/rp-session-detail.tsx +176 -0
- package/src/app/roleplay/types.ts +61 -0
- package/src/app/roleplay/utils/report-parse.test.ts +268 -0
- package/src/app/roleplay/utils/report-parse.ts +443 -0
- package/src/app/roleplay/utils/session-utils.ts +215 -0
- package/src/constrant/trainingLog.dummy.json +1 -0
- /package/dist/{chunk-NEJCZABQ.js.map → chunk-FJEDSUGU.js.map} +0 -0
- /package/dist/{chunk-TQTCT7DC.js.map → chunk-LRNO4W2P.js.map} +0 -0
- /package/dist/{chunk-6DWUGXSY.js.map → chunk-N242VJOP.js.map} +0 -0
- /package/dist/{chunk-R5UDNKV2.js.map → chunk-O332K3SW.js.map} +0 -0
- /package/dist/{chunk-KLJVIEFW.js.map → chunk-SOKGYD5B.js.map} +0 -0
- /package/dist/{chunk-KQ3ME6XY.js.map → chunk-U2EAXN3Y.js.map} +0 -0
|
@@ -0,0 +1,183 @@
|
|
|
1
|
+
import {
|
|
2
|
+
SPEECH_OVERTALK_THRESHOLD,
|
|
3
|
+
formatTimestamp
|
|
4
|
+
} from "./chunk-4YAA25AV.js";
|
|
5
|
+
import {
|
|
6
|
+
Box
|
|
7
|
+
} from "./chunk-4Y5BEXVN.js";
|
|
8
|
+
import {
|
|
9
|
+
Typo
|
|
10
|
+
} from "./chunk-L4QQGIYQ.js";
|
|
11
|
+
import {
|
|
12
|
+
Flex
|
|
13
|
+
} from "./chunk-25HMMI7R.js";
|
|
14
|
+
|
|
15
|
+
// src/app/roleplay/parts/script-transcript.tsx
|
|
16
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
17
|
+
function SpeechShareBar({ share }) {
|
|
18
|
+
const isOvertalking = share.userPct > SPEECH_OVERTALK_THRESHOLD;
|
|
19
|
+
return /* @__PURE__ */ jsxs(Box, { children: [
|
|
20
|
+
/* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", mb: "1", children: [
|
|
21
|
+
/* @__PURE__ */ jsxs(
|
|
22
|
+
Typo,
|
|
23
|
+
{
|
|
24
|
+
as: "span",
|
|
25
|
+
style: {
|
|
26
|
+
fontSize: "0.75rem",
|
|
27
|
+
color: isOvertalking ? "var(--red-11)" : "var(--accent-11)"
|
|
28
|
+
},
|
|
29
|
+
variant: "body",
|
|
30
|
+
weight: "medium",
|
|
31
|
+
children: [
|
|
32
|
+
"\uB0B4 \uBC1C\uD654\uB7C9 ",
|
|
33
|
+
share.userPct,
|
|
34
|
+
"%"
|
|
35
|
+
]
|
|
36
|
+
}
|
|
37
|
+
),
|
|
38
|
+
/* @__PURE__ */ jsxs(Typo, { as: "span", color: "gray", style: { fontSize: "0.75rem" }, variant: "body", children: [
|
|
39
|
+
"\uC0C1\uB300 ",
|
|
40
|
+
share.partnerPct,
|
|
41
|
+
"%"
|
|
42
|
+
] })
|
|
43
|
+
] }),
|
|
44
|
+
/* @__PURE__ */ jsx(
|
|
45
|
+
Flex,
|
|
46
|
+
{
|
|
47
|
+
style: {
|
|
48
|
+
height: 6,
|
|
49
|
+
borderRadius: "var(--radius-1)",
|
|
50
|
+
overflow: "hidden",
|
|
51
|
+
background: "var(--gray-4)"
|
|
52
|
+
},
|
|
53
|
+
children: /* @__PURE__ */ jsx(
|
|
54
|
+
Box,
|
|
55
|
+
{
|
|
56
|
+
style: {
|
|
57
|
+
width: `${share.userPct}%`,
|
|
58
|
+
background: isOvertalking ? "var(--red-9)" : "var(--accent-9)"
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
)
|
|
62
|
+
}
|
|
63
|
+
),
|
|
64
|
+
isOvertalking ? /* @__PURE__ */ jsx(
|
|
65
|
+
Typo,
|
|
66
|
+
{
|
|
67
|
+
as: "p",
|
|
68
|
+
mt: "1",
|
|
69
|
+
style: { fontSize: "0.75rem", color: "var(--red-11)" },
|
|
70
|
+
variant: "body",
|
|
71
|
+
children: "\uC0C1\uB300\uC758 \uB9D0\uC744 \uB354 \uB4E3\uACE0 \uC9C8\uBB38\xB7\uACBD\uCCAD\uC758 \uBE44\uC911\uC744 \uB192\uC5EC \uBCF4\uC138\uC694"
|
|
72
|
+
}
|
|
73
|
+
) : null
|
|
74
|
+
] });
|
|
75
|
+
}
|
|
76
|
+
function ScriptTranscript({
|
|
77
|
+
lines,
|
|
78
|
+
partnerName,
|
|
79
|
+
speechShare,
|
|
80
|
+
canSync,
|
|
81
|
+
currentMs,
|
|
82
|
+
onSeek
|
|
83
|
+
}) {
|
|
84
|
+
const activeIndex = canSync ? lines.reduce((acc, line, i) => line.startMs <= currentMs ? i : acc, -1) : -1;
|
|
85
|
+
return /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "2", style: { minWidth: 0 }, children: [
|
|
86
|
+
/* @__PURE__ */ jsxs(Box, { children: [
|
|
87
|
+
/* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", justify: "between", children: [
|
|
88
|
+
/* @__PURE__ */ jsx(Typo, { as: "span", variant: "body", weight: "bold", children: "\uB300\uD654 \uC2A4\uD06C\uB9BD\uD2B8" }),
|
|
89
|
+
/* @__PURE__ */ jsx(
|
|
90
|
+
Typo,
|
|
91
|
+
{
|
|
92
|
+
as: "span",
|
|
93
|
+
color: "gray",
|
|
94
|
+
style: { fontSize: "0.75rem", flexShrink: 0 },
|
|
95
|
+
variant: "body",
|
|
96
|
+
children: canSync ? "\uC7AC\uC0DD \uC704\uCE58\uC5D0 \uB9DE\uCDB0 \uD45C\uC2DC" : "\uD0C0\uC784\uB77C\uC778 \uBE44\uB3D9\uAE30"
|
|
97
|
+
}
|
|
98
|
+
)
|
|
99
|
+
] }),
|
|
100
|
+
partnerName ? /* @__PURE__ */ jsxs(Typo, { as: "p", color: "gray", mt: "1", style: { fontSize: "0.75rem" }, variant: "body", children: [
|
|
101
|
+
"\uC0C1\uB300 \xB7 ",
|
|
102
|
+
partnerName
|
|
103
|
+
] }) : null,
|
|
104
|
+
speechShare ? /* @__PURE__ */ jsx(Box, { mt: "2", children: /* @__PURE__ */ jsx(SpeechShareBar, { share: speechShare }) }) : null
|
|
105
|
+
] }),
|
|
106
|
+
lines.length === 0 ? /* @__PURE__ */ jsx(Typo, { as: "p", color: "gray", variant: "body", children: "\uB300\uD654 \uC2A4\uD06C\uB9BD\uD2B8\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }) : /* @__PURE__ */ jsx(Box, { style: { maxHeight: 440, overflowY: "auto" }, children: /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "1", children: lines.map((line, i) => {
|
|
107
|
+
const isUser = line.speaker === "user";
|
|
108
|
+
const isActive = i === activeIndex;
|
|
109
|
+
return /* @__PURE__ */ jsxs(
|
|
110
|
+
Flex,
|
|
111
|
+
{
|
|
112
|
+
align: "start",
|
|
113
|
+
gap: "3",
|
|
114
|
+
onClick: canSync ? () => {
|
|
115
|
+
onSeek(line.startMs);
|
|
116
|
+
} : void 0,
|
|
117
|
+
px: "2",
|
|
118
|
+
py: "2",
|
|
119
|
+
style: {
|
|
120
|
+
cursor: canSync ? "pointer" : "default",
|
|
121
|
+
borderRadius: "var(--radius-2)",
|
|
122
|
+
background: isActive ? "var(--accent-a3)" : "transparent"
|
|
123
|
+
},
|
|
124
|
+
children: [
|
|
125
|
+
canSync ? /* @__PURE__ */ jsx(
|
|
126
|
+
Typo,
|
|
127
|
+
{
|
|
128
|
+
as: "span",
|
|
129
|
+
mono: true,
|
|
130
|
+
style: {
|
|
131
|
+
color: isActive ? "var(--accent-11)" : "var(--gray-9)",
|
|
132
|
+
fontSize: "0.75rem",
|
|
133
|
+
flexShrink: 0,
|
|
134
|
+
minWidth: 32,
|
|
135
|
+
lineHeight: "1.7"
|
|
136
|
+
},
|
|
137
|
+
variant: "body",
|
|
138
|
+
children: formatTimestamp(line.startMs)
|
|
139
|
+
}
|
|
140
|
+
) : null,
|
|
141
|
+
/* @__PURE__ */ jsx(
|
|
142
|
+
Typo,
|
|
143
|
+
{
|
|
144
|
+
as: "span",
|
|
145
|
+
style: {
|
|
146
|
+
color: isUser ? "var(--accent-11)" : "var(--gray-11)",
|
|
147
|
+
fontSize: "0.8125rem",
|
|
148
|
+
flexShrink: 0,
|
|
149
|
+
minWidth: 28,
|
|
150
|
+
lineHeight: "1.7",
|
|
151
|
+
fontWeight: 700,
|
|
152
|
+
whiteSpace: "nowrap"
|
|
153
|
+
},
|
|
154
|
+
variant: "body",
|
|
155
|
+
children: isUser ? "\uB098" : "\uC0C1\uB300"
|
|
156
|
+
}
|
|
157
|
+
),
|
|
158
|
+
/* @__PURE__ */ jsx(
|
|
159
|
+
Typo,
|
|
160
|
+
{
|
|
161
|
+
as: "span",
|
|
162
|
+
style: {
|
|
163
|
+
fontSize: "0.875rem",
|
|
164
|
+
lineHeight: "1.7",
|
|
165
|
+
color: isActive ? "var(--gray-12)" : "var(--gray-11)"
|
|
166
|
+
},
|
|
167
|
+
variant: "body",
|
|
168
|
+
weight: isActive ? "medium" : void 0,
|
|
169
|
+
children: line.text
|
|
170
|
+
}
|
|
171
|
+
)
|
|
172
|
+
]
|
|
173
|
+
},
|
|
174
|
+
`${line.startMs}-${line.speaker}`
|
|
175
|
+
);
|
|
176
|
+
}) }) })
|
|
177
|
+
] });
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
export {
|
|
181
|
+
ScriptTranscript
|
|
182
|
+
};
|
|
183
|
+
//# sourceMappingURL=chunk-EHDUKUML.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/app/roleplay/parts/script-transcript.tsx"],"sourcesContent":["'use client';\n\nimport { Box, Flex, Typo } from '../../../atoms';\nimport {\n formatTimestamp,\n SPEECH_OVERTALK_THRESHOLD,\n type SpeechShare,\n} from '../utils/session-utils';\nimport type { RpSessionScriptLine } from '../types';\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\nfunction SpeechShareBar({ share }: { share: SpeechShare }): React.ReactElement {\n const isOvertalking = share.userPct > SPEECH_OVERTALK_THRESHOLD;\n return (\n <Box>\n <Flex align=\"center\" justify=\"between\" mb=\"1\">\n <Typo\n as=\"span\"\n style={{\n fontSize: '0.75rem',\n color: isOvertalking ? 'var(--red-11)' : 'var(--accent-11)',\n }}\n variant=\"body\"\n weight=\"medium\"\n >\n 내 발화량 {share.userPct}%\n </Typo>\n <Typo as=\"span\" color=\"gray\" style={{ fontSize: '0.75rem' }} variant=\"body\">\n 상대 {share.partnerPct}%\n </Typo>\n </Flex>\n <Flex\n style={{\n height: 6,\n borderRadius: 'var(--radius-1)',\n overflow: 'hidden',\n background: 'var(--gray-4)',\n }}\n >\n <Box\n style={{\n width: `${share.userPct}%`,\n background: isOvertalking ? 'var(--red-9)' : 'var(--accent-9)',\n }}\n />\n </Flex>\n {isOvertalking ? (\n <Typo\n as=\"p\"\n mt=\"1\"\n style={{ fontSize: '0.75rem', color: 'var(--red-11)' }}\n variant=\"body\"\n >\n 상대의 말을 더 듣고 질문·경청의 비중을 높여 보세요\n </Typo>\n ) : null}\n </Box>\n );\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 style={{ fontSize: '0.75rem', flexShrink: 0 }}\n variant=\"body\"\n >\n {canSync ? '재생 위치에 맞춰 표시' : '타임라인 비동기'}\n </Typo>\n </Flex>\n {partnerName ? (\n <Typo as=\"p\" color=\"gray\" mt=\"1\" style={{ fontSize: '0.75rem' }} 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 fontSize: '0.75rem',\n flexShrink: 0,\n minWidth: 32,\n lineHeight: '1.7',\n }}\n variant=\"body\"\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 fontSize: '0.8125rem',\n flexShrink: 0,\n minWidth: 28,\n lineHeight: '1.7',\n fontWeight: 700,\n whiteSpace: 'nowrap',\n }}\n variant=\"body\"\n >\n {isUser ? '나' : '상대'}\n </Typo>\n <Typo\n as=\"span\"\n style={{\n fontSize: '0.875rem',\n lineHeight: '1.7',\n color: isActive ? 'var(--gray-12)' : 'var(--gray-11)',\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":"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","names":[]}
|
|
@@ -4,6 +4,12 @@ import {
|
|
|
4
4
|
import {
|
|
5
5
|
DynamicFormEditorFieldListPanel
|
|
6
6
|
} from "./chunk-CBYIPRND.js";
|
|
7
|
+
import {
|
|
8
|
+
DynamicFormEditorIssuesPanel
|
|
9
|
+
} from "./chunk-D4U2ZV2A.js";
|
|
10
|
+
import {
|
|
11
|
+
DynamicFormEditorPreviewPanel
|
|
12
|
+
} from "./chunk-V7KAHLW2.js";
|
|
7
13
|
import {
|
|
8
14
|
createDefaultField,
|
|
9
15
|
createUniqueFieldName,
|
|
@@ -16,12 +22,6 @@ import {
|
|
|
16
22
|
updateSchemaFields,
|
|
17
23
|
validateDynamicFormSchema
|
|
18
24
|
} from "./chunk-Z7WNKARH.js";
|
|
19
|
-
import {
|
|
20
|
-
DynamicFormEditorIssuesPanel
|
|
21
|
-
} from "./chunk-D4U2ZV2A.js";
|
|
22
|
-
import {
|
|
23
|
-
DynamicFormEditorPreviewPanel
|
|
24
|
-
} from "./chunk-V7KAHLW2.js";
|
|
25
25
|
import {
|
|
26
26
|
Flex
|
|
27
27
|
} from "./chunk-25HMMI7R.js";
|
|
@@ -227,4 +227,4 @@ function DynamicFormEditor(props) {
|
|
|
227
227
|
export {
|
|
228
228
|
DynamicFormEditor
|
|
229
229
|
};
|
|
230
|
-
//# sourceMappingURL=chunk-
|
|
230
|
+
//# sourceMappingURL=chunk-FJEDSUGU.js.map
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import {
|
|
2
|
+
Grid
|
|
3
|
+
} from "./chunk-EGEQY3KT.js";
|
|
4
|
+
import {
|
|
5
|
+
Heading
|
|
6
|
+
} from "./chunk-USGOLLYO.js";
|
|
7
|
+
import {
|
|
8
|
+
Box
|
|
9
|
+
} from "./chunk-4Y5BEXVN.js";
|
|
10
|
+
import {
|
|
11
|
+
Typo
|
|
12
|
+
} from "./chunk-L4QQGIYQ.js";
|
|
13
|
+
import {
|
|
14
|
+
Flex
|
|
15
|
+
} from "./chunk-25HMMI7R.js";
|
|
16
|
+
import {
|
|
17
|
+
Card
|
|
18
|
+
} from "./chunk-RP2RGCAW.js";
|
|
19
|
+
|
|
20
|
+
// src/app/roleplay/parts/coaching-panel.tsx
|
|
21
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
22
|
+
function Section({
|
|
23
|
+
title,
|
|
24
|
+
desc,
|
|
25
|
+
children
|
|
26
|
+
}) {
|
|
27
|
+
return /* @__PURE__ */ jsxs("section", { children: [
|
|
28
|
+
/* @__PURE__ */ jsxs(Box, { mb: "3", children: [
|
|
29
|
+
/* @__PURE__ */ jsx(
|
|
30
|
+
Heading,
|
|
31
|
+
{
|
|
32
|
+
size: { initial: "4", md: "5" },
|
|
33
|
+
style: { textWrap: "balance" },
|
|
34
|
+
weight: "bold",
|
|
35
|
+
children: title
|
|
36
|
+
}
|
|
37
|
+
),
|
|
38
|
+
desc ? /* @__PURE__ */ jsx(Box, { mt: "1", style: { maxWidth: "65ch" }, children: /* @__PURE__ */ jsx(Typo, { as: "p", color: "gray", variant: "body", children: desc }) }) : null
|
|
39
|
+
] }),
|
|
40
|
+
children
|
|
41
|
+
] });
|
|
42
|
+
}
|
|
43
|
+
function CoachingPanel({ skills }) {
|
|
44
|
+
if (skills.length === 0) return null;
|
|
45
|
+
return /* @__PURE__ */ jsx(Section, { desc: "\uB2E4\uC74C \uC7AC\uB3C4\uC804\uC5D0 \uBC14\uB85C \uC4F8 \uB300\uD654 \uAE30\uC220", title: "\uC989\uC2DC \uC801\uC6A9 \uC2A4\uD0AC", children: /* @__PURE__ */ jsx(Grid, { columns: "1", gap: "6", children: skills.map((skill, index) => /* @__PURE__ */ jsxs(
|
|
46
|
+
Card,
|
|
47
|
+
{
|
|
48
|
+
style: { padding: "var(--space-3)" },
|
|
49
|
+
variant: "surface",
|
|
50
|
+
children: [
|
|
51
|
+
/* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", children: [
|
|
52
|
+
/* @__PURE__ */ jsx(
|
|
53
|
+
Flex,
|
|
54
|
+
{
|
|
55
|
+
align: "center",
|
|
56
|
+
justify: "center",
|
|
57
|
+
style: {
|
|
58
|
+
width: 22,
|
|
59
|
+
height: 22,
|
|
60
|
+
borderRadius: "var(--radius-full)",
|
|
61
|
+
background: "var(--accent-9)",
|
|
62
|
+
flexShrink: 0
|
|
63
|
+
},
|
|
64
|
+
children: /* @__PURE__ */ jsx(
|
|
65
|
+
Typo,
|
|
66
|
+
{
|
|
67
|
+
as: "span",
|
|
68
|
+
mono: true,
|
|
69
|
+
style: { color: "var(--accent-contrast)" },
|
|
70
|
+
variant: "body",
|
|
71
|
+
weight: "bold",
|
|
72
|
+
children: index + 1
|
|
73
|
+
}
|
|
74
|
+
)
|
|
75
|
+
}
|
|
76
|
+
),
|
|
77
|
+
/* @__PURE__ */ jsx(Typo, { as: "span", variant: "body", weight: "medium", children: skill.title })
|
|
78
|
+
] }),
|
|
79
|
+
/* @__PURE__ */ jsx(Box, { mt: "2", style: { maxWidth: "65ch" }, children: /* @__PURE__ */ jsx(Typo, { as: "p", variant: "body", children: skill.description }) }),
|
|
80
|
+
/* @__PURE__ */ jsx(
|
|
81
|
+
Box,
|
|
82
|
+
{
|
|
83
|
+
mt: "2",
|
|
84
|
+
p: "2",
|
|
85
|
+
style: {
|
|
86
|
+
borderRadius: "var(--radius-2)",
|
|
87
|
+
background: "var(--accent-a2)"
|
|
88
|
+
},
|
|
89
|
+
children: /* @__PURE__ */ jsx(Typo, { as: "p", style: { color: "var(--accent-11)" }, variant: "body", children: skill.example })
|
|
90
|
+
}
|
|
91
|
+
)
|
|
92
|
+
]
|
|
93
|
+
},
|
|
94
|
+
skill.title
|
|
95
|
+
)) }) });
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
export {
|
|
99
|
+
CoachingPanel
|
|
100
|
+
};
|
|
101
|
+
//# sourceMappingURL=chunk-GA6W62DO.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/app/roleplay/parts/coaching-panel.tsx"],"sourcesContent":["'use client';\n\nimport { Box, Card, Flex, Grid, Heading, Typo } from '../../../atoms';\nimport type { RpReportSkill } from '../utils/report-parse';\n\nexport interface CoachingPanelProps {\n skills: RpReportSkill[];\n}\n\nfunction Section({\n title,\n desc,\n children,\n}: {\n title: string;\n desc?: string;\n children: React.ReactNode;\n}): React.ReactElement {\n return (\n <section>\n <Box mb=\"3\">\n <Heading\n size={{ initial: '4', md: '5' }}\n style={{ textWrap: 'balance' }}\n weight=\"bold\"\n >\n {title}\n </Heading>\n {desc ? (\n <Box mt=\"1\" style={{ maxWidth: '65ch' }}>\n <Typo as=\"p\" color=\"gray\" variant=\"body\">\n {desc}\n </Typo>\n </Box>\n ) : null}\n </Box>\n {children}\n </section>\n );\n}\n\nexport function CoachingPanel({ skills }: CoachingPanelProps): React.ReactElement | null {\n if (skills.length === 0) return null;\n return (\n <Section desc=\"다음 재도전에 바로 쓸 대화 기술\" title=\"즉시 적용 스킬\">\n <Grid columns=\"1\" gap=\"6\">\n {skills.map((skill, index) => (\n <Card\n key={skill.title}\n style={{ padding: 'var(--space-3)' }}\n variant=\"surface\"\n >\n <Flex align=\"center\" gap=\"2\">\n <Flex\n align=\"center\"\n justify=\"center\"\n style={{\n width: 22,\n height: 22,\n borderRadius: 'var(--radius-full)',\n background: 'var(--accent-9)',\n flexShrink: 0,\n }}\n >\n <Typo\n as=\"span\"\n mono\n style={{ color: 'var(--accent-contrast)' }}\n variant=\"body\"\n weight=\"bold\"\n >\n {index + 1}\n </Typo>\n </Flex>\n <Typo as=\"span\" variant=\"body\" weight=\"medium\">\n {skill.title}\n </Typo>\n </Flex>\n <Box mt=\"2\" style={{ maxWidth: '65ch' }}>\n <Typo as=\"p\" variant=\"body\">\n {skill.description}\n </Typo>\n </Box>\n <Box\n mt=\"2\"\n p=\"2\"\n style={{\n borderRadius: 'var(--radius-2)',\n background: 'var(--accent-a2)',\n }}\n >\n <Typo as=\"p\" style={{ color: 'var(--accent-11)' }} variant=\"body\">\n {skill.example}\n </Typo>\n </Box>\n </Card>\n ))}\n </Grid>\n </Section>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoBM,SACE,KADF;AAXN,SAAS,QAAQ;AAAA,EACf;AAAA,EACA;AAAA,EACA;AACF,GAIuB;AACrB,SACE,qBAAC,aACC;AAAA,yBAAC,OAAI,IAAG,KACN;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,EAAE,SAAS,KAAK,IAAI,IAAI;AAAA,UAC9B,OAAO,EAAE,UAAU,UAAU;AAAA,UAC7B,QAAO;AAAA,UAEN;AAAA;AAAA,MACH;AAAA,MACC,OACC,oBAAC,OAAI,IAAG,KAAI,OAAO,EAAE,UAAU,OAAO,GACpC,8BAAC,QAAK,IAAG,KAAI,OAAM,QAAO,SAAQ,QAC/B,gBACH,GACF,IACE;AAAA,OACN;AAAA,IACC;AAAA,KACH;AAEJ;AAEO,SAAS,cAAc,EAAE,OAAO,GAAkD;AACvF,MAAI,OAAO,WAAW,EAAG,QAAO;AAChC,SACE,oBAAC,WAAQ,MAAK,uFAAqB,OAAM,0CACvC,8BAAC,QAAK,SAAQ,KAAI,KAAI,KACnB,iBAAO,IAAI,CAAC,OAAO,UAClB;AAAA,IAAC;AAAA;AAAA,MAEC,OAAO,EAAE,SAAS,iBAAiB;AAAA,MACnC,SAAQ;AAAA,MAER;AAAA,6BAAC,QAAK,OAAM,UAAS,KAAI,KACvB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,SAAQ;AAAA,cACR,OAAO;AAAA,gBACL,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,cAAc;AAAA,gBACd,YAAY;AAAA,gBACZ,YAAY;AAAA,cACd;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,IAAG;AAAA,kBACH,MAAI;AAAA,kBACJ,OAAO,EAAE,OAAO,yBAAyB;AAAA,kBACzC,SAAQ;AAAA,kBACR,QAAO;AAAA,kBAEN,kBAAQ;AAAA;AAAA,cACX;AAAA;AAAA,UACF;AAAA,UACA,oBAAC,QAAK,IAAG,QAAO,SAAQ,QAAO,QAAO,UACnC,gBAAM,OACT;AAAA,WACF;AAAA,QACA,oBAAC,OAAI,IAAG,KAAI,OAAO,EAAE,UAAU,OAAO,GACpC,8BAAC,QAAK,IAAG,KAAI,SAAQ,QAClB,gBAAM,aACT,GACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,GAAE;AAAA,YACF,OAAO;AAAA,cACL,cAAc;AAAA,cACd,YAAY;AAAA,YACd;AAAA,YAEA,8BAAC,QAAK,IAAG,KAAI,OAAO,EAAE,OAAO,mBAAmB,GAAG,SAAQ,QACxD,gBAAM,SACT;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,IA9CK,MAAM;AAAA,EA+Cb,CACD,GACH,GACF;AAEJ;","names":[]}
|
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
import {
|
|
2
|
+
stepCode,
|
|
3
|
+
stepColor,
|
|
4
|
+
stepGradeLabel,
|
|
5
|
+
stepRatio,
|
|
6
|
+
stepScoreText,
|
|
7
|
+
stepVars
|
|
8
|
+
} from "./chunk-4YAA25AV.js";
|
|
9
|
+
import {
|
|
10
|
+
Progress
|
|
11
|
+
} from "./chunk-TNNF5Q62.js";
|
|
12
|
+
import {
|
|
13
|
+
Box
|
|
14
|
+
} from "./chunk-4Y5BEXVN.js";
|
|
15
|
+
import {
|
|
16
|
+
Typo
|
|
17
|
+
} from "./chunk-L4QQGIYQ.js";
|
|
18
|
+
import {
|
|
19
|
+
Flex
|
|
20
|
+
} from "./chunk-25HMMI7R.js";
|
|
21
|
+
|
|
22
|
+
// src/app/roleplay/parts/step-detail.tsx
|
|
23
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
24
|
+
function RubricField({
|
|
25
|
+
label,
|
|
26
|
+
value
|
|
27
|
+
}) {
|
|
28
|
+
return /* @__PURE__ */ jsxs(Box, { children: [
|
|
29
|
+
/* @__PURE__ */ jsx(Typo, { as: "p", variant: "body", weight: "medium", children: label }),
|
|
30
|
+
/* @__PURE__ */ jsx(Box, { mt: "1", style: { maxWidth: "65ch" }, children: /* @__PURE__ */ jsx(Typo, { as: "p", variant: "body", children: value }) })
|
|
31
|
+
] });
|
|
32
|
+
}
|
|
33
|
+
function StepDetail({
|
|
34
|
+
step,
|
|
35
|
+
scrollMarginTop = "120px"
|
|
36
|
+
}) {
|
|
37
|
+
const qv = stepVars(step);
|
|
38
|
+
const ratio = stepRatio(step);
|
|
39
|
+
const scoreText = stepScoreText(step);
|
|
40
|
+
const gradeLabel = stepGradeLabel(step);
|
|
41
|
+
return /* @__PURE__ */ jsxs(Box, { id: `step-${step.key}`, style: { scrollMarginTop }, children: [
|
|
42
|
+
/* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", justify: "between", mb: "1", children: [
|
|
43
|
+
/* @__PURE__ */ jsxs(Box, { style: { minWidth: 0 }, children: [
|
|
44
|
+
/* @__PURE__ */ jsx(Typo, { as: "span", color: "gray", mono: true, variant: "body", children: stepCode(step) }),
|
|
45
|
+
/* @__PURE__ */ jsx(Typo, { as: "p", variant: "subtitle", weight: "bold", children: step.label })
|
|
46
|
+
] }),
|
|
47
|
+
/* @__PURE__ */ jsxs(Flex, { align: "end", direction: "column", gap: "1", style: { flexShrink: 0 }, children: [
|
|
48
|
+
scoreText !== null ? /* @__PURE__ */ jsx(
|
|
49
|
+
Typo,
|
|
50
|
+
{
|
|
51
|
+
as: "span",
|
|
52
|
+
mono: true,
|
|
53
|
+
style: { color: qv.fg },
|
|
54
|
+
variant: "subtitle",
|
|
55
|
+
weight: "bold",
|
|
56
|
+
children: scoreText
|
|
57
|
+
}
|
|
58
|
+
) : null,
|
|
59
|
+
gradeLabel !== null ? /* @__PURE__ */ jsx(
|
|
60
|
+
Typo,
|
|
61
|
+
{
|
|
62
|
+
as: "span",
|
|
63
|
+
mono: true,
|
|
64
|
+
style: {
|
|
65
|
+
display: "inline-block",
|
|
66
|
+
borderRadius: "var(--radius-2)",
|
|
67
|
+
border: `1px solid ${qv.border}`,
|
|
68
|
+
background: qv.bg,
|
|
69
|
+
color: qv.fg,
|
|
70
|
+
padding: "1px 8px"
|
|
71
|
+
},
|
|
72
|
+
variant: "body",
|
|
73
|
+
weight: "medium",
|
|
74
|
+
children: gradeLabel
|
|
75
|
+
}
|
|
76
|
+
) : null
|
|
77
|
+
] })
|
|
78
|
+
] }),
|
|
79
|
+
ratio !== null ? /* @__PURE__ */ jsx(Box, { mb: "3", mt: "2", children: /* @__PURE__ */ jsx(Progress, { color: stepColor(step), size: "2", value: ratio * 100 }) }) : null,
|
|
80
|
+
step.description ? /* @__PURE__ */ jsx(Box, { mb: "3", mt: ratio !== null ? "0" : "2", style: { maxWidth: "65ch" }, children: /* @__PURE__ */ jsx(Typo, { as: "p", color: "gray", variant: "body", children: step.description }) }) : null,
|
|
81
|
+
/* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "0", children: [
|
|
82
|
+
step.basis || step.issue ? /* @__PURE__ */ jsx(Box, { pb: "3", style: { borderBottom: "1px solid var(--gray-a4)" }, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "3", children: [
|
|
83
|
+
step.basis ? /* @__PURE__ */ jsx(RubricField, { label: "\uADFC\uAC70", value: step.basis }) : null,
|
|
84
|
+
step.issue ? /* @__PURE__ */ jsx(RubricField, { label: "\uC544\uC26C\uC6B4 \uC810", value: step.issue }) : null
|
|
85
|
+
] }) }) : null,
|
|
86
|
+
step.improve || step.example || step.idealExample ? /* @__PURE__ */ jsx(Box, { pt: "3", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "3", children: [
|
|
87
|
+
step.improve ? /* @__PURE__ */ jsx(RubricField, { label: "\uAC1C\uC120\uC810", value: step.improve }) : null,
|
|
88
|
+
step.example ? /* @__PURE__ */ jsxs(
|
|
89
|
+
Box,
|
|
90
|
+
{
|
|
91
|
+
p: "2",
|
|
92
|
+
style: {
|
|
93
|
+
borderRadius: "var(--radius-2)",
|
|
94
|
+
background: "var(--accent-a2)"
|
|
95
|
+
},
|
|
96
|
+
children: [
|
|
97
|
+
/* @__PURE__ */ jsx(
|
|
98
|
+
Typo,
|
|
99
|
+
{
|
|
100
|
+
as: "p",
|
|
101
|
+
style: { color: "var(--accent-11)" },
|
|
102
|
+
variant: "body",
|
|
103
|
+
weight: "medium",
|
|
104
|
+
children: "\uC608\uC2DC \uC2A4\uD06C\uB9BD\uD2B8"
|
|
105
|
+
}
|
|
106
|
+
),
|
|
107
|
+
/* @__PURE__ */ jsx(Box, { mt: "1", style: { maxWidth: "65ch" }, children: /* @__PURE__ */ jsx(Typo, { as: "p", style: { color: "var(--accent-11)" }, variant: "body", children: step.example }) })
|
|
108
|
+
]
|
|
109
|
+
}
|
|
110
|
+
) : null,
|
|
111
|
+
step.idealExample ? /* @__PURE__ */ jsxs(
|
|
112
|
+
Box,
|
|
113
|
+
{
|
|
114
|
+
p: "2",
|
|
115
|
+
style: {
|
|
116
|
+
borderRadius: "var(--radius-2)",
|
|
117
|
+
background: "var(--gray-a2)"
|
|
118
|
+
},
|
|
119
|
+
children: [
|
|
120
|
+
/* @__PURE__ */ jsx(Typo, { as: "p", color: "gray", variant: "body", weight: "medium", children: "\uBAA8\uBC94 \uC608\uC2DC" }),
|
|
121
|
+
/* @__PURE__ */ jsx(Box, { mt: "1", style: { maxWidth: "65ch" }, children: /* @__PURE__ */ jsx(
|
|
122
|
+
Typo,
|
|
123
|
+
{
|
|
124
|
+
as: "p",
|
|
125
|
+
color: "gray",
|
|
126
|
+
style: { whiteSpace: "pre-line" },
|
|
127
|
+
variant: "body",
|
|
128
|
+
children: step.idealExample
|
|
129
|
+
}
|
|
130
|
+
) })
|
|
131
|
+
]
|
|
132
|
+
}
|
|
133
|
+
) : null
|
|
134
|
+
] }) }) : null
|
|
135
|
+
] })
|
|
136
|
+
] });
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
export {
|
|
140
|
+
StepDetail
|
|
141
|
+
};
|
|
142
|
+
//# sourceMappingURL=chunk-KJPBBBVK.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/app/roleplay/parts/step-detail.tsx"],"sourcesContent":["'use client';\n\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 StepDetailProps {\n step: RpReportStep;\n scrollMarginTop?: string;\n}\n\nfunction RubricField({\n label,\n value,\n}: {\n label: string;\n value: string;\n}): React.ReactElement {\n return (\n <Box>\n <Typo as=\"p\" variant=\"body\" weight=\"medium\">\n {label}\n </Typo>\n <Box mt=\"1\" style={{ maxWidth: '65ch' }}>\n <Typo as=\"p\" variant=\"body\">\n {value}\n </Typo>\n </Box>\n </Box>\n );\n}\n\nexport function StepDetail({\n step,\n scrollMarginTop = '120px',\n}: StepDetailProps): React.ReactElement {\n const qv = stepVars(step);\n const ratio = stepRatio(step);\n const scoreText = stepScoreText(step);\n const gradeLabel = stepGradeLabel(step);\n\n return (\n <Box id={`step-${step.key}`} style={{ scrollMarginTop }}>\n <Flex align=\"center\" gap=\"2\" justify=\"between\" mb=\"1\">\n <Box style={{ minWidth: 0 }}>\n <Typo as=\"span\" color=\"gray\" mono variant=\"body\">\n {stepCode(step)}\n </Typo>\n <Typo as=\"p\" variant=\"subtitle\" weight=\"bold\">\n {step.label}\n </Typo>\n </Box>\n <Flex align=\"end\" direction=\"column\" gap=\"1\" style={{ flexShrink: 0 }}>\n {scoreText !== null ? (\n <Typo\n as=\"span\"\n mono\n style={{ color: qv.fg }}\n variant=\"subtitle\"\n weight=\"bold\"\n >\n {scoreText}\n </Typo>\n ) : null}\n {gradeLabel !== null ? (\n <Typo\n as=\"span\"\n mono\n style={{\n display: 'inline-block',\n borderRadius: 'var(--radius-2)',\n border: `1px solid ${qv.border}`,\n background: qv.bg,\n color: qv.fg,\n padding: '1px 8px',\n }}\n variant=\"body\"\n weight=\"medium\"\n >\n {gradeLabel}\n </Typo>\n ) : null}\n </Flex>\n </Flex>\n\n {ratio !== null ? (\n <Box mb=\"3\" mt=\"2\">\n <Progress color={stepColor(step)} size=\"2\" value={ratio * 100} />\n </Box>\n ) : null}\n\n {step.description ? (\n <Box mb=\"3\" mt={ratio !== null ? '0' : '2'} style={{ maxWidth: '65ch' }}>\n <Typo as=\"p\" color=\"gray\" variant=\"body\">\n {step.description}\n </Typo>\n </Box>\n ) : null}\n\n <Flex direction=\"column\" gap=\"0\">\n {step.basis || step.issue ? (\n <Box pb=\"3\" style={{ borderBottom: '1px solid var(--gray-a4)' }}>\n <Flex direction=\"column\" gap=\"3\">\n {step.basis ? <RubricField label=\"근거\" value={step.basis} /> : null}\n {step.issue ? <RubricField label=\"아쉬운 점\" value={step.issue} /> : null}\n </Flex>\n </Box>\n ) : null}\n\n {step.improve || step.example || step.idealExample ? (\n <Box pt=\"3\">\n <Flex direction=\"column\" gap=\"3\">\n {step.improve ? <RubricField label=\"개선점\" value={step.improve} /> : null}\n {step.example ? (\n <Box\n p=\"2\"\n style={{\n borderRadius: 'var(--radius-2)',\n background: 'var(--accent-a2)',\n }}\n >\n <Typo\n as=\"p\"\n style={{ color: 'var(--accent-11)' }}\n variant=\"body\"\n weight=\"medium\"\n >\n 예시 스크립트\n </Typo>\n <Box mt=\"1\" style={{ maxWidth: '65ch' }}>\n <Typo as=\"p\" style={{ color: 'var(--accent-11)' }} variant=\"body\">\n {step.example}\n </Typo>\n </Box>\n </Box>\n ) : null}\n {step.idealExample ? (\n <Box\n p=\"2\"\n style={{\n borderRadius: 'var(--radius-2)',\n background: 'var(--gray-a2)',\n }}\n >\n <Typo as=\"p\" color=\"gray\" variant=\"body\" weight=\"medium\">\n 모범 예시\n </Typo>\n <Box mt=\"1\" style={{ maxWidth: '65ch' }}>\n <Typo\n as=\"p\"\n color=\"gray\"\n style={{ whiteSpace: 'pre-line' }}\n variant=\"body\"\n >\n {step.idealExample}\n </Typo>\n </Box>\n </Box>\n ) : null}\n </Flex>\n </Box>\n ) : null}\n </Flex>\n </Box>\n );\n}\n"],"mappings":"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","names":[]}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
complete_review_default
|
|
3
|
-
} from "./chunk-NVRVOTWZ.js";
|
|
4
1
|
import {
|
|
5
2
|
start_review_default
|
|
6
3
|
} from "./chunk-LK2H4QTJ.js";
|
|
7
4
|
import {
|
|
8
5
|
ReviewQuestion_default
|
|
9
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-SOKGYD5B.js";
|
|
7
|
+
import {
|
|
8
|
+
complete_review_default
|
|
9
|
+
} from "./chunk-NVRVOTWZ.js";
|
|
10
10
|
import {
|
|
11
11
|
CurriculumReviewProvider,
|
|
12
12
|
useCurriculumReviewContext
|
|
@@ -86,4 +86,4 @@ var CurriculumReviewSteps_default = CurriculumReviewSteps;
|
|
|
86
86
|
export {
|
|
87
87
|
CurriculumReviewSteps_default
|
|
88
88
|
};
|
|
89
|
-
//# sourceMappingURL=chunk-
|
|
89
|
+
//# sourceMappingURL=chunk-LRNO4W2P.js.map
|
|
@@ -6,7 +6,7 @@ import {
|
|
|
6
6
|
} from "./chunk-UXH2XIB2.js";
|
|
7
7
|
import {
|
|
8
8
|
curriculum_review_default
|
|
9
|
-
} from "./chunk-
|
|
9
|
+
} from "./chunk-O332K3SW.js";
|
|
10
10
|
import {
|
|
11
11
|
curriculum_video_default
|
|
12
12
|
} from "./chunk-KFUBWOCN.js";
|
|
@@ -66,4 +66,4 @@ function CurriculumBody() {
|
|
|
66
66
|
export {
|
|
67
67
|
CurriculumBody
|
|
68
68
|
};
|
|
69
|
-
//# sourceMappingURL=chunk-
|
|
69
|
+
//# sourceMappingURL=chunk-N242VJOP.js.map
|