@tipp/ui 2.9.0 → 2.10.0

package/dist/app/roleplay/parts/step-radar.cjs

@@ -0,0 +1,463 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/app/roleplay/parts/step-radar.tsx
+var step_radar_exports = {};
+__export(step_radar_exports, {
+  StepRadar: () => StepRadar
+});
+module.exports = __toCommonJS(step_radar_exports);
+
+// src/app/roleplay/utils/session-utils.ts
+var import_date_fns = require("date-fns");
+var QUALITY_RATIO = {
+  \uCDA9\uC871: 1,
+  \uBD80\uBD84\uCDA9\uC871: 0.6,
+  \uBBF8\uD761: 0.3
+};
+function qualityRatio(quality) {
+  return quality === null ? null : QUALITY_RATIO[quality];
+}
+function stepRatio(step) {
+  if (step.maxScore !== null && step.maxScore > 0 && step.score !== null) {
+    return Math.max(0, Math.min(1, step.score / step.maxScore));
+  }
+  return qualityRatio(step.quality);
+}
+function stepScoreText(step) {
+  if (step.score === null) return null;
+  return step.maxScore !== null ? `${step.score}/${step.maxScore}` : `${step.score}`;
+}
+function stepGradeLabel(step) {
+  return step.qualityLabel;
+}
+var LETTER_RE = /[A-Za-z]/;
+function stepCode(step) {
+  if (step.initial !== null && step.initial.trim().length > 0) {
+    return step.initial.trim();
+  }
+  const label = step.label.trim();
+  const first = label.charAt(0);
+  const second = label.charAt(1);
+  if (LETTER_RE.test(first) && (second === " " || second === "\u2014" || second === "-")) {
+    return first.toUpperCase();
+  }
+  if (first === "[" && LETTER_RE.test(second) && label.charAt(2) === "]") {
+    return second.toUpperCase();
+  }
+  return step.key.split("_")[0].slice(0, 4).toUpperCase();
+}
+
+// src/app/roleplay/chart/session-chart.tsx
+var import_react = require("react");
+var import_react_resize_detector = require("react-resize-detector");
+var echarts = __toESM(require("echarts/core"), 1);
+var ReactEChartsCoreNs = __toESM(require("echarts-for-react/lib/core"), 1);
+var import_charts = require("echarts/charts");
+var import_renderers = require("echarts/renderers");
+var import_components = require("echarts/components");
+
+// src/charts/horizontal-bar-chart.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+
+// src/charts/chart-theme.json
+var chart_theme_default = {
+  version: 1,
+  themeName: "customed",
+  theme: {
+    seriesCnt: "5",
+    backgroundColor: "rgba(0,0,0,0)",
+    titleColor: "#1c2024",
+    subtitleColor: "#8d8d8d",
+    textColorShow: false,
+    textColor: "#333",
+    markTextColor: "#ffffff",
+    color: [
+      "#ffe629",
+      "#3e63dd",
+      "#ec9455",
+      "#5bb98b",
+      "#cb1d63",
+      "#3ba272",
+      "#fc8452",
+      "#9a60b4",
+      "#ea7ccc"
+    ],
+    borderColor: "#8d8d8d",
+    borderWidth: 0,
+    visualMapColor: ["#bf444c", "#d88273", "#f6efa6"],
+    legendTextColor: "#1c2024",
+    kColor: "#eb5454",
+    kColor0: "#47b262",
+    kBorderColor: "#eb5454",
+    kBorderColor0: "#47b262",
+    kBorderWidth: 1,
+    lineWidth: 2,
+    symbolSize: 4,
+    symbol: "emptyCircle",
+    symbolBorderWidth: 1,
+    lineSmooth: false,
+    graphLineWidth: 1,
+    graphLineColor: "#aaa",
+    mapLabelColor: "#000",
+    mapLabelColorE: "rgb(100,0,0)",
+    mapBorderColor: "#444",
+    mapBorderColorE: "#444",
+    mapBorderWidth: 0.5,
+    mapBorderWidthE: 1,
+    mapAreaColor: "#eee",
+    mapAreaColorE: "rgba(255,215,0,0.8)",
+    axes: [
+      {
+        type: "all",
+        name: "\u901A\u7528\u5750\u6807\u8F74",
+        axisLineShow: true,
+        axisLineColor: "#6E7079",
+        axisTickShow: true,
+        axisTickColor: "#6E7079",
+        axisLabelShow: true,
+        axisLabelColor: "#6E7079",
+        splitLineShow: true,
+        splitLineColor: ["#E0E6F1"],
+        splitAreaShow: false,
+        splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
+      },
+      {
+        type: "category",
+        name: "\u7C7B\u76EE\u5750\u6807\u8F74",
+        axisLineShow: true,
+        axisLineColor: "#6E7079",
+        axisTickShow: true,
+        axisTickColor: "#6E7079",
+        axisLabelShow: true,
+        axisLabelColor: "#6E7079",
+        splitLineShow: false,
+        splitLineColor: ["#E0E6F1"],
+        splitAreaShow: false,
+        splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
+      },
+      {
+        type: "value",
+        name: "\u6570\u503C\u5750\u6807\u8F74",
+        axisLineShow: false,
+        axisLineColor: "#6E7079",
+        axisTickShow: false,
+        axisTickColor: "#6E7079",
+        axisLabelShow: true,
+        axisLabelColor: "#6E7079",
+        splitLineShow: true,
+        splitLineColor: ["#E0E6F1"],
+        splitAreaShow: false,
+        splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
+      },
+      {
+        type: "log",
+        name: "\u5BF9\u6570\u5750\u6807\u8F74",
+        axisLineShow: false,
+        axisLineColor: "#6E7079",
+        axisTickShow: false,
+        axisTickColor: "#6E7079",
+        axisLabelShow: true,
+        axisLabelColor: "#6E7079",
+        splitLineShow: true,
+        splitLineColor: ["#E0E6F1"],
+        splitAreaShow: false,
+        splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
+      },
+      {
+        type: "time",
+        name: "\u65F6\u95F4\u5750\u6807\u8F74",
+        axisLineShow: true,
+        axisLineColor: "#6E7079",
+        axisTickShow: true,
+        axisTickColor: "#6E7079",
+        axisLabelShow: true,
+        axisLabelColor: "#6E7079",
+        splitLineShow: false,
+        splitLineColor: ["#E0E6F1"],
+        splitAreaShow: false,
+        splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
+      }
+    ],
+    axisSeperateSetting: true,
+    toolboxColor: "#8d8d8d",
+    toolboxEmphasisColor: "#1c2024",
+    tooltipAxisColor: "#cccccc",
+    tooltipAxisWidth: 1,
+    timelineLineColor: "#dae1f5",
+    timelineLineWidth: 2,
+    timelineItemColor: "#a4b1d7",
+    timelineItemColorE: "#ffffff",
+    timelineCheckColor: "#316bf3",
+    timelineCheckBorderColor: "#ffffff",
+    timelineItemBorderWidth: 1,
+    timelineControlColor: "#a4b1d7",
+    timelineControlBorderColor: "#a4b1d7",
+    timelineControlBorderWidth: 1,
+    timelineLabelColor: "#a4b1d7"
+  }
+};
+
+// src/charts/chart-default-props.tsx
+var EchartDefaultProps = {
+  opts: { renderer: "svg" },
+  theme: chart_theme_default,
+  option: {
+    textStyle: { fontFamily: "Pretendard Variable" },
+    tooltip: { textStyle: { fontSize: 16 } }
+  }
+};
+
+// src/app/roleplay/chart/session-chart.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function unwrapDefault(mod) {
+  let current = mod;
+  while (current !== null && typeof current === "object" && "default" in current) {
+    current = current.default;
+  }
+  return current;
+}
+function isComponentType(value) {
+  return typeof value === "function";
+}
+var unwrappedChart = unwrapDefault(ReactEChartsCoreNs);
+var ReactEChartsCore = isComponentType(unwrappedChart) ? unwrappedChart : ReactEChartsCoreNs.default;
+echarts.use([
+  import_renderers.SVGRenderer,
+  import_charts.LineChart,
+  import_charts.RadarChart,
+  import_components.TooltipComponent,
+  import_components.GridComponent,
+  import_components.LegendComponent,
+  import_components.AriaComponent,
+  import_components.AxisPointerComponent,
+  import_components.PolarComponent,
+  import_components.RadarComponent
+]);
+function deepMerge(base, override) {
+  if (!override) return base;
+  if (typeof base !== "object" || !base || Array.isArray(base) || typeof override !== "object" || Array.isArray(override)) {
+    return override;
+  }
+  const out = __spreadValues({}, base);
+  for (const [k, v] of Object.entries(override)) {
+    out[k] = k in out ? deepMerge(out[k], v) : v;
+  }
+  return out;
+}
+function Chart(_a) {
+  var _b = _a, {
+    option: optionProp
+  } = _b, rest = __objRest(_b, [
+    "option"
+  ]);
+  const { width, height, ref } = (0, import_react_resize_detector.useResizeDetector)({
+    handleHeight: true,
+    refreshMode: "debounce",
+    refreshRate: 100
+  });
+  const [mounted, setMounted] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    setMounted(true);
+  }, []);
+  const option = (0, import_react.useMemo)(() => {
+    const baseOption = {
+      textStyle: { fontFamily: "var(--default-font-family, 'Noto Sans KR')" },
+      tooltip: { textStyle: { fontSize: 13 } },
+      // ds-allow: chart-lib
+      animation: false
+    };
+    return deepMerge(baseOption, optionProp);
+  }, [optionProp]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { ref, style: { width: "100%", height: "100%" }, children: mounted ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    ReactEChartsCore,
+    __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, EchartDefaultProps), {
+      echarts,
+      opts: { renderer: "svg" },
+      style: { height, width }
+    }), rest), {
+      option
+    })
+  ) : null });
+}
+function normalizeColor(value, fallback) {
+  const v = value.trim();
+  if (!v) return fallback;
+  if (/^#|^rgb|^hsl/i.test(v)) return v;
+  try {
+    const canvas = document.createElement("canvas");
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return fallback;
+    ctx.fillStyle = "#000";
+    ctx.fillStyle = v;
+    const out = ctx.fillStyle;
+    return /color\(|^$/i.test(out) ? fallback : out;
+  } catch (e) {
+    return fallback;
+  }
+}
+function useTokenColors(vars) {
+  const probeRef = (0, import_react.useRef)(null);
+  const fallbacks = (0, import_react.useMemo)(() => {
+    const f = {};
+    for (const k of Object.keys(vars)) f[k] = vars[k][1];
+    return f;
+  }, [vars]);
+  const [resolved, setResolved] = (0, import_react.useState)(fallbacks);
+  const key = JSON.stringify(vars);
+  const varsRef = (0, import_react.useRef)(vars);
+  varsRef.current = vars;
+  (0, import_react.useEffect)(() => {
+    const el = probeRef.current;
+    if (!el) return;
+    const cs = getComputedStyle(el);
+    const next = {};
+    for (const k of Object.keys(varsRef.current)) {
+      const [cssVar, fallback] = varsRef.current[k];
+      next[k] = normalizeColor(cs.getPropertyValue(cssVar), fallback);
+    }
+    setResolved(next);
+  }, [key]);
+  const probe = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "span",
+    {
+      "aria-hidden": true,
+      ref: probeRef,
+      style: { position: "absolute", width: 0, height: 0, overflow: "hidden" }
+    }
+  );
+  return { colors: resolved, probe };
+}
+
+// src/app/roleplay/parts/step-radar.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function StepRadar({ steps }) {
+  const { colors, probe } = useTokenColors({
+    accent: ["--accent-9", "#5b5bd6"],
+    grid: ["--gray-5", "#e0e0e0"],
+    label: ["--gray-11", "#646464"]
+  });
+  const indicator = steps.map((s) => ({ name: stepCode(s), max: 1 }));
+  const values = steps.map((s) => {
+    var _a;
+    return (_a = stepRatio(s)) != null ? _a : 0;
+  });
+  const option = {
+    tooltip: {
+      trigger: "item",
+      formatter: () => steps.map(
+        (s) => {
+          var _a, _b;
+          return `${stepCode(s)} ${(_b = (_a = stepScoreText(s)) != null ? _a : stepGradeLabel(s)) != null ? _b : "\u2014"}`;
+        }
+      ).join("<br/>")
+    },
+    radar: {
+      indicator,
+      radius: "66%",
+      center: ["50%", "50%"],
+      splitNumber: 4,
+      axisName: { color: colors.label, fontSize: 10, fontWeight: "bold" },
+      // ds-allow: chart-lib
+      splitLine: { lineStyle: { color: colors.grid } },
+      splitArea: { show: false },
+      axisLine: { lineStyle: { color: colors.grid } }
+    },
+    series: [
+      {
+        type: "radar",
+        data: [
+          {
+            value: values,
+            name: "\uC774\uBC88 \uC138\uC158",
+            areaStyle: { color: colors.accent, opacity: 0.18 },
+            lineStyle: { color: colors.accent, width: 2 },
+            itemStyle: { color: colors.accent },
+            symbolSize: 4
+          }
+        ]
+      }
+    ]
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "div",
+    {
+      "aria-label": "\uD3C9\uAC00 \uB2E8\uACC4 \uB808\uC774\uB354 \uCC28\uD2B8",
+      role: "img",
+      style: {
+        position: "relative",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        height: "100%",
+        minWidth: 0,
+        overflow: "hidden"
+      },
+      children: [
+        probe,
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { width: "100%", maxWidth: 300, height: 280 }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Chart, { option }) })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  StepRadar
+});
+//# sourceMappingURL=step-radar.cjs.map

package/dist/app/roleplay/parts/step-radar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/app/roleplay/parts/step-radar.tsx","../../../../src/app/roleplay/utils/session-utils.ts","../../../../src/app/roleplay/chart/session-chart.tsx","../../../../src/charts/horizontal-bar-chart.tsx","../../../../src/charts/chart-theme.json","../../../../src/charts/chart-default-props.tsx"],"sourcesContent":["'use client';\n\nimport type { EChartsOption } from 'echarts';\nimport type { RpReportStep } from '../utils/report-parse';\nimport { stepCode, stepGradeLabel, stepRatio, stepScoreText } from '../utils/session-utils';\nimport { Chart, useTokenColors } from '../chart/session-chart';\n\nexport interface StepRadarProps {\n  steps: RpReportStep[];\n}\n\nexport function StepRadar({ steps }: StepRadarProps): React.ReactElement {\n  const { colors, probe } = useTokenColors({\n    accent: ['--accent-9', '#5b5bd6'],\n    grid: ['--gray-5', '#e0e0e0'],\n    label: ['--gray-11', '#646464'],\n  });\n\n  const indicator = steps.map((s) => ({ name: stepCode(s), max: 1 }));\n  const values = steps.map((s) => stepRatio(s) ?? 0);\n\n  const option: EChartsOption = {\n    tooltip: {\n      trigger: 'item',\n      formatter: () =>\n        steps\n          .map(\n            (s) =>\n              `${stepCode(s)} ${stepScoreText(s) ?? stepGradeLabel(s) ?? '—'}`\n          )\n          .join('<br/>'),\n    },\n    radar: {\n      indicator,\n      radius: '66%',\n      center: ['50%', '50%'],\n      splitNumber: 4,\n      axisName: { color: colors.label, fontSize: 10, fontWeight: 'bold' }, // ds-allow: chart-lib\n      splitLine: { lineStyle: { color: colors.grid } },\n      splitArea: { show: false },\n      axisLine: { lineStyle: { color: colors.grid } },\n    },\n    series: [\n      {\n        type: 'radar',\n        data: [\n          {\n            value: values,\n            name: '이번 세션',\n            areaStyle: { color: colors.accent, opacity: 0.18 },\n            lineStyle: { color: colors.accent, width: 2 },\n            itemStyle: { color: colors.accent },\n            symbolSize: 4,\n          },\n        ],\n      },\n    ],\n  };\n\n  return (\n    <div\n      aria-label=\"평가 단계 레이더 차트\"\n      role=\"img\"\n      style={{\n        position: 'relative',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        height: '100%',\n        minWidth: 0,\n        overflow: 'hidden',\n      }}\n    >\n      {probe}\n      <div style={{ width: '100%', maxWidth: 300, height: 280 }}>\n        <Chart option={option} />\n      </div>\n    </div>\n  );\n}\n","// 롤플레잉 세션 상세 순수 유틸 함수 모음.\n// 원본: website/src/modules/customer/roleplay/pages/RpSessionDetail/RpSessionDetail.tsx\n// 'use client' 없음 — 순수 함수, 클라이언트 전용 아님.\n\nimport { format } from 'date-fns';\nimport type { RpSessionScriptLine } from '../types';\nimport type { RpQuality, RpReportStep } from './report-parse';\n\n/* ───────────────────────── 타입 ───────────────────────── */\n\nexport interface SpeechShare { userPct: number; partnerPct: number }\n\nexport type QColor = 'green' | 'amber' | 'red' | 'gray';\n\n/* ───────────────────────── 색 변수 ───────────────────────── */\n\nexport const COLOR_VARS: Record<QColor, { fg: string; bg: string; border: string }> = {\n  green: {\n    fg: 'var(--green-11)',\n    bg: 'var(--green-a3)',\n    border: 'var(--green-a6)',\n  },\n  amber: {\n    fg: 'var(--amber-11)',\n    bg: 'var(--amber-a3)',\n    border: 'var(--amber-a6)',\n  },\n  red: { fg: 'var(--red-11)', bg: 'var(--red-a3)', border: 'var(--red-a6)' },\n  gray: { fg: 'var(--gray-9)', bg: 'var(--gray-a3)', border: 'var(--gray-5)' },\n};\n\n/* ───────────────────────── 등급 색 ───────────────────────── */\n\nexport function qualityColor(quality: RpQuality | null): QColor {\n  switch (quality) {\n    case '충족':\n      return 'green';\n    case '부분충족':\n      return 'amber';\n    case '미흡':\n      return 'red';\n    default:\n      return 'gray';\n  }\n}\n\nexport const QUALITY_RATIO: Record<RpQuality, number> = {\n  충족: 1,\n  부분충족: 0.6,\n  미흡: 0.3,\n} as const;\n\nexport function qualityRatio(quality: RpQuality | null): number | null {\n  return quality === null ? null : QUALITY_RATIO[quality];\n}\n\n// 표준 등급이 아닌 자유 등급 문자열에서 색만 키워드로 추정(비율은 산출하지 않음).\nexport function gradeColorFromLabel(label: string | null): QColor {\n  if (!label) return 'gray';\n  if (\n    label.includes('미흡') ||\n    label.includes('부족') ||\n    label.includes('미달')\n  )\n    return 'red';\n  if (label.includes('부분') || label.includes('보통')) return 'amber';\n  if (\n    label.includes('충족') ||\n    label.includes('우수') ||\n    label.includes('충분')\n  )\n    return 'green';\n  return 'gray';\n}\n\n/* ───────────────────────── 단계(Step) 헬퍼 ───────────────────────── */\n\n// 단계 색: 표준 등급 우선, 없으면 라벨 키워드 추정.\nexport function stepColor(step: RpReportStep): QColor {\n  return step.quality !== null\n    ? qualityColor(step.quality)\n    : gradeColorFromLabel(step.qualityLabel);\n}\n\nexport function stepVars(step: RpReportStep): { fg: string; bg: string; border: string } {\n  return COLOR_VARS[stepColor(step)];\n}\n\n// progress/radar 정규화 비율(0~1). score/maxScore 우선, 없으면 표준 등급 비율, 둘 다 없으면 null.\nexport function stepRatio(step: RpReportStep): number | null {\n  if (step.maxScore !== null && step.maxScore > 0 && step.score !== null) {\n    return Math.max(0, Math.min(1, step.score / step.maxScore));\n  }\n  return qualityRatio(step.quality);\n}\n\n// 점수 텍스트: max 있으면 'score/max', 없으면 'score', score 없으면 null.\nexport function stepScoreText(step: RpReportStep): string | null {\n  if (step.score === null) return null;\n  return step.maxScore !== null\n    ? `${step.score}/${step.maxScore}`\n    : `${step.score}`;\n}\n\n// 표시할 등급 라벨(자유 문자열 포함). 없으면 null.\nexport function stepGradeLabel(step: RpReportStep): string | null {\n  return step.qualityLabel;\n}\n\n// 단계에 표시할 평가 정보가 하나라도 있는지(점수 또는 등급).\nexport function hasStepSignal(step: RpReportStep): boolean {\n  return step.score !== null || step.qualityLabel !== null;\n}\n\n// radar 축/요약 라벨용 짧은 코드.\n// displayMeta.steps.initial 이 지정돼 있으면 최우선(이니셜 충돌 해소).\n// 없으면 기존 휴리스틱: acronym 프레임워크는 선두 글자, 아니면 키 약식.\nconst LETTER_RE = /[A-Za-z]/;\n\nexport function stepCode(step: RpReportStep): string {\n  if (step.initial !== null && step.initial.trim().length > 0) {\n    return step.initial.trim();\n  }\n  const label = step.label.trim();\n  const first = label.charAt(0);\n  const second = label.charAt(1);\n  // \"O — Opening\" / \"O - Opening\" / \"O Opening\" 형태\n  if (\n    LETTER_RE.test(first) &&\n    (second === ' ' || second === '—' || second === '-')\n  ) {\n    return first.toUpperCase();\n  }\n  // \"[I] Introduction\" 형태\n  if (first === '[' && LETTER_RE.test(second) && label.charAt(2) === ']') {\n    return second.toUpperCase();\n  }\n  return step.key.split('_')[0].slice(0, 4).toUpperCase();\n}\n\n/* ───────────────────────── 포맷 유틸 ───────────────────────── */\n\nexport function formatDuration(seconds: number | null): string {\n  if (seconds === null) return '—';\n  const m = Math.floor(seconds / 60);\n  const s = seconds % 60;\n  return `${m}분 ${String(s).padStart(2, '0')}초`;\n}\n\nexport function formatDate(iso: string): string {\n  const d = new Date(iso);\n  if (Number.isNaN(d.getTime())) return iso;\n  return format(d, 'M/d HH:mm');\n}\n\nexport function formatTimestamp(ms: number): string {\n  const total = Math.floor(ms / 1000);\n  const m = Math.floor(total / 60);\n  const s = total % 60;\n  return `${m}:${String(s).padStart(2, '0')}`;\n}\n\n/* ───────────────────────── 미디어 싱크 ───────────────────────── */\n\n// 미디어 길이와 STT 길이가 이 비율 이내로 가까우면 싱크(클릭 seek/재생 하이라이트) 활성.\nexport const SYNC_TOLERANCE = 0.05;\n\nexport function isLengthClose(mediaSec: number | null, sttSec: number): boolean {\n  if (!mediaSec || mediaSec <= 0 || sttSec <= 0) {\n    return false;\n  }\n  return (\n    Math.abs(mediaSec - sttSec) / Math.max(mediaSec, sttSec) <= SYNC_TOLERANCE\n  );\n}\n\n/* ───────────────────────── 발화량 ───────────────────────── */\n\n// 내 발화량이 이 비율을 넘으면 과다 발화로 간주(빨간 막대 + 주의 문구).\nexport const SPEECH_OVERTALK_THRESHOLD = 40;\n\n// 화자별 발화량 비율. 기준은 공백·개행 제거 글자 수(실제 말한 양에 근접, 공백 패턴 왜곡 방지).\n// 발화 글자가 전혀 없으면 null → 미표시.\nexport function computeSpeechShare(lines: RpSessionScriptLine[]): SpeechShare | null {\n  let userChars = 0;\n  let partnerChars = 0;\n  for (const line of lines) {\n    const count = line.text.replace(/\\s/g, '').length;\n    if (line.speaker === 'user') {\n      userChars += count;\n    } else {\n      partnerChars += count;\n    }\n  }\n  const total = userChars + partnerChars;\n  if (total === 0) {\n    return null;\n  }\n  const userPct = Math.round((userChars / total) * 100);\n  return { userPct, partnerPct: 100 - userPct };\n}\n\n/* ───────────────────────── 세션 상태 ───────────────────────── */\n\nconst STATUS_LABEL: Record<string, string> = {\n  complete: '분석 완료',\n  completed: '분석 완료',\n  analyzing: 'AI 분석 중',\n  partial: '일부 산출물 없음',\n};\n\nexport function statusLabelOf(status: string | null): string {\n  if (!status) return '세션';\n  return STATUS_LABEL[status] ?? status;\n}\n","'use client';\n\n// echarts 기반 Chart 래퍼 + 토큰 색 해석 훅.\n// echarts 본체/echarts-for-react/react-resize-detector 는 @tipp/ui 의 optional peerDependency.\n// 이 모듈은 subpath(@tipp/ui/roleplay)로만 노출되어 메인 번들에서 격리된다.\n// SSR 안전: echarts/ResizeObserver 는 클라이언트 전용이라 마운트 이후에만 렌더한다.\n\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\nimport type { EChartsOption } from 'echarts';\nimport * as echarts from 'echarts/core';\nimport * as ReactEChartsCoreNs from 'echarts-for-react/lib/core';\nimport { LineChart, RadarChart } from 'echarts/charts';\nimport { SVGRenderer } from 'echarts/renderers';\nimport {\n  AxisPointerComponent,\n  AriaComponent,\n  TooltipComponent,\n  GridComponent,\n  LegendComponent,\n  PolarComponent,\n  RadarComponent,\n} from 'echarts/components';\nimport { EchartDefaultProps } from '../../../charts';\n\n// CJS/ESM interop 정규화.\n// echarts-for-react/lib/core 는 CJS(exports.default = 클래스)이고 @tipp/ui 는 strict ESM(\"type\":\"module\")\n// 이라, 번들러/런타임에 따라 실제 컴포넌트가 default 로 0~2 겹 감싸진다. 특히 webpack 이 __esModule 를\n// 무시하면 module.exports 를 한 번 더 감싸 ReactEChartsCoreNs.default.default 에 클래스가 들어가고,\n// 그대로 렌더하면 React 가 \"Element type is invalid (got: object)\" 로 던진다.\n// 함수(클래스/함수형 컴포넌트)가 나올 때까지 default 를 풀어 정규화한다.\ntype EChartsComponentType = typeof ReactEChartsCoreNs.default;\n\nfunction unwrapDefault(mod: unknown): unknown {\n  let current = mod;\n  while (current !== null && typeof current === 'object' && 'default' in current) {\n    current = current.default;\n  }\n  return current;\n}\n\nfunction isComponentType(value: unknown): value is EChartsComponentType {\n  return typeof value === 'function';\n}\n\nconst unwrappedChart = unwrapDefault(ReactEChartsCoreNs);\nconst ReactEChartsCore: EChartsComponentType = isComponentType(unwrappedChart)\n  ? unwrappedChart\n  : ReactEChartsCoreNs.default;\n\necharts.use([\n  SVGRenderer,\n  LineChart,\n  RadarChart,\n  TooltipComponent,\n  GridComponent,\n  LegendComponent,\n  AriaComponent,\n  AxisPointerComponent,\n  PolarComponent,\n  RadarComponent,\n]);\n\n// base/option 깊은 병합 (배열은 option 우선)\nfunction deepMerge<T>(base: T, override: unknown): T {\n  if (!override) return base;\n  if (\n    typeof base !== 'object' ||\n    !base ||\n    Array.isArray(base) ||\n    typeof override !== 'object' ||\n    Array.isArray(override)\n  ) {\n    return override as T;\n  }\n  const out: Record<string, unknown> = { ...(base as Record<string, unknown>) };\n  for (const [k, v] of Object.entries(override as Record<string, unknown>)) {\n    out[k] = k in out ? deepMerge(out[k], v) : v;\n  }\n  return out as T;\n}\n\nexport type ChartProps = Omit<\n  React.ComponentProps<typeof ReactEChartsCore>,\n  'option' | 'echarts'\n> & {\n  option: EChartsOption;\n};\n\nexport function Chart({\n  option: optionProp,\n  ...rest\n}: ChartProps): React.ReactElement {\n  const { width, height, ref } = useResizeDetector({\n    handleHeight: true,\n    refreshMode: 'debounce',\n    refreshRate: 100,\n  });\n  const [mounted, setMounted] = useState(false);\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  const option = useMemo(() => {\n    const baseOption: EChartsOption = {\n      textStyle: { fontFamily: \"var(--default-font-family, 'Noto Sans KR')\" },\n      tooltip: { textStyle: { fontSize: 13 } }, // ds-allow: chart-lib\n      animation: false,\n    };\n    return deepMerge(baseOption, optionProp);\n  }, [optionProp]);\n\n  return (\n    <div ref={ref} style={{ width: '100%', height: '100%' }}>\n      {mounted ? (\n        <ReactEChartsCore\n          {...EchartDefaultProps}\n          echarts={echarts}\n          opts={{ renderer: 'svg' }}\n          style={{ height, width }}\n          {...rest}\n          option={option}\n        />\n      ) : null}\n    </div>\n  );\n}\n\n// 임의의 CSS 색 문자열을 echarts(zrender)가 파싱 가능한 rgb(a)로 정규화한다.\nfunction normalizeColor(value: string, fallback: string): string {\n  const v = value.trim();\n  if (!v) return fallback;\n  if (/^#|^rgb|^hsl/i.test(v)) return v;\n  try {\n    const canvas = document.createElement('canvas');\n    const ctx = canvas.getContext('2d');\n    if (!ctx) return fallback;\n    ctx.fillStyle = '#000';\n    ctx.fillStyle = v;\n    const out = ctx.fillStyle;\n    return /color\\(|^$/i.test(out) ? fallback : out;\n  } catch {\n    return fallback;\n  }\n}\n\n// @tipp/ui 토큰(CSS 변수)을 echarts 가 먹을 수 있는 실제 색 문자열로 해석하는 훅.\nexport function useTokenColors<K extends string>(\n  vars: Record<K, [cssVar: string, fallback: string]>\n): {\n  colors: Record<K, string>;\n  probe: React.ReactNode;\n} {\n  const probeRef = useRef<HTMLSpanElement | null>(null);\n  const fallbacks = useMemo(() => {\n    const f = {} as Record<K, string>;\n    for (const k of Object.keys(vars) as K[]) f[k] = vars[k][1];\n    return f;\n  }, [vars]);\n  const [resolved, setResolved] = useState<Record<K, string>>(fallbacks);\n  const key = JSON.stringify(vars);\n  // vars 객체는 매 렌더 새 참조라 deps에 직접 넣을 수 없어 ref로 최신값을 참조하고,\n  // 실제 변경 추적은 직렬화한 key 로 한다.\n  const varsRef = useRef(vars);\n  varsRef.current = vars;\n  useEffect(() => {\n    const el = probeRef.current;\n    if (!el) return;\n    const cs = getComputedStyle(el);\n    const next = {} as Record<K, string>;\n    for (const k of Object.keys(varsRef.current) as K[]) {\n      const [cssVar, fallback] = varsRef.current[k];\n      next[k] = normalizeColor(cs.getPropertyValue(cssVar), fallback);\n    }\n    setResolved(next);\n  }, [key]);\n  const probe = (\n    <span\n      aria-hidden\n      ref={probeRef}\n      style={{ position: 'absolute', width: 0, height: 0, overflow: 'hidden' }}\n    />\n  );\n  return { colors: resolved, probe };\n}\n","import React from 'react';\n\nexport interface HorizontalBarChartProps {\n  /** 100% 바가 뜻하는 전체 값 */\n  total: number;\n  /** 화면에 채워져보이는 값 */\n  value: number;\n  /** 배경 색상 */\n  backgroundColor?: string;\n  /** 바의 색상 */\n  barColor?: string;\n  /** 바의 높이 */\n  height?: number;\n  /**\n   * 바의 모서리 둥글기. 숫자는 px로 처리된다.\n   * 생략 시 완전히 둥근 형태(pill), `0`이면 완전 사각형.\n   */\n  borderRadius?: number | string;\n}\n\nexport function HorizontalBarChart(\n  props: HorizontalBarChartProps\n): React.ReactNode {\n  const { total, value, backgroundColor, barColor, height, borderRadius } =\n    props;\n  return (\n    <div\n      className=\"tipp_horizontal-bar-chart bar-wrapper\"\n      style={{ height, backgroundColor, borderRadius }}\n    >\n      <div\n        style={{\n          width: `${Math.round((value / total) * 100)}%`,\n          height: '100%',\n        }}\n      >\n        <div className=\"bar\" style={{ backgroundColor: barColor }} />\n      </div>\n    </div>\n  );\n}\n","{\n  \"version\": 1,\n  \"themeName\": \"customed\",\n  \"theme\": {\n    \"seriesCnt\": \"5\",\n    \"backgroundColor\": \"rgba(0,0,0,0)\",\n    \"titleColor\": \"#1c2024\",\n    \"subtitleColor\": \"#8d8d8d\",\n    \"textColorShow\": false,\n    \"textColor\": \"#333\",\n    \"markTextColor\": \"#ffffff\",\n    \"color\": [\n      \"#ffe629\",\n      \"#3e63dd\",\n      \"#ec9455\",\n      \"#5bb98b\",\n      \"#cb1d63\",\n      \"#3ba272\",\n      \"#fc8452\",\n      \"#9a60b4\",\n      \"#ea7ccc\"\n    ],\n    \"borderColor\": \"#8d8d8d\",\n    \"borderWidth\": 0,\n    \"visualMapColor\": [\"#bf444c\", \"#d88273\", \"#f6efa6\"],\n    \"legendTextColor\": \"#1c2024\",\n    \"kColor\": \"#eb5454\",\n    \"kColor0\": \"#47b262\",\n    \"kBorderColor\": \"#eb5454\",\n    \"kBorderColor0\": \"#47b262\",\n    \"kBorderWidth\": 1,\n    \"lineWidth\": 2,\n    \"symbolSize\": 4,\n    \"symbol\": \"emptyCircle\",\n    \"symbolBorderWidth\": 1,\n    \"lineSmooth\": false,\n    \"graphLineWidth\": 1,\n    \"graphLineColor\": \"#aaa\",\n    \"mapLabelColor\": \"#000\",\n    \"mapLabelColorE\": \"rgb(100,0,0)\",\n    \"mapBorderColor\": \"#444\",\n    \"mapBorderColorE\": \"#444\",\n    \"mapBorderWidth\": 0.5,\n    \"mapBorderWidthE\": 1,\n    \"mapAreaColor\": \"#eee\",\n    \"mapAreaColorE\": \"rgba(255,215,0,0.8)\",\n    \"axes\": [\n      {\n        \"type\": \"all\",\n        \"name\": \"通用坐标轴\",\n        \"axisLineShow\": true,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": true,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": true,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      },\n      {\n        \"type\": \"category\",\n        \"name\": \"类目坐标轴\",\n        \"axisLineShow\": true,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": true,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": false,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      },\n      {\n        \"type\": \"value\",\n        \"name\": \"数值坐标轴\",\n        \"axisLineShow\": false,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": false,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": true,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      },\n      {\n        \"type\": \"log\",\n        \"name\": \"对数坐标轴\",\n        \"axisLineShow\": false,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": false,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": true,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      },\n      {\n        \"type\": \"time\",\n        \"name\": \"时间坐标轴\",\n        \"axisLineShow\": true,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": true,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": false,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      }\n    ],\n    \"axisSeperateSetting\": true,\n    \"toolboxColor\": \"#8d8d8d\",\n    \"toolboxEmphasisColor\": \"#1c2024\",\n    \"tooltipAxisColor\": \"#cccccc\",\n    \"tooltipAxisWidth\": 1,\n    \"timelineLineColor\": \"#dae1f5\",\n    \"timelineLineWidth\": 2,\n    \"timelineItemColor\": \"#a4b1d7\",\n    \"timelineItemColorE\": \"#ffffff\",\n    \"timelineCheckColor\": \"#316bf3\",\n    \"timelineCheckBorderColor\": \"#ffffff\",\n    \"timelineItemBorderWidth\": 1,\n    \"timelineControlColor\": \"#a4b1d7\",\n    \"timelineControlBorderColor\": \"#a4b1d7\",\n    \"timelineControlBorderWidth\": 1,\n    \"timelineLabelColor\": \"#a4b1d7\"\n  }\n}\n","import chartTheme from './chart-theme.json';\n\nexport const EchartDefaultProps = {\n  opts: { renderer: 'svg' as const },\n  theme: chartTheme,\n  option: {\n    textStyle: { fontFamily: 'Pretendard Variable' },\n    tooltip: { textStyle: { fontSize: 16 } },\n  },\n} as const;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACIA,sBAAuB;AA0ChB,IAAM,gBAA2C;AAAA,EACtD,cAAI;AAAA,EACJ,0BAAM;AAAA,EACN,cAAI;AACN;AAEO,SAAS,aAAa,SAA0C;AACrE,SAAO,YAAY,OAAO,OAAO,cAAc,OAAO;AACxD;AAmCO,SAAS,UAAU,MAAmC;AAC3D,MAAI,KAAK,aAAa,QAAQ,KAAK,WAAW,KAAK,KAAK,UAAU,MAAM;AACtE,WAAO,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,KAAK,QAAQ,KAAK,QAAQ,CAAC;AAAA,EAC5D;AACA,SAAO,aAAa,KAAK,OAAO;AAClC;AAGO,SAAS,cAAc,MAAmC;AAC/D,MAAI,KAAK,UAAU,KAAM,QAAO;AAChC,SAAO,KAAK,aAAa,OACrB,GAAG,KAAK,KAAK,IAAI,KAAK,QAAQ,KAC9B,GAAG,KAAK,KAAK;AACnB;AAGO,SAAS,eAAe,MAAmC;AAChE,SAAO,KAAK;AACd;AAUA,IAAM,YAAY;AAEX,SAAS,SAAS,MAA4B;AACnD,MAAI,KAAK,YAAY,QAAQ,KAAK,QAAQ,KAAK,EAAE,SAAS,GAAG;AAC3D,WAAO,KAAK,QAAQ,KAAK;AAAA,EAC3B;AACA,QAAM,QAAQ,KAAK,MAAM,KAAK;AAC9B,QAAM,QAAQ,MAAM,OAAO,CAAC;AAC5B,QAAM,SAAS,MAAM,OAAO,CAAC;AAE7B,MACE,UAAU,KAAK,KAAK,MACnB,WAAW,OAAO,WAAW,YAAO,WAAW,MAChD;AACA,WAAO,MAAM,YAAY;AAAA,EAC3B;AAEA,MAAI,UAAU,OAAO,UAAU,KAAK,MAAM,KAAK,MAAM,OAAO,CAAC,MAAM,KAAK;AACtE,WAAO,OAAO,YAAY;AAAA,EAC5B;AACA,SAAO,KAAK,IAAI,MAAM,GAAG,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,YAAY;AACxD;;;ACnIA,mBAA4D;AAC5D,mCAAkC;AAElC,cAAyB;AACzB,yBAAoC;AACpC,oBAAsC;AACtC,uBAA4B;AAC5B,wBAQO;;;ACcC;;;ACpCR;AAAA,EACE,SAAW;AAAA,EACX,WAAa;AAAA,EACb,OAAS;AAAA,IACP,WAAa;AAAA,IACb,iBAAmB;AAAA,IACnB,YAAc;AAAA,IACd,eAAiB;AAAA,IACjB,eAAiB;AAAA,IACjB,WAAa;AAAA,IACb,eAAiB;AAAA,IACjB,OAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,aAAe;AAAA,IACf,aAAe;AAAA,IACf,gBAAkB,CAAC,WAAW,WAAW,SAAS;AAAA,IAClD,iBAAmB;AAAA,IACnB,QAAU;AAAA,IACV,SAAW;AAAA,IACX,cAAgB;AAAA,IAChB,eAAiB;AAAA,IACjB,cAAgB;AAAA,IAChB,WAAa;AAAA,IACb,YAAc;AAAA,IACd,QAAU;AAAA,IACV,mBAAqB;AAAA,IACrB,YAAc;AAAA,IACd,gBAAkB;AAAA,IAClB,gBAAkB;AAAA,IAClB,eAAiB;AAAA,IACjB,gBAAkB;AAAA,IAClB,gBAAkB;AAAA,IAClB,iBAAmB;AAAA,IACnB,gBAAkB;AAAA,IAClB,iBAAmB;AAAA,IACnB,cAAgB;AAAA,IAChB,eAAiB;AAAA,IACjB,MAAQ;AAAA,MACN;AAAA,QACE,MAAQ;AAAA,QACR,MAAQ;AAAA,QACR,cAAgB;AAAA,QAChB,eAAiB;AAAA,QACjB,cAAgB;AAAA,QAChB,eAAiB;AAAA,QACjB,eAAiB;AAAA,QACjB,gBAAkB;AAAA,QAClB,eAAiB;AAAA,QACjB,gBAAkB,CAAC,SAAS;AAAA,QAC5B,eAAiB;AAAA,QACjB,gBAAkB,CAAC,yBAAyB,uBAAuB;AAAA,MACrE;AAAA,MACA;AAAA,QACE,MAAQ;AAAA,QACR,MAAQ;AAAA,QACR,cAAgB;AAAA,QAChB,eAAiB;AAAA,QACjB,cAAgB;AAAA,QAChB,eAAiB;AAAA,QACjB,eAAiB;AAAA,QACjB,gBAAkB;AAAA,QAClB,eAAiB;AAAA,QACjB,gBAAkB,CAAC,SAAS;AAAA,QAC5B,eAAiB;AAAA,QACjB,gBAAkB,CAAC,yBAAyB,uBAAuB;AAAA,MACrE;AAAA,MACA;AAAA,QACE,MAAQ;AAAA,QACR,MAAQ;AAAA,QACR,cAAgB;AAAA,QAChB,eAAiB;AAAA,QACjB,cAAgB;AAAA,QAChB,eAAiB;AAAA,QACjB,eAAiB;AAAA,QACjB,gBAAkB;AAAA,QAClB,eAAiB;AAAA,QACjB,gBAAkB,CAAC,SAAS;AAAA,QAC5B,eAAiB;AAAA,QACjB,gBAAkB,CAAC,yBAAyB,uBAAuB;AAAA,MACrE;AAAA,MACA;AAAA,QACE,MAAQ;AAAA,QACR,MAAQ;AAAA,QACR,cAAgB;AAAA,QAChB,eAAiB;AAAA,QACjB,cAAgB;AAAA,QAChB,eAAiB;AAAA,QACjB,eAAiB;AAAA,QACjB,gBAAkB;AAAA,QAClB,eAAiB;AAAA,QACjB,gBAAkB,CAAC,SAAS;AAAA,QAC5B,eAAiB;AAAA,QACjB,gBAAkB,CAAC,yBAAyB,uBAAuB;AAAA,MACrE;AAAA,MACA;AAAA,QACE,MAAQ;AAAA,QACR,MAAQ;AAAA,QACR,cAAgB;AAAA,QAChB,eAAiB;AAAA,QACjB,cAAgB;AAAA,QAChB,eAAiB;AAAA,QACjB,eAAiB;AAAA,QACjB,gBAAkB;AAAA,QAClB,eAAiB;AAAA,QACjB,gBAAkB,CAAC,SAAS;AAAA,QAC5B,eAAiB;AAAA,QACjB,gBAAkB,CAAC,yBAAyB,uBAAuB;AAAA,MACrE;AAAA,IACF;AAAA,IACA,qBAAuB;AAAA,IACvB,cAAgB;AAAA,IAChB,sBAAwB;AAAA,IACxB,kBAAoB;AAAA,IACpB,kBAAoB;AAAA,IACpB,mBAAqB;AAAA,IACrB,mBAAqB;AAAA,IACrB,mBAAqB;AAAA,IACrB,oBAAsB;AAAA,IACtB,oBAAsB;AAAA,IACtB,0BAA4B;AAAA,IAC5B,yBAA2B;AAAA,IAC3B,sBAAwB;AAAA,IACxB,4BAA8B;AAAA,IAC9B,4BAA8B;AAAA,IAC9B,oBAAsB;AAAA,EACxB;AACF;;;ACrIO,IAAM,qBAAqB;AAAA,EAChC,MAAM,EAAE,UAAU,MAAe;AAAA,EACjC,OAAO;AAAA,EACP,QAAQ;AAAA,IACN,WAAW,EAAE,YAAY,sBAAsB;AAAA,IAC/C,SAAS,EAAE,WAAW,EAAE,UAAU,GAAG,EAAE;AAAA,EACzC;AACF;;;AH0GQ,IAAAA,sBAAA;AAlFR,SAAS,cAAc,KAAuB;AAC5C,MAAI,UAAU;AACd,SAAO,YAAY,QAAQ,OAAO,YAAY,YAAY,aAAa,SAAS;AAC9E,cAAU,QAAQ;AAAA,EACpB;AACA,SAAO;AACT;AAEA,SAAS,gBAAgB,OAA+C;AACtE,SAAO,OAAO,UAAU;AAC1B;AAEA,IAAM,iBAAiB,cAAc,kBAAkB;AACvD,IAAM,mBAAyC,gBAAgB,cAAc,IACzE,iBACmB;AAEf,YAAI;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAGD,SAAS,UAAa,MAAS,UAAsB;AACnD,MAAI,CAAC,SAAU,QAAO;AACtB,MACE,OAAO,SAAS,YAChB,CAAC,QACD,MAAM,QAAQ,IAAI,KAClB,OAAO,aAAa,YACpB,MAAM,QAAQ,QAAQ,GACtB;AACA,WAAO;AAAA,EACT;AACA,QAAM,MAA+B,mBAAM;AAC3C,aAAW,CAAC,GAAG,CAAC,KAAK,OAAO,QAAQ,QAAmC,GAAG;AACxE,QAAI,CAAC,IAAI,KAAK,MAAM,UAAU,IAAI,CAAC,GAAG,CAAC,IAAI;AAAA,EAC7C;AACA,SAAO;AACT;AASO,SAAS,MAAM,IAGa;AAHb,eACpB;AAAA,YAAQ;AAAA,EA1FV,IAyFsB,IAEjB,iBAFiB,IAEjB;AAAA,IADH;AAAA;AAGA,QAAM,EAAE,OAAO,QAAQ,IAAI,QAAI,gDAAkB;AAAA,IAC/C,cAAc;AAAA,IACd,aAAa;AAAA,IACb,aAAa;AAAA,EACf,CAAC;AACD,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAC5C,8BAAU,MAAM;AACd,eAAW,IAAI;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,QAAM,aAAS,sBAAQ,MAAM;AAC3B,UAAM,aAA4B;AAAA,MAChC,WAAW,EAAE,YAAY,6CAA6C;AAAA,MACtE,SAAS,EAAE,WAAW,EAAE,UAAU,GAAG,EAAE;AAAA;AAAA,MACvC,WAAW;AAAA,IACb;AACA,WAAO,UAAU,YAAY,UAAU;AAAA,EACzC,GAAG,CAAC,UAAU,CAAC;AAEf,SACE,6CAAC,SAAI,KAAU,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO,GACnD,oBACC;AAAA,IAAC;AAAA,kEACK,qBADL;AAAA,MAEC;AAAA,MACA,MAAM,EAAE,UAAU,MAAM;AAAA,MACxB,OAAO,EAAE,QAAQ,MAAM;AAAA,QACnB,OALL;AAAA,MAMC;AAAA;AAAA,EACF,IACE,MACN;AAEJ;AAGA,SAAS,eAAe,OAAe,UAA0B;AAC/D,QAAM,IAAI,MAAM,KAAK;AACrB,MAAI,CAAC,EAAG,QAAO;AACf,MAAI,gBAAgB,KAAK,CAAC,EAAG,QAAO;AACpC,MAAI;AACF,UAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,UAAM,MAAM,OAAO,WAAW,IAAI;AAClC,QAAI,CAAC,IAAK,QAAO;AACjB,QAAI,YAAY;AAChB,QAAI,YAAY;AAChB,UAAM,MAAM,IAAI;AAChB,WAAO,cAAc,KAAK,GAAG,IAAI,WAAW;AAAA,EAC9C,SAAQ;AACN,WAAO;AAAA,EACT;AACF;AAGO,SAAS,eACd,MAIA;AACA,QAAM,eAAW,qBAA+B,IAAI;AACpD,QAAM,gBAAY,sBAAQ,MAAM;AAC9B,UAAM,IAAI,CAAC;AACX,eAAW,KAAK,OAAO,KAAK,IAAI,EAAU,GAAE,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;AAC1D,WAAO;AAAA,EACT,GAAG,CAAC,IAAI,CAAC;AACT,QAAM,CAAC,UAAU,WAAW,QAAI,uBAA4B,SAAS;AACrE,QAAM,MAAM,KAAK,UAAU,IAAI;AAG/B,QAAM,cAAU,qBAAO,IAAI;AAC3B,UAAQ,UAAU;AAClB,8BAAU,MAAM;AACd,UAAM,KAAK,SAAS;AACpB,QAAI,CAAC,GAAI;AACT,UAAM,KAAK,iBAAiB,EAAE;AAC9B,UAAM,OAAO,CAAC;AACd,eAAW,KAAK,OAAO,KAAK,QAAQ,OAAO,GAAU;AACnD,YAAM,CAAC,QAAQ,QAAQ,IAAI,QAAQ,QAAQ,CAAC;AAC5C,WAAK,CAAC,IAAI,eAAe,GAAG,iBAAiB,MAAM,GAAG,QAAQ;AAAA,IAChE;AACA,gBAAY,IAAI;AAAA,EAClB,GAAG,CAAC,GAAG,CAAC;AACR,QAAM,QACJ;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,MACX,KAAK;AAAA,MACL,OAAO,EAAE,UAAU,YAAY,OAAO,GAAG,QAAQ,GAAG,UAAU,SAAS;AAAA;AAAA,EACzE;AAEF,SAAO,EAAE,QAAQ,UAAU,MAAM;AACnC;;;AF5HI,IAAAC,sBAAA;AAjDG,SAAS,UAAU,EAAE,MAAM,GAAuC;AACvE,QAAM,EAAE,QAAQ,MAAM,IAAI,eAAe;AAAA,IACvC,QAAQ,CAAC,cAAc,SAAS;AAAA,IAChC,MAAM,CAAC,YAAY,SAAS;AAAA,IAC5B,OAAO,CAAC,aAAa,SAAS;AAAA,EAChC,CAAC;AAED,QAAM,YAAY,MAAM,IAAI,CAAC,OAAO,EAAE,MAAM,SAAS,CAAC,GAAG,KAAK,EAAE,EAAE;AAClE,QAAM,SAAS,MAAM,IAAI,CAAC,MAAG;AAnB/B;AAmBkC,2BAAU,CAAC,MAAX,YAAgB;AAAA,GAAC;AAEjD,QAAM,SAAwB;AAAA,IAC5B,SAAS;AAAA,MACP,SAAS;AAAA,MACT,WAAW,MACT,MACG;AAAA,QACC,CAAC,MAAG;AA3BhB;AA4Bc,oBAAG,SAAS,CAAC,CAAC,KAAI,yBAAc,CAAC,MAAf,YAAoB,eAAe,CAAC,MAApC,YAAyC,QAAG;AAAA;AAAA,MAClE,EACC,KAAK,OAAO;AAAA,IACnB;AAAA,IACA,OAAO;AAAA,MACL;AAAA,MACA,QAAQ;AAAA,MACR,QAAQ,CAAC,OAAO,KAAK;AAAA,MACrB,aAAa;AAAA,MACb,UAAU,EAAE,OAAO,OAAO,OAAO,UAAU,IAAI,YAAY,OAAO;AAAA;AAAA,MAClE,WAAW,EAAE,WAAW,EAAE,OAAO,OAAO,KAAK,EAAE;AAAA,MAC/C,WAAW,EAAE,MAAM,MAAM;AAAA,MACzB,UAAU,EAAE,WAAW,EAAE,OAAO,OAAO,KAAK,EAAE;AAAA,IAChD;AAAA,IACA,QAAQ;AAAA,MACN;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,UACJ;AAAA,YACE,OAAO;AAAA,YACP,MAAM;AAAA,YACN,WAAW,EAAE,OAAO,OAAO,QAAQ,SAAS,KAAK;AAAA,YACjD,WAAW,EAAE,OAAO,OAAO,QAAQ,OAAO,EAAE;AAAA,YAC5C,WAAW,EAAE,OAAO,OAAO,OAAO;AAAA,YAClC,YAAY;AAAA,UACd;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX,MAAK;AAAA,MACL,OAAO;AAAA,QACL,UAAU;AAAA,QACV,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,UAAU;AAAA,MACZ;AAAA,MAEC;AAAA;AAAA,QACD,6CAAC,SAAI,OAAO,EAAE,OAAO,QAAQ,UAAU,KAAK,QAAQ,IAAI,GACtD,uDAAC,SAAM,QAAgB,GACzB;AAAA;AAAA;AAAA,EACF;AAEJ;","names":["import_jsx_runtime","import_jsx_runtime"]}

package/dist/app/roleplay/parts/step-radar.d.cts

@@ -0,0 +1,8 @@
+import { RpReportStep } from '../utils/report-parse.cjs';
+
+interface StepRadarProps {
+    steps: RpReportStep[];
+}
+declare function StepRadar({ steps }: StepRadarProps): React.ReactElement;
+
+export { StepRadar, type StepRadarProps };

package/dist/app/roleplay/parts/step-radar.d.ts

@@ -0,0 +1,8 @@
+import { RpReportStep } from '../utils/report-parse.js';
+
+interface StepRadarProps {
+    steps: RpReportStep[];
+}
+declare function StepRadar({ steps }: StepRadarProps): React.ReactElement;
+
+export { StepRadar, type StepRadarProps };

package/dist/app/roleplay/parts/step-radar.js

@@ -0,0 +1,14 @@
+"use client";
+import {
+  StepRadar
+} from "../../../chunk-5QIT4URV.js";
+import "../../../chunk-4YAA25AV.js";
+import "../../../chunk-UXAEOCOH.js";
+import "../../../chunk-PSINRHYW.js";
+import "../../../chunk-WSWSAPSS.js";
+import "../../../chunk-RXK3JM34.js";
+import "../../../chunk-CRTRMMJ7.js";
+export {
+  StepRadar
+};
+//# sourceMappingURL=step-radar.js.map

package/dist/app/roleplay/parts/step-radar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}