@tipp/ui 2.10.5 → 2.10.6

package/dist/app/roleplay/rp-session-detail.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   RpSessionDetail
-} from "../../chunk-6GODZ2YW.js";
+} from "../../chunk-4LFGW6SO.js";
 import "../../chunk-TFJJKM3W.js";
-import "../../chunk-CPSXONQO.js";
-import "../../chunk-KJPBBBVK.js";
+import "../../chunk-BTU3IMVG.js";
+import "../../chunk-YHA4OOND.js";
 import "../../chunk-WVY3C64M.js";
 import "../../chunk-5QIT4URV.js";
 import "../../chunk-GA6W62DO.js";
@@ -56,7 +56,6 @@ import "../../chunk-K3Q4XLCN.js";
 import "../../chunk-AT5PAJLW.js";
 import "../../chunk-VVWQZK5L.js";
 import "../../chunk-2ISIAPFS.js";
-import "../../chunk-AHYOAFOU.js";
 import "../../chunk-CUS3ORMD.js";
 import "../../chunk-6OT5OYGM.js";
 import "../../chunk-P4DJ5F6Z.js";
@@ -69,24 +68,25 @@ import "../../chunk-BXX3B3E4.js";
 import "../../chunk-NRPDVI76.js";
 import "../../chunk-2BPFXK4L.js";
 import "../../chunk-NWJSLIQ3.js";
-import "../../chunk-W7LO5KYT.js";
-import "../../chunk-V7KAHLW2.js";
+import "../../chunk-AHYOAFOU.js";
+import "../../chunk-NEJCZABQ.js";
 import "../../chunk-77H5BUYO.js";
 import "../../chunk-K7LTEKQS.js";
-import "../../chunk-SQ3FYBJT.js";
 import "../../chunk-2EPKY2VT.js";
 import "../../chunk-QLNAAZJX.js";
 import "../../chunk-PAUEQXYG.js";
-import "../../chunk-OOM522XP.js";
 import "../../chunk-N3FMP27I.js";
 import "../../chunk-BEKSO5JG.js";
 import "../../chunk-IJOOKMKQ.js";
 import "../../chunk-C6HO3IGE.js";
-import "../../chunk-NK6S7ZMB.js";
 import "../../chunk-3DZIX4CE.js";
 import "../../chunk-CBYIPRND.js";
 import "../../chunk-Z7WNKARH.js";
 import "../../chunk-D4U2ZV2A.js";
+import "../../chunk-V7KAHLW2.js";
+import "../../chunk-SQ3FYBJT.js";
+import "../../chunk-NK6S7ZMB.js";
+import "../../chunk-OOM522XP.js";
 import "../../chunk-FAL6S2XK.js";
 import "../../chunk-HBF6IIVZ.js";
 import "../../chunk-AELKCD6B.js";

package/dist/{chunk-6GODZ2YW.js → chunk-4LFGW6SO.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-TFJJKM3W.js";
 import {
   Content
-} from "./chunk-CPSXONQO.js";
+} from "./chunk-BTU3IMVG.js";
 import {
   Header
 } from "./chunk-VJREZH2Z.js";
@@ -139,4 +139,4 @@ function RpSessionDetail({
 export {
   RpSessionDetail
 };
-//# sourceMappingURL=chunk-6GODZ2YW.js.map
+//# sourceMappingURL=chunk-4LFGW6SO.js.map

package/dist/{chunk-CPSXONQO.js → chunk-BTU3IMVG.js}

@@ -1,6 +1,6 @@
 import {
   StepDetail
-} from "./chunk-KJPBBBVK.js";
+} from "./chunk-YHA4OOND.js";
 import {
   StepSummary
 } from "./chunk-WVY3C64M.js";
@@ -128,4 +128,4 @@ function Content({
 export {
   Content
 };
-//# sourceMappingURL=chunk-CPSXONQO.js.map
+//# sourceMappingURL=chunk-BTU3IMVG.js.map

package/dist/{chunk-W7LO5KYT.js → chunk-NEJCZABQ.js}

@@ -1,6 +1,3 @@
-import {
-  DynamicFormEditorPreviewPanel
-} from "./chunk-V7KAHLW2.js";
 import {
   DynamicFormEditorFieldEditorPanel
 } from "./chunk-3DZIX4CE.js";
@@ -22,6 +19,9 @@ import {
 import {
   DynamicFormEditorIssuesPanel
 } from "./chunk-D4U2ZV2A.js";
+import {
+  DynamicFormEditorPreviewPanel
+} from "./chunk-V7KAHLW2.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
@@ -227,4 +227,4 @@ function DynamicFormEditor(props) {
 export {
   DynamicFormEditor
 };
-//# sourceMappingURL=chunk-W7LO5KYT.js.map
+//# sourceMappingURL=chunk-NEJCZABQ.js.map

package/dist/{chunk-KJPBBBVK.js → chunk-YHA4OOND.js}

@@ -83,7 +83,7 @@ function StepDetail({
         step.basis ? /* @__PURE__ */ jsx(RubricField, { label: "\uADFC\uAC70", value: step.basis }) : null,
         step.issue ? /* @__PURE__ */ jsx(RubricField, { label: "\uC544\uC26C\uC6B4 \uC810", value: step.issue }) : null
       ] }) }) : null,
-      step.improve || step.example || step.idealExample ? /* @__PURE__ */ jsx(Box, { pt: "3", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "3", children: [
+      step.improve || step.example ? /* @__PURE__ */ jsx(Box, { pt: "3", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "3", children: [
         step.improve ? /* @__PURE__ */ jsx(RubricField, { label: "\uAC1C\uC120\uC810", value: step.improve }) : null,
         step.example ? /* @__PURE__ */ jsxs(
           Box,
@@ -107,29 +107,6 @@ function StepDetail({
               /* @__PURE__ */ jsx(Box, { mt: "1", style: { maxWidth: "65ch" }, children: /* @__PURE__ */ jsx(Typo, { as: "p", style: { color: "var(--accent-11)" }, variant: "body", children: step.example }) })
             ]
           }
-        ) : null,
-        step.idealExample ? /* @__PURE__ */ jsxs(
-          Box,
-          {
-            p: "2",
-            style: {
-              borderRadius: "var(--radius-2)",
-              background: "var(--gray-a2)"
-            },
-            children: [
-              /* @__PURE__ */ jsx(Typo, { as: "p", color: "gray", variant: "body", weight: "medium", children: "\uBAA8\uBC94 \uC608\uC2DC" }),
-              /* @__PURE__ */ jsx(Box, { mt: "1", style: { maxWidth: "65ch" }, children: /* @__PURE__ */ jsx(
-                Typo,
-                {
-                  as: "p",
-                  color: "gray",
-                  style: { whiteSpace: "pre-line" },
-                  variant: "body",
-                  children: step.idealExample
-                }
-              ) })
-            ]
-          }
         ) : null
       ] }) }) : null
     ] })
@@ -139,4 +116,4 @@ function StepDetail({
 export {
   StepDetail
 };
-//# sourceMappingURL=chunk-KJPBBBVK.js.map
+//# sourceMappingURL=chunk-YHA4OOND.js.map

package/dist/chunk-YHA4OOND.js.map

@@ -0,0 +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 ? (\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            </Flex>\n          </Box>\n        ) : null}\n      </Flex>\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/index.js

@@ -123,9 +123,6 @@ import {
   DatePicker
 } from "./chunk-VVWQZK5L.js";
 import "./chunk-2ISIAPFS.js";
-import {
-  TrainingInfoGuideline
-} from "./chunk-AHYOAFOU.js";
 import {
   LearningPost
 } from "./chunk-CUS3ORMD.js";
@@ -163,20 +160,18 @@ import {
   getTimeOptions,
   parseTimeOption
 } from "./chunk-NWJSLIQ3.js";
+import {
+  TrainingInfoGuideline
+} from "./chunk-AHYOAFOU.js";
 import {
   DynamicFormEditor
-} from "./chunk-W7LO5KYT.js";
-import "./chunk-V7KAHLW2.js";
+} from "./chunk-NEJCZABQ.js";
 import {
   DynamicFormResponseItem
 } from "./chunk-77H5BUYO.js";
 import {
   getDynamicFormDisplayValue
 } from "./chunk-K7LTEKQS.js";
-import {
-  DynamicForm,
-  createYupValidation
-} from "./chunk-SQ3FYBJT.js";
 import {
   EmptyState
 } from "./chunk-2EPKY2VT.js";
@@ -186,9 +181,6 @@ import {
 import {
   GhostPost
 } from "./chunk-PAUEQXYG.js";
-import {
-  AutocompleteTextfield
-} from "./chunk-OOM522XP.js";
 import {
   DescriptionJsonRender
 } from "./chunk-N3FMP27I.js";
@@ -202,13 +194,21 @@ import {
 import {
   DownloadCard
 } from "./chunk-C6HO3IGE.js";
-import {
-  DynamicFormField
-} from "./chunk-NK6S7ZMB.js";
 import "./chunk-3DZIX4CE.js";
 import "./chunk-CBYIPRND.js";
 import "./chunk-Z7WNKARH.js";
 import "./chunk-D4U2ZV2A.js";
+import "./chunk-V7KAHLW2.js";
+import {
+  DynamicForm,
+  createYupValidation
+} from "./chunk-SQ3FYBJT.js";
+import {
+  DynamicFormField
+} from "./chunk-NK6S7ZMB.js";
+import {
+  AutocompleteTextfield
+} from "./chunk-OOM522XP.js";
 import {
   DynamicFormProvider,
   useDynamicForm

package/dist/molecules/dynamic-form-editor.js

@@ -1,13 +1,13 @@
 import {
   DynamicFormEditor
-} from "../chunk-W7LO5KYT.js";
-import "../chunk-V7KAHLW2.js";
-import "../chunk-SQ3FYBJT.js";
-import "../chunk-NK6S7ZMB.js";
+} from "../chunk-NEJCZABQ.js";
 import "../chunk-3DZIX4CE.js";
 import "../chunk-CBYIPRND.js";
 import "../chunk-Z7WNKARH.js";
 import "../chunk-D4U2ZV2A.js";
+import "../chunk-V7KAHLW2.js";
+import "../chunk-SQ3FYBJT.js";
+import "../chunk-NK6S7ZMB.js";
 import "../chunk-FAL6S2XK.js";
 import "../chunk-AELKCD6B.js";
 import "../chunk-5XYPLDI5.js";

package/dist/molecules/index.js

@@ -51,9 +51,6 @@ import {
   DatePicker
 } from "../chunk-VVWQZK5L.js";
 import "../chunk-2ISIAPFS.js";
-import {
-  TrainingInfoGuideline
-} from "../chunk-AHYOAFOU.js";
 import {
   LearningPost
 } from "../chunk-CUS3ORMD.js";
@@ -81,18 +78,16 @@ import "../chunk-BXX3B3E4.js";
 import "../chunk-NRPDVI76.js";
 import "../chunk-2BPFXK4L.js";
 import "../chunk-NWJSLIQ3.js";
+import {
+  TrainingInfoGuideline
+} from "../chunk-AHYOAFOU.js";
 import {
   DynamicFormEditor
-} from "../chunk-W7LO5KYT.js";
-import "../chunk-V7KAHLW2.js";
+} from "../chunk-NEJCZABQ.js";
 import {
   DynamicFormResponseItem
 } from "../chunk-77H5BUYO.js";
 import "../chunk-K7LTEKQS.js";
-import {
-  DynamicForm,
-  createYupValidation
-} from "../chunk-SQ3FYBJT.js";
 import {
   EmptyState
 } from "../chunk-2EPKY2VT.js";
@@ -102,9 +97,6 @@ import {
 import {
   GhostPost
 } from "../chunk-PAUEQXYG.js";
-import {
-  AutocompleteTextfield
-} from "../chunk-OOM522XP.js";
 import {
   DescriptionJsonRender
 } from "../chunk-N3FMP27I.js";
@@ -115,13 +107,21 @@ import {
 import {
   DownloadCard
 } from "../chunk-C6HO3IGE.js";
-import {
-  DynamicFormField
-} from "../chunk-NK6S7ZMB.js";
 import "../chunk-3DZIX4CE.js";
 import "../chunk-CBYIPRND.js";
 import "../chunk-Z7WNKARH.js";
 import "../chunk-D4U2ZV2A.js";
+import "../chunk-V7KAHLW2.js";
+import {
+  DynamicForm,
+  createYupValidation
+} from "../chunk-SQ3FYBJT.js";
+import {
+  DynamicFormField
+} from "../chunk-NK6S7ZMB.js";
+import {
+  AutocompleteTextfield
+} from "../chunk-OOM522XP.js";
 import "../chunk-FAL6S2XK.js";
 import "../chunk-AELKCD6B.js";
 import "../chunk-5XYPLDI5.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tipp/ui",
-  "version": "2.10.5",
+  "version": "2.10.6",
   "private": false,
   "type": "module",
   "exports": {

package/src/app/roleplay/parts/step-detail.tsx

@@ -114,7 +114,7 @@ export function StepDetail({
           </Box>
         ) : null}
 
-        {step.improve || step.example || step.idealExample ? (
+        {step.improve || step.example ? (
           <Box pt="3">
             <Flex direction="column" gap="3">
               {step.improve ? <RubricField label="개선점" value={step.improve} /> : null}
@@ -141,29 +141,6 @@ export function StepDetail({
                   </Box>
                 </Box>
               ) : null}
-              {step.idealExample ? (
-                <Box
-                  p="2"
-                  style={{
-                    borderRadius: 'var(--radius-2)',
-                    background: 'var(--gray-a2)',
-                  }}
-                >
-                  <Typo as="p" color="gray" variant="body" weight="medium">
-                    모범 예시
-                  </Typo>
-                  <Box mt="1" style={{ maxWidth: '65ch' }}>
-                    <Typo
-                      as="p"
-                      color="gray"
-                      style={{ whiteSpace: 'pre-line' }}
-                      variant="body"
-                    >
-                      {step.idealExample}
-                    </Typo>
-                  </Box>
-                </Box>
-              ) : null}
             </Flex>
           </Box>
         ) : null}

package/dist/chunk-KJPBBBVK.js.map

@@ -1 +0,0 @@
-{"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":[]}