@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.
Files changed (198) hide show
  1. package/dist/app/index.js +17 -17
  2. package/dist/app/platform/edit-coaching-time.js +17 -17
  3. package/dist/app/platform/edit-service-type.js +17 -17
  4. package/dist/app/platform/goal-manage-card-edit.js +17 -17
  5. package/dist/app/platform/on-offline-radio-card.js +17 -17
  6. package/dist/app/platform/reservation-card.js +17 -17
  7. package/dist/app/platform/session-card.js +17 -17
  8. package/dist/app/roleplay/chart/session-chart.cjs +351 -0
  9. package/dist/app/roleplay/chart/session-chart.cjs.map +1 -0
  10. package/dist/app/roleplay/chart/session-chart.d.cts +16 -0
  11. package/dist/app/roleplay/chart/session-chart.d.ts +16 -0
  12. package/dist/app/roleplay/chart/session-chart.js +14 -0
  13. package/dist/app/roleplay/chart/session-chart.js.map +1 -0
  14. package/dist/app/roleplay/index.cjs +5715 -0
  15. package/dist/app/roleplay/index.cjs.map +1 -0
  16. package/dist/app/roleplay/index.d.cts +4 -0
  17. package/dist/app/roleplay/index.d.ts +4 -0
  18. package/dist/app/roleplay/index.js +182 -0
  19. package/dist/app/roleplay/index.js.map +1 -0
  20. package/dist/app/roleplay/parts/analysis-section.cjs +2178 -0
  21. package/dist/app/roleplay/parts/analysis-section.cjs.map +1 -0
  22. package/dist/app/roleplay/parts/analysis-section.d.cts +17 -0
  23. package/dist/app/roleplay/parts/analysis-section.d.ts +17 -0
  24. package/dist/app/roleplay/parts/analysis-section.js +97 -0
  25. package/dist/app/roleplay/parts/analysis-section.js.map +1 -0
  26. package/dist/app/roleplay/parts/coaching-panel.cjs +2191 -0
  27. package/dist/app/roleplay/parts/coaching-panel.cjs.map +1 -0
  28. package/dist/app/roleplay/parts/coaching-panel.d.cts +8 -0
  29. package/dist/app/roleplay/parts/coaching-panel.d.ts +8 -0
  30. package/dist/app/roleplay/parts/coaching-panel.js +95 -0
  31. package/dist/app/roleplay/parts/coaching-panel.js.map +1 -0
  32. package/dist/app/roleplay/parts/content.cjs +4687 -0
  33. package/dist/app/roleplay/parts/content.cjs.map +1 -0
  34. package/dist/app/roleplay/parts/content.d.cts +15 -0
  35. package/dist/app/roleplay/parts/content.d.ts +15 -0
  36. package/dist/app/roleplay/parts/content.js +174 -0
  37. package/dist/app/roleplay/parts/content.js.map +1 -0
  38. package/dist/app/roleplay/parts/header.cjs +2300 -0
  39. package/dist/app/roleplay/parts/header.cjs.map +1 -0
  40. package/dist/app/roleplay/parts/header.d.cts +13 -0
  41. package/dist/app/roleplay/parts/header.d.ts +13 -0
  42. package/dist/app/roleplay/parts/header.js +96 -0
  43. package/dist/app/roleplay/parts/header.js.map +1 -0
  44. package/dist/app/roleplay/parts/score-summary.cjs +2276 -0
  45. package/dist/app/roleplay/parts/score-summary.cjs.map +1 -0
  46. package/dist/app/roleplay/parts/score-summary.d.cts +12 -0
  47. package/dist/app/roleplay/parts/score-summary.d.ts +12 -0
  48. package/dist/app/roleplay/parts/score-summary.js +96 -0
  49. package/dist/app/roleplay/parts/score-summary.js.map +1 -0
  50. package/dist/app/roleplay/parts/score-trend-section.cjs +3687 -0
  51. package/dist/app/roleplay/parts/score-trend-section.cjs.map +1 -0
  52. package/dist/app/roleplay/parts/score-trend-section.d.cts +14 -0
  53. package/dist/app/roleplay/parts/score-trend-section.d.ts +14 -0
  54. package/dist/app/roleplay/parts/score-trend-section.js +167 -0
  55. package/dist/app/roleplay/parts/score-trend-section.js.map +1 -0
  56. package/dist/app/roleplay/parts/script-transcript.cjs +2288 -0
  57. package/dist/app/roleplay/parts/script-transcript.cjs.map +1 -0
  58. package/dist/app/roleplay/parts/script-transcript.d.cts +15 -0
  59. package/dist/app/roleplay/parts/script-transcript.d.ts +15 -0
  60. package/dist/app/roleplay/parts/script-transcript.js +96 -0
  61. package/dist/app/roleplay/parts/script-transcript.js.map +1 -0
  62. package/dist/app/roleplay/parts/section-nav.cjs +2433 -0
  63. package/dist/app/roleplay/parts/section-nav.cjs.map +1 -0
  64. package/dist/app/roleplay/parts/section-nav.d.cts +15 -0
  65. package/dist/app/roleplay/parts/section-nav.d.ts +15 -0
  66. package/dist/app/roleplay/parts/section-nav.js +96 -0
  67. package/dist/app/roleplay/parts/section-nav.js.map +1 -0
  68. package/dist/app/roleplay/parts/session-replay-dialog.cjs +2598 -0
  69. package/dist/app/roleplay/parts/session-replay-dialog.cjs.map +1 -0
  70. package/dist/app/roleplay/parts/session-replay-dialog.d.cts +14 -0
  71. package/dist/app/roleplay/parts/session-replay-dialog.d.ts +14 -0
  72. package/dist/app/roleplay/parts/session-replay-dialog.js +97 -0
  73. package/dist/app/roleplay/parts/session-replay-dialog.js.map +1 -0
  74. package/dist/app/roleplay/parts/step-detail.cjs +2311 -0
  75. package/dist/app/roleplay/parts/step-detail.cjs.map +1 -0
  76. package/dist/app/roleplay/parts/step-detail.d.cts +9 -0
  77. package/dist/app/roleplay/parts/step-detail.d.ts +9 -0
  78. package/dist/app/roleplay/parts/step-detail.js +96 -0
  79. package/dist/app/roleplay/parts/step-detail.js.map +1 -0
  80. package/dist/app/roleplay/parts/step-radar.cjs +463 -0
  81. package/dist/app/roleplay/parts/step-radar.cjs.map +1 -0
  82. package/dist/app/roleplay/parts/step-radar.d.cts +8 -0
  83. package/dist/app/roleplay/parts/step-radar.d.ts +8 -0
  84. package/dist/app/roleplay/parts/step-radar.js +14 -0
  85. package/dist/app/roleplay/parts/step-radar.js.map +1 -0
  86. package/dist/app/roleplay/parts/step-summary.cjs +2651 -0
  87. package/dist/app/roleplay/parts/step-summary.cjs.map +1 -0
  88. package/dist/app/roleplay/parts/step-summary.d.cts +8 -0
  89. package/dist/app/roleplay/parts/step-summary.d.ts +8 -0
  90. package/dist/app/roleplay/parts/step-summary.js +101 -0
  91. package/dist/app/roleplay/parts/step-summary.js.map +1 -0
  92. package/dist/app/roleplay/rp-session-detail.cjs +5712 -0
  93. package/dist/app/roleplay/rp-session-detail.cjs.map +1 -0
  94. package/dist/app/roleplay/rp-session-detail.d.cts +17 -0
  95. package/dist/app/roleplay/rp-session-detail.d.ts +17 -0
  96. package/dist/app/roleplay/rp-session-detail.js +179 -0
  97. package/dist/app/roleplay/rp-session-detail.js.map +1 -0
  98. package/dist/app/roleplay/types.cjs +19 -0
  99. package/dist/app/roleplay/types.cjs.map +1 -0
  100. package/dist/app/roleplay/types.d.cts +42 -0
  101. package/dist/app/roleplay/types.d.ts +42 -0
  102. package/dist/app/roleplay/types.js +2 -0
  103. package/dist/app/roleplay/types.js.map +1 -0
  104. package/dist/app/roleplay/utils/report-parse.cjs +285 -0
  105. package/dist/app/roleplay/utils/report-parse.cjs.map +1 -0
  106. package/dist/app/roleplay/utils/report-parse.d.cts +57 -0
  107. package/dist/app/roleplay/utils/report-parse.d.ts +57 -0
  108. package/dist/app/roleplay/utils/report-parse.js +8 -0
  109. package/dist/app/roleplay/utils/report-parse.js.map +1 -0
  110. package/dist/app/roleplay/utils/report-parse.test.cjs +491 -0
  111. package/dist/app/roleplay/utils/report-parse.test.cjs.map +1 -0
  112. package/dist/app/roleplay/utils/report-parse.test.d.cts +2 -0
  113. package/dist/app/roleplay/utils/report-parse.test.d.ts +2 -0
  114. package/dist/app/roleplay/utils/report-parse.test.js +237 -0
  115. package/dist/app/roleplay/utils/report-parse.test.js.map +1 -0
  116. package/dist/app/roleplay/utils/session-utils.cjs +204 -0
  117. package/dist/app/roleplay/utils/session-utils.cjs.map +1 -0
  118. package/dist/app/roleplay/utils/session-utils.d.cts +38 -0
  119. package/dist/app/roleplay/utils/session-utils.d.ts +38 -0
  120. package/dist/app/roleplay/utils/session-utils.js +46 -0
  121. package/dist/app/roleplay/utils/session-utils.js.map +1 -0
  122. package/dist/chunk-32WIS4L7.js +131 -0
  123. package/dist/chunk-32WIS4L7.js.map +1 -0
  124. package/dist/chunk-3UGBMKSQ.js +166 -0
  125. package/dist/chunk-3UGBMKSQ.js.map +1 -0
  126. package/dist/chunk-4YAA25AV.js +161 -0
  127. package/dist/chunk-4YAA25AV.js.map +1 -0
  128. package/dist/chunk-5QIT4URV.js +87 -0
  129. package/dist/chunk-5QIT4URV.js.map +1 -0
  130. package/dist/chunk-6YIKOYBQ.js +185 -0
  131. package/dist/chunk-6YIKOYBQ.js.map +1 -0
  132. package/dist/chunk-7MXY3D3Z.js +84 -0
  133. package/dist/chunk-7MXY3D3Z.js.map +1 -0
  134. package/dist/chunk-EBFQFOUQ.js +138 -0
  135. package/dist/chunk-EBFQFOUQ.js.map +1 -0
  136. package/dist/chunk-EHDUKUML.js +183 -0
  137. package/dist/chunk-EHDUKUML.js.map +1 -0
  138. package/dist/{chunk-NEJCZABQ.js → chunk-FJEDSUGU.js} +7 -7
  139. package/dist/chunk-GA6W62DO.js +101 -0
  140. package/dist/chunk-GA6W62DO.js.map +1 -0
  141. package/dist/chunk-KJPBBBVK.js +142 -0
  142. package/dist/chunk-KJPBBBVK.js.map +1 -0
  143. package/dist/{chunk-TQTCT7DC.js → chunk-LRNO4W2P.js} +5 -5
  144. package/dist/{chunk-6DWUGXSY.js → chunk-N242VJOP.js} +2 -2
  145. package/dist/chunk-NKW6BO5R.js +264 -0
  146. package/dist/chunk-NKW6BO5R.js.map +1 -0
  147. package/dist/{chunk-R5UDNKV2.js → chunk-O332K3SW.js} +2 -2
  148. package/dist/chunk-OUP3VFXG.js +1 -0
  149. package/dist/chunk-OUP3VFXG.js.map +1 -0
  150. package/dist/chunk-QMAINJ4G.js +190 -0
  151. package/dist/chunk-QMAINJ4G.js.map +1 -0
  152. package/dist/{chunk-KLJVIEFW.js → chunk-SOKGYD5B.js} +7 -7
  153. package/dist/chunk-TFJJKM3W.js +261 -0
  154. package/dist/chunk-TFJJKM3W.js.map +1 -0
  155. package/dist/{chunk-KQ3ME6XY.js → chunk-U2EAXN3Y.js} +4 -4
  156. package/dist/chunk-UXAEOCOH.js +150 -0
  157. package/dist/chunk-UXAEOCOH.js.map +1 -0
  158. package/dist/chunk-YHP75Y5K.js +242 -0
  159. package/dist/chunk-YHP75Y5K.js.map +1 -0
  160. package/dist/chunk-ZE36DFOC.js +142 -0
  161. package/dist/chunk-ZE36DFOC.js.map +1 -0
  162. package/dist/index.css +76 -0
  163. package/dist/index.js +32 -32
  164. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/index.js +5 -5
  165. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-body.js +2 -2
  166. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.js +7 -7
  167. package/dist/molecules/curriculumV2/CurriculumContents/curriculum-review.js +8 -8
  168. package/dist/molecules/curriculumV2/CurriculumContents/index.js +9 -9
  169. package/dist/molecules/curriculumV2/index.js +11 -11
  170. package/dist/molecules/dynamic-form-editor.js +2 -2
  171. package/dist/molecules/index.js +29 -29
  172. package/package.json +28 -2
  173. package/src/app/roleplay/chart/session-chart.tsx +185 -0
  174. package/src/app/roleplay/index.ts +8 -0
  175. package/src/app/roleplay/parts/analysis-section.tsx +98 -0
  176. package/src/app/roleplay/parts/coaching-panel.tsx +101 -0
  177. package/src/app/roleplay/parts/content.tsx +146 -0
  178. package/src/app/roleplay/parts/header.tsx +168 -0
  179. package/src/app/roleplay/parts/score-summary.tsx +158 -0
  180. package/src/app/roleplay/parts/score-trend-section.tsx +265 -0
  181. package/src/app/roleplay/parts/script-transcript.tsx +190 -0
  182. package/src/app/roleplay/parts/section-nav.tsx +299 -0
  183. package/src/app/roleplay/parts/session-replay-dialog.tsx +168 -0
  184. package/src/app/roleplay/parts/step-detail.tsx +173 -0
  185. package/src/app/roleplay/parts/step-radar.tsx +80 -0
  186. package/src/app/roleplay/parts/step-summary.tsx +149 -0
  187. package/src/app/roleplay/rp-session-detail.tsx +176 -0
  188. package/src/app/roleplay/types.ts +61 -0
  189. package/src/app/roleplay/utils/report-parse.test.ts +268 -0
  190. package/src/app/roleplay/utils/report-parse.ts +443 -0
  191. package/src/app/roleplay/utils/session-utils.ts +215 -0
  192. package/src/constrant/trainingLog.dummy.json +1 -0
  193. /package/dist/{chunk-NEJCZABQ.js.map → chunk-FJEDSUGU.js.map} +0 -0
  194. /package/dist/{chunk-TQTCT7DC.js.map → chunk-LRNO4W2P.js.map} +0 -0
  195. /package/dist/{chunk-6DWUGXSY.js.map → chunk-N242VJOP.js.map} +0 -0
  196. /package/dist/{chunk-R5UDNKV2.js.map → chunk-O332K3SW.js.map} +0 -0
  197. /package/dist/{chunk-KLJVIEFW.js.map → chunk-SOKGYD5B.js.map} +0 -0
  198. /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":";;;;;;;;;;;;;;;AAwBQ,SAuBA,KAvBA;AALR,SAAS,eAAe,EAAE,MAAM,GAA+C;AAC7E,QAAM,gBAAgB,MAAM,UAAU;AACtC,SACE,qBAAC,OACC;AAAA,yBAAC,QAAK,OAAM,UAAS,SAAQ,WAAU,IAAG,KACxC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH,OAAO;AAAA,YACL,UAAU;AAAA,YACV,OAAO,gBAAgB,kBAAkB;AAAA,UAC3C;AAAA,UACA,SAAQ;AAAA,UACR,QAAO;AAAA,UACR;AAAA;AAAA,YACQ,MAAM;AAAA,YAAQ;AAAA;AAAA;AAAA,MACvB;AAAA,MACA,qBAAC,QAAK,IAAG,QAAO,OAAM,QAAO,OAAO,EAAE,UAAU,UAAU,GAAG,SAAQ,QAAO;AAAA;AAAA,QACtE,MAAM;AAAA,QAAW;AAAA,SACvB;AAAA,OACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,UAAU;AAAA,UACV,YAAY;AAAA,QACd;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,OAAO,GAAG,MAAM,OAAO;AAAA,cACvB,YAAY,gBAAgB,iBAAiB;AAAA,YAC/C;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IACC,gBACC;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,IAAG;AAAA,QACH,OAAO,EAAE,UAAU,WAAW,OAAO,gBAAgB;AAAA,QACrD,SAAQ;AAAA,QACT;AAAA;AAAA,IAED,IACE;AAAA,KACN;AAEJ;AAEO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA8C;AAC5C,QAAM,cAAc,UAChB,MAAM,OAAO,CAAC,KAAK,MAAM,MAAO,KAAK,WAAW,YAAY,IAAI,KAAM,EAAE,IACxE;AAEJ,SACE,qBAAC,QAAK,WAAU,UAAS,KAAI,KAAI,OAAO,EAAE,UAAU,EAAE,GACpD;AAAA,yBAAC,OACC;AAAA,2BAAC,QAAK,OAAM,UAAS,KAAI,KAAI,SAAQ,WACnC;AAAA,4BAAC,QAAK,IAAG,QAAO,SAAQ,QAAO,QAAO,QAAO,mDAE7C;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,OAAM;AAAA,YACN,OAAO,EAAE,UAAU,WAAW,YAAY,EAAE;AAAA,YAC5C,SAAQ;AAAA,YAEP,oBAAU,8DAAiB;AAAA;AAAA,QAC9B;AAAA,SACF;AAAA,MACC,cACC,qBAAC,QAAK,IAAG,KAAI,OAAM,QAAO,IAAG,KAAI,OAAO,EAAE,UAAU,UAAU,GAAG,SAAQ,QAAO;AAAA;AAAA,QACxE;AAAA,SACR,IACE;AAAA,MACH,cACC,oBAAC,OAAI,IAAG,KACN,8BAAC,kBAAe,OAAO,aAAa,GACtC,IACE;AAAA,OACN;AAAA,IAEC,MAAM,WAAW,IAChB,oBAAC,QAAK,IAAG,KAAI,OAAM,QAAO,SAAQ,QAAO,mFAEzC,IAEA,oBAAC,OAAI,OAAO,EAAE,WAAW,KAAK,WAAW,OAAO,GAC9C,8BAAC,QAAK,WAAU,UAAS,KAAI,KAC1B,gBAAM,IAAI,CAAC,MAAM,MAAM;AACtB,YAAM,SAAS,KAAK,YAAY;AAChC,YAAM,WAAW,MAAM;AACvB,aACE;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,KAAI;AAAA,UAEJ,SACE,UACI,MAAM;AACJ,mBAAO,KAAK,OAAO;AAAA,UACrB,IACA;AAAA,UAEN,IAAG;AAAA,UACH,IAAG;AAAA,UACH,OAAO;AAAA,YACL,QAAQ,UAAU,YAAY;AAAA,YAC9B,cAAc;AAAA,YACd,YAAY,WAAW,qBAAqB;AAAA,UAC9C;AAAA,UAEC;AAAA,sBACC;AAAA,cAAC;AAAA;AAAA,gBACC,IAAG;AAAA,gBACH,MAAI;AAAA,gBACJ,OAAO;AAAA,kBACL,OAAO,WAAW,qBAAqB;AAAA,kBACvC,UAAU;AAAA,kBACV,YAAY;AAAA,kBACZ,UAAU;AAAA,kBACV,YAAY;AAAA,gBACd;AAAA,gBACA,SAAQ;AAAA,gBAEP,0BAAgB,KAAK,OAAO;AAAA;AAAA,YAC/B,IACE;AAAA,YACJ;AAAA,cAAC;AAAA;AAAA,gBACC,IAAG;AAAA,gBACH,OAAO;AAAA,kBACL,OAAO,SAAS,qBAAqB;AAAA,kBACrC,UAAU;AAAA,kBACV,YAAY;AAAA,kBACZ,UAAU;AAAA,kBACV,YAAY;AAAA,kBACZ,YAAY;AAAA,kBACZ,YAAY;AAAA,gBACd;AAAA,gBACA,SAAQ;AAAA,gBAEP,mBAAS,WAAM;AAAA;AAAA,YAClB;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,IAAG;AAAA,gBACH,OAAO;AAAA,kBACL,UAAU;AAAA,kBACV,YAAY;AAAA,kBACZ,OAAO,WAAW,mBAAmB;AAAA,gBACvC;AAAA,gBACA,SAAQ;AAAA,gBACR,QAAQ,WAAW,WAAW;AAAA,gBAE7B,eAAK;AAAA;AAAA,YACR;AAAA;AAAA;AAAA,QA1DK,GAAG,KAAK,OAAO,IAAI,KAAK,OAAO;AAAA,MA2DtC;AAAA,IAEJ,CAAC,GACH,GACF;AAAA,KAEJ;AAEJ;","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-NEJCZABQ.js.map
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-KLJVIEFW.js";
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-TQTCT7DC.js.map
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-R5UDNKV2.js";
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-6DWUGXSY.js.map
69
+ //# sourceMappingURL=chunk-N242VJOP.js.map