@tipp/ui 2.3.22 → 2.3.24

package/dist/index.cjs

@@ -158,6 +158,7 @@ __export(index_exports, {
   Drawer: () => Drawer,
   DropdownMenu: () => DropdownMenu,
   DynamicForm: () => DynamicForm,
+  DynamicFormEditor: () => DynamicFormEditor,
   DynamicFormField: () => DynamicFormField,
   DynamicFormProvider: () => DynamicFormProvider,
   DynamicFormResponseItem: () => DynamicFormResponseItem,
@@ -276,6 +277,7 @@ __export(index_exports, {
   getCalloutIconComponent: () => getCalloutIconComponent,
   getCellAlign: () => getCellAlign,
   getColumnMeta: () => getColumnMeta,
+  getDynamicFormDisplayValue: () => getDynamicFormDisplayValue,
   getTimeOption: () => getTimeOption,
   getTimeOptions: () => getTimeOptions,
   oneOnOneNoteTextReplacer: () => oneOnOneNoteTextReplacer,
@@ -287,7 +289,7 @@ __export(index_exports, {
   useDynamicForm: () => useDynamicForm,
   useList: () => useList,
   usePortalContainer: () => usePortalContainer,
-  useThemeContext: () => import_themes56.useThemeContext,
+  useThemeContext: () => import_themes58.useThemeContext,
   useUIState: () => useUIState
 });
 module.exports = __toCommonJS(index_exports);
@@ -3628,7 +3630,7 @@ var getTimeOption = (time) => {
   return `${hour < 10 ? `0${hour}` : hour}:${minute < 10 ? `0${minute}` : minute}`;
 };
 
-// src/utils/getCalloutIconComponent.ts
+// src/utils/get-callout-icon-component.ts
 var DEFAULT_ICON = import_react_icons2.InfoCircledIcon;
 var AI_CALLOUT_ICON_OPTIONS = [
   { label: "Info", value: "InfoCircledIcon", Component: import_react_icons2.InfoCircledIcon },
@@ -3653,6 +3655,58 @@ function getCalloutIconComponent(iconName) {
   return (_a = iconByName[iconName]) != null ? _a : DEFAULT_ICON;
 }
 
+// src/utils/get-dynamic-form-display-value.ts
+function isEmptyDisplayValue(value) {
+  return value === void 0 || value === null || value === "";
+}
+function findOptionLabel(options, value) {
+  const valueString = String(value);
+  const found = options.find(
+    (option) => String(option.value) === valueString
+  );
+  return found == null ? void 0 : found.label;
+}
+function joinLabelsOrValues(options, values) {
+  const labels = values.map((v) => {
+    const label = findOptionLabel(options, v);
+    return label != null ? label : String(v);
+  });
+  return labels.join(", ");
+}
+function getDynamicFormDisplayValue(field, value) {
+  if (isEmptyDisplayValue(value)) return "";
+  switch (field.type) {
+    case "dropdown":
+    case "choice":
+    case "radio_cards": {
+      const label = findOptionLabel(field.options, value);
+      return label != null ? label : String(value);
+    }
+    case "image_radio_card": {
+      const label = findOptionLabel(field.options, value);
+      return label != null ? label : String(value);
+    }
+    case "choices": {
+      if (Array.isArray(value)) {
+        return joinLabelsOrValues(field.options, value);
+      }
+      const label = findOptionLabel(field.options, value);
+      return label != null ? label : String(value);
+    }
+    case "yes_no": {
+      if (value === true || value === "true" || value === "yes") return "\uB3D9\uC758";
+      if (value === false || value === "false" || value === "no") return "\uBE44\uB3D9\uC758";
+      return String(value);
+    }
+    case "short_text":
+    case "long_text":
+    case "number":
+    case "email":
+    default:
+      return String(value);
+  }
+}
+
 // src/molecules/time-select.tsx
 var import_jsx_runtime55 = require("react/jsx-runtime");
 var getOptionValue = (date, timeValue) => {
@@ -3960,7 +4014,6 @@ function CurriculumProvider(props) {
     const inBounds = selectedIndexState >= 0 && selectedIndexState < list.length;
     if (!inBounds) return;
     const item = list[selectedIndexState];
-    if (!item) return;
     if (item.type === "sectionTitle") return;
     onChangeSelectedContent == null ? void 0 : onChangeSelectedContent(item);
   }, [list, onChangeSelectedContent, selectedIndexState]);
@@ -4116,15 +4169,15 @@ function CurriculumVideo(props) {
           "iframe",
           {
             allowFullScreen: true,
+            onError: () => {
+              setIsLoading(false);
+            },
             onLoad: () => {
               setIsLoading(false);
             },
             src: `${url}?theme=light`,
             style: { width: "100%", height: "100%", border: "none" },
-            title: "Curriculum Video",
-            onError: () => {
-              setIsLoading(false);
-            }
+            title: "Curriculum Video"
           }
         )
       ]
@@ -5648,6 +5701,46 @@ function useDynamicForm() {
 
 // src/molecules/dynamic-field.tsx
 var import_jsx_runtime88 = require("react/jsx-runtime");
+function isRecord(value) {
+  return Boolean(value) && typeof value === "object" && !Array.isArray(value);
+}
+function isFieldOption(value) {
+  if (!isRecord(value)) return false;
+  const label = value.label;
+  const optionValue = value.value;
+  return typeof label === "string" && (typeof optionValue === "string" || typeof optionValue === "number");
+}
+function isImageFieldOption(value) {
+  if (!isRecord(value)) return false;
+  if (!isFieldOption(value)) return false;
+  const imageSrc = value.imageSrc;
+  const alt = value.alt;
+  return typeof imageSrc === "string" && (alt === void 0 || typeof alt === "string");
+}
+function getStringProp(obj, key, fallback) {
+  if (!isRecord(obj)) return fallback;
+  const value = obj[key];
+  return typeof value === "string" ? value : fallback;
+}
+function getNumberProp(obj, key, fallback) {
+  if (!isRecord(obj)) return fallback;
+  const value = obj[key];
+  return typeof value === "number" ? value : fallback;
+}
+function getOptions(field) {
+  if (!isRecord(field)) return null;
+  const options = field.options;
+  if (!Array.isArray(options)) return null;
+  if (!options.every(isFieldOption)) return null;
+  return options;
+}
+function getImageOptions(field) {
+  if (!isRecord(field)) return null;
+  const options = field.options;
+  if (!Array.isArray(options)) return null;
+  if (!options.every(isImageFieldOption)) return null;
+  return options;
+}
 function DynamicFormField({
   field
 }) {
@@ -5660,7 +5753,7 @@ function DynamicFormField({
     handleBlur,
     readonly
   } = useDynamicForm();
-  const { name, type } = field;
+  const name = field.name;
   const value = getFieldValue(name);
   const error = getFieldError(name);
   const touched = getFieldTouched(name);
@@ -5673,14 +5766,22 @@ function DynamicFormField({
     error: hasError,
     disabled: readonly
   };
-  switch (type) {
+  const selectedValue = typeof value === "string" || typeof value === "number" ? String(value) : "";
+  switch (field.type) {
     case "short_text":
+      return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+        TextField.Root,
+        __spreadProps(__spreadValues({}, commonProps), {
+          placeholder: field.placeholder,
+          type: "text"
+        })
+      );
     case "email":
       return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
         TextField.Root,
         __spreadProps(__spreadValues({}, commonProps), {
           placeholder: field.placeholder,
-          type: type === "short_text" ? "text" : type
+          type: "email"
         })
       );
     case "number":
@@ -5703,9 +5804,20 @@ function DynamicFormField({
           onValueChange: readonly ? void 0 : (newValue) => {
             void setFieldValue(name, newValue);
           },
-          value,
+          value: selectedValue,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Select.Trigger, { placeholder: field.placeholder }),
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+              Select.Trigger,
+              {
+                placeholder: field.placeholder,
+                style: {
+                  alignSelf: "flex-start",
+                  width: "fit-content",
+                  minWidth: "180px",
+                  maxWidth: "100%"
+                }
+              }
+            ),
             /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Select.Content, { children: field.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Select.Item, { value: String(option.value), children: option.label }, option.value)) })
           ]
         }
@@ -5723,6 +5835,21 @@ function DynamicFormField({
           children: field.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes34.RadioGroup.Item, { value: String(option.value), children: option.label }, option.value))
         }
       );
+    case "radio_cards": {
+      const options = getOptions(field);
+      if (!options) return null;
+      return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+        import_themes33.RadioCards.Root,
+        {
+          disabled: readonly,
+          onValueChange: readonly ? void 0 : (newValue) => {
+            void setFieldValue(name, newValue);
+          },
+          value: selectedValue,
+          children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes33.RadioCards.Item, { value: String(option.value), children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Typo, { children: option.label }) }, option.value))
+        }
+      );
+    }
     case "choices":
       return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
         CheckboxGroup.Root,
@@ -5750,6 +5877,65 @@ function DynamicFormField({
         ),
         field.description ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Typo, { color: "gray", variant: "caption", children: field.description }) : null
       ] });
+    case "image_radio_card": {
+      const options = getImageOptions(field);
+      if (!options) return null;
+      const gridColumnsCount = Math.max(1, getNumberProp(field, "gridColumnsCount", 4));
+      const gridColumns = getStringProp(
+        field,
+        "gridColumns",
+        `repeat(${gridColumnsCount}, 1fr)`
+      );
+      const gridItemHeight = getStringProp(field, "gridItemHeight", "100px");
+      const gridRows = getStringProp(field, "gridRows", gridItemHeight);
+      const gridGap = getStringProp(field, "gridGap", "2");
+      const imageFitRaw = getStringProp(field, "imageFit", "cover");
+      const imageFit = imageFitRaw === "contain" ? "contain" : "cover";
+      const handleValueChange = (newValue) => {
+        if (readonly) return;
+        const selectedOption = options.find(
+          (option) => String(option.value) === newValue
+        );
+        if (!selectedOption) return;
+        void setFieldValue(name, selectedOption.value);
+      };
+      return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+        import_themes33.RadioCards.Root,
+        {
+          disabled: readonly,
+          onValueChange: readonly ? void 0 : handleValueChange,
+          value: selectedValue,
+          children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes23.Grid, { columns: gridColumns, gap: gridGap, rows: gridRows, children: options.map((option) => {
+            const optionValue = String(option.value);
+            const altText = option.alt || option.label;
+            return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+              import_themes33.RadioCards.Item,
+              {
+                style: {
+                  padding: 0
+                },
+                value: optionValue,
+                children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes25.Inset, { style: { width: "100%", height: "100%", padding: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+                  "img",
+                  {
+                    alt: altText,
+                    src: option.imageSrc,
+                    style: {
+                      width: "100%",
+                      height: "100%",
+                      display: "block",
+                      objectFit: imageFit,
+                      opacity: readonly ? 0.7 : 1
+                    }
+                  }
+                ) })
+              },
+              optionValue
+            );
+          }) })
+        }
+      );
+    }
     default:
       return null;
   }
@@ -5975,56 +6161,36 @@ function createYupValidation(field, validation) {
 }
 
 // src/molecules/dynamic-form-response-item.tsx
+function isRecord2(value) {
+  return Boolean(value) && typeof value === "object" && !Array.isArray(value);
+}
 function DynamicFormResponseItem({
   payload,
   questionType,
   config
 }) {
-  if (!payload || typeof payload !== "object") {
-    return String(payload || "\uC751\uB2F5 \uC5C6\uC74C");
-  }
-  const payloadObj = payload;
-  const value = payloadObj.value;
+  const value = isRecord2(payload) && "value" in payload ? payload.value : payload;
   if (value === void 0 || value === null || value === "") {
     return "\uC751\uB2F5 \uC5C6\uC74C";
   }
-  const getOptions = (fieldConfig) => {
-    if (!fieldConfig || typeof fieldConfig !== "object") return void 0;
-    if ("options" in fieldConfig && Array.isArray(fieldConfig.options)) {
-      return fieldConfig.options;
-    }
-    return void 0;
-  };
-  const options = getOptions(config);
+  if (config) {
+    const displayValue = getDynamicFormDisplayValue(config, value);
+    return displayValue === "" ? "\uC751\uB2F5 \uC5C6\uC74C" : displayValue;
+  }
   switch (questionType) {
     case "text":
     case "textarea":
       return String(value);
     case "radio":
     case "select":
-    case "choice":
-      if (options) {
-        const option = options.find((opt) => opt.value === value);
-        return option ? option.label : String(value);
-      }
       return String(value);
     case "checkbox":
     case "choices":
       if (Array.isArray(value)) {
-        if (options) {
-          return value.map((val) => {
-            const option = options.find((opt) => opt.value === val);
-            return option ? option.label : String(val);
-          }).join(", ");
-        }
-        return value.join(", ");
+        return value.map((v) => String(v)).join(", ");
       }
       return String(value);
     case "rating":
-      if (options) {
-        const option = options.find((opt) => opt.value === value);
-        return option ? option.label : String(value);
-      }
       return String(value);
     case "number":
       return String(value);
@@ -6275,105 +6441,1358 @@ function TrainingInfoGuidelineButton({
   );
 }
 
-// src/theme/use-theme.tsx
-var import_themes56 = require("@radix-ui/themes");
+// src/molecules/dynamic-form-editor.tsx
+var import_react49 = require("react");
 
-// src/ui-props/index.ts
-var uiProps = __toESM(require("@radix-ui/themes/dist/cjs/props/index.js"), 1);
+// src/molecules/dynamic-form-editor-utils.ts
+function isRecord3(value) {
+  return Boolean(value) && typeof value === "object" && !Array.isArray(value);
+}
+function isNonEmptyTrimmedString(value) {
+  return typeof value === "string" && value.trim().length > 0;
+}
+function isFiniteNumber(value) {
+  return typeof value === "number" && Number.isFinite(value);
+}
+function canCompileRegExp(pattern) {
+  try {
+    new RegExp(pattern);
+    return true;
+  } catch (e) {
+    return false;
+  }
+}
+function getFieldTypes() {
+  return [
+    "short_text",
+    "long_text",
+    "number",
+    "email",
+    "dropdown",
+    "choice",
+    "radio_cards",
+    "image_radio_card",
+    "choices",
+    "yes_no"
+  ];
+}
+function getFieldTypeLabel(type) {
+  const map = {
+    short_text: "\uC9E7\uC740 \uD14D\uC2A4\uD2B8",
+    long_text: "\uAE34 \uD14D\uC2A4\uD2B8",
+    number: "\uC22B\uC790",
+    email: "\uC774\uBA54\uC77C",
+    dropdown: "\uB4DC\uB86D\uB2E4\uC6B4",
+    choice: "\uB2E8\uC77C \uC120\uD0DD(\uB77C\uB514\uC624)",
+    radio_cards: "\uB77C\uB514\uC624 \uCE74\uB4DC",
+    image_radio_card: "\uC774\uBBF8\uC9C0 \uB77C\uB514\uC624 \uCE74\uB4DC",
+    choices: "\uB2E4\uC911 \uC120\uD0DD(\uCCB4\uD06C)",
+    yes_no: "\uB3D9\uC758(\uCCB4\uD06C)"
+  };
+  return map[type];
+}
+function findFieldIndexByName(fields, fieldName) {
+  return fields.findIndex((field) => field.name === fieldName);
+}
+function toCamelFromSnake(value) {
+  const parts = value.split("_").filter(Boolean);
+  if (parts.length === 0) return "field";
+  const [first, ...rest] = parts;
+  const firstLower = first.toLowerCase();
+  const restCamel = rest.map((p) => p.length === 0 ? "" : p[0].toUpperCase() + p.slice(1)).join("");
+  return `${firstLower}${restCamel}`;
+}
+function createUniqueFieldName(fields, baseName) {
+  const used = new Set(fields.map((f) => f.name));
+  if (!used.has(baseName)) return baseName;
+  let i = 2;
+  while (used.has(`${baseName}${i}`)) i += 1;
+  return `${baseName}${i}`;
+}
+function createDefaultField(type, currentFields) {
+  const baseName = toCamelFromSnake(type);
+  const name = createUniqueFieldName(currentFields, baseName);
+  const label = getFieldTypeLabel(type);
+  if (type === "short_text") return { name, type, label, placeholder: "" };
+  if (type === "long_text") return { name, type, label, placeholder: "" };
+  if (type === "number") return { name, type, label, placeholder: "" };
+  if (type === "email") return { name, type, label, placeholder: "" };
+  if (type === "dropdown")
+    return {
+      name,
+      type,
+      label,
+      placeholder: "",
+      options: [{ label: "\uC635\uC158 1", value: "option1" }]
+    };
+  if (type === "choice")
+    return {
+      name,
+      type,
+      label,
+      orientation: "vertical",
+      options: [{ label: "\uC635\uC158 1", value: "option1" }]
+    };
+  if (type === "radio_cards")
+    return { name, type, label, options: [{ label: "\uC635\uC158 1", value: "option1" }] };
+  if (type === "choices")
+    return {
+      name,
+      type,
+      label,
+      orientation: "vertical",
+      options: [{ label: "\uC635\uC158 1", value: "option1" }]
+    };
+  if (type === "yes_no") return { name, type, label, description: "" };
+  return {
+    name,
+    type,
+    label,
+    gridColumnsCount: 4,
+    gridItemHeight: "160px",
+    gridGap: "2",
+    imageFit: "cover",
+    options: [
+      {
+        label: "\uC774\uBBF8\uC9C0 1",
+        value: "option1",
+        imageSrc: "https://placehold.co/300x300/png?text=1"
+      }
+    ]
+  };
+}
+function normalizeSchema(value) {
+  const fallback = { fields: [] };
+  if (!value) return fallback;
+  if (!Array.isArray(value.fields)) return fallback;
+  return { fields: value.fields };
+}
+function validateDynamicFormSchema(schema) {
+  const issues = [];
+  const nameToCount = /* @__PURE__ */ new Map();
+  schema.fields.forEach((field) => {
+    const prev = nameToCount.get(field.name) || 0;
+    nameToCount.set(field.name, prev + 1);
+  });
+  schema.fields.forEach((field, index) => {
+    const fieldKey = `${index}:${field.name}`;
+    if (!isNonEmptyTrimmedString(field.name)) {
+      issues.push({
+        id: `field.name.required.${fieldKey}`,
+        level: "error",
+        message: "\uD544\uB4DC name\uC740 \uD544\uC218\uC785\uB2C8\uB2E4",
+        fieldName: field.name
+      });
+    } else if (field.name.trim() !== field.name) {
+      issues.push({
+        id: `field.name.trim.${fieldKey}`,
+        level: "warning",
+        message: "\uD544\uB4DC name \uC55E/\uB4A4 \uACF5\uBC31\uC740 \uC81C\uAC70\uD558\uB294 \uAC83\uC744 \uAD8C\uC7A5\uD569\uB2C8\uB2E4",
+        fieldName: field.name
+      });
+    }
+    if (isNonEmptyTrimmedString(field.name)) {
+      const count = nameToCount.get(field.name) || 0;
+      if (count > 1) {
+        issues.push({
+          id: `field.name.duplicate.${fieldKey}`,
+          level: "error",
+          message: `\uC911\uBCF5\uB41C name\uC785\uB2C8\uB2E4: ${field.name}`,
+          fieldName: field.name
+        });
+      }
+    }
+    if (!isNonEmptyTrimmedString(field.label)) {
+      issues.push({
+        id: `field.label.required.${fieldKey}`,
+        level: "error",
+        message: "\uD544\uB4DC label\uC740 \uD544\uC218\uC785\uB2C8\uB2E4",
+        fieldName: field.name
+      });
+    }
+    const type = field.type;
+    const isOptionType = type === "dropdown" || type === "choice" || type === "radio_cards" || type === "choices";
+    if (isOptionType) {
+      const optionsRaw = field.options;
+      if (!Array.isArray(optionsRaw) || optionsRaw.length === 0) {
+        issues.push({
+          id: `field.options.required.${fieldKey}`,
+          level: "error",
+          message: "options\uB294 1\uAC1C \uC774\uC0C1 \uD544\uC694\uD569\uB2C8\uB2E4",
+          fieldName: field.name
+        });
+      }
+    }
+    if (type === "image_radio_card") {
+      const optionsRaw = field.options;
+      if (!Array.isArray(optionsRaw) || optionsRaw.length === 0) {
+        issues.push({
+          id: `field.imageOptions.required.${fieldKey}`,
+          level: "error",
+          message: "options\uB294 1\uAC1C \uC774\uC0C1 \uD544\uC694\uD569\uB2C8\uB2E4",
+          fieldName: field.name
+        });
+      } else {
+        optionsRaw.forEach((opt, optIndex) => {
+          const imageSrc = isRecord3(opt) ? opt.imageSrc : void 0;
+          if (!isNonEmptyTrimmedString(imageSrc)) {
+            issues.push({
+              id: `field.imageOptions.imageSrc.required.${fieldKey}.${optIndex}`,
+              level: "error",
+              message: "imageSrc\uB294 \uD544\uC218\uC785\uB2C8\uB2E4",
+              fieldName: field.name
+            });
+          }
+        });
+      }
+    }
+    const validation = field.validation;
+    if (validation) {
+      if (isFiniteNumber(validation.min) && isFiniteNumber(validation.max)) {
+        if (validation.min > validation.max) {
+          issues.push({
+            id: `field.validation.minmax.${fieldKey}`,
+            level: "error",
+            message: "validation.min\uC740 validation.max \uC774\uD558\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4",
+            fieldName: field.name
+          });
+        }
+      }
+      if (isNonEmptyTrimmedString(validation.pattern)) {
+        if (!canCompileRegExp(validation.pattern)) {
+          issues.push({
+            id: `field.validation.pattern.${fieldKey}`,
+            level: "error",
+            message: "validation.pattern\uC774 \uC62C\uBC14\uB978 \uC815\uADDC\uC2DD\uC774 \uC544\uB2D9\uB2C8\uB2E4",
+            fieldName: field.name
+          });
+        }
+      }
+    }
+  });
+  return issues;
+}
+function hasErrorIssues(issues) {
+  return issues.some((i) => i.level === "error");
+}
+function updateSchemaFields(schema, nextFields) {
+  return { fields: nextFields };
+}
+function moveField(fields, fromIndex, toIndex) {
+  if (fromIndex < 0 || fromIndex >= fields.length) return fields;
+  if (toIndex < 0 || toIndex >= fields.length) return fields;
+  if (fromIndex === toIndex) return fields;
+  const next = [...fields];
+  const [item] = next.splice(fromIndex, 1);
+  next.splice(toIndex, 0, item);
+  return next;
+}
+function duplicateField(fields, index) {
+  if (index < 0 || index >= fields.length) return fields;
+  const target = fields[index];
+  const nextName = createUniqueFieldName(fields, target.name);
+  const cloned = __spreadProps(__spreadValues({}, target), { name: nextName });
+  const next = [...fields];
+  next.splice(index + 1, 0, cloned);
+  return next;
+}
+function updateFieldCommonProps(field, next) {
+  const { name, label, description, required } = next;
+  return __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, field), name !== void 0 ? { name } : {}), label !== void 0 ? { label } : {}), description !== void 0 ? { description } : {}), required !== void 0 ? { required } : {});
+}
+function updateFieldValidation(field, next) {
+  if (!next) {
+    const _a = field, { validation: _validation } = _a, rest = __objRest(_a, ["validation"]);
+    return rest;
+  }
+  return __spreadProps(__spreadValues({}, field), { validation: next });
+}
+function updateTextPlaceholder(field, placeholder) {
+  const type = field.type;
+  if (type === "short_text" || type === "long_text" || type === "number" || type === "email" || type === "dropdown") {
+    return __spreadProps(__spreadValues({}, field), { placeholder });
+  }
+  return field;
+}
+function updateOrientation(field, orientation) {
+  const type = field.type;
+  if (type === "choice" || type === "choices") return __spreadProps(__spreadValues({}, field), { orientation });
+  return field;
+}
+function updateOptions(field, options) {
+  const type = field.type;
+  if (type === "dropdown" || type === "choice" || type === "radio_cards" || type === "choices") {
+    return __spreadProps(__spreadValues({}, field), { options });
+  }
+  return field;
+}
+function updateImageOptions(field, options) {
+  if (field.type === "image_radio_card") {
+    return __spreadProps(__spreadValues({}, field), { options });
+  }
+  return field;
+}
+function updateImageLayout(field, next) {
+  if (field.type !== "image_radio_card") return field;
+  return __spreadValues(__spreadValues({}, field), next);
+}
+function resetFieldType(field, nextType, allFields) {
+  const base = createDefaultField(nextType, allFields);
+  return __spreadProps(__spreadValues({}, base), {
+    name: field.name,
+    label: field.label,
+    description: field.description,
+    required: field.required,
+    validation: field.validation
+  });
+}
 
-// src/charts/horizontal-bar-chart.tsx
+// src/molecules/dynamic-form-editor-field-editor-panel.tsx
+var import_react47 = require("react");
+var import_themes56 = require("@radix-ui/themes");
 var import_jsx_runtime93 = require("react/jsx-runtime");
-function HorizontalBarChart(props) {
-  const { total, value, backgroundColor, barColor, height } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-    "div",
-    {
-      className: "tipp_horizontal-bar-chart bar-wrapper",
-      style: { height, backgroundColor },
-      children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-        "div",
-        {
-          style: {
-            width: `${Math.round(value / total * 100)}%`,
-            height: "100%"
-          },
-          children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "bar", style: { backgroundColor: barColor } })
-        }
-      )
+function isRecord4(value) {
+  return Boolean(value) && typeof value === "object" && !Array.isArray(value);
+}
+function isFieldType(value, types) {
+  return types.some((t) => t === value);
+}
+function parseOptionalNumber(value) {
+  const trimmed = value.trim();
+  if (trimmed.length === 0) return void 0;
+  const num = Number(trimmed);
+  return Number.isFinite(num) ? num : void 0;
+}
+function getValidation(field) {
+  return field.validation ? field.validation : {};
+}
+function cleanValidation(next) {
+  const hasAny = next.min !== void 0 || next.max !== void 0 || typeof next.pattern === "string" && next.pattern.trim().length > 0 || typeof next.message === "string" && next.message.trim().length > 0;
+  return hasAny ? next : void 0;
+}
+function moveItem(items, fromIndex, toIndex) {
+  if (fromIndex < 0 || fromIndex >= items.length) return items;
+  if (toIndex < 0 || toIndex >= items.length) return items;
+  if (fromIndex === toIndex) return items;
+  const next = [...items];
+  const [item] = next.splice(fromIndex, 1);
+  next.splice(toIndex, 0, item);
+  return next;
+}
+function getOptionDrafts(field) {
+  const raw = field.options;
+  if (!Array.isArray(raw)) return [];
+  return raw.map((o) => {
+    if (!isRecord4(o)) return null;
+    const label = typeof o.label === "string" ? o.label : "";
+    const valueRaw = o.value;
+    const value = typeof valueRaw === "string" || typeof valueRaw === "number" ? String(valueRaw) : "";
+    return { label, value };
+  }).filter((v) => v !== null);
+}
+function getImageOptionDrafts(field) {
+  const raw = field.options;
+  if (!Array.isArray(raw)) return [];
+  return raw.map(
+    (o) => {
+      if (!isRecord4(o)) return null;
+      const label = typeof o.label === "string" ? o.label : "";
+      const valueRaw = o.value;
+      const value = typeof valueRaw === "string" || typeof valueRaw === "number" ? String(valueRaw) : "";
+      const imageSrc = typeof o.imageSrc === "string" ? o.imageSrc : "";
+      const alt = typeof o.alt === "string" ? o.alt : void 0;
+      return __spreadValues({ label, value, imageSrc }, alt ? { alt } : {});
     }
+  ).filter(
+    (v) => v !== null
   );
 }
-
-// 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,
+function toFieldOptions(options) {
+  return options.map((o) => ({ label: o.label, value: o.value }));
+}
+function toImageFieldOptions(options) {
+  return options.map((o) => __spreadValues({
+    label: o.label,
+    value: o.value,
+    imageSrc: o.imageSrc
+  }, o.alt !== void 0 ? { alt: o.alt } : {}));
+}
+function DynamicFormEditorFieldEditorPanel(props) {
+  const {
+    field,
+    fieldIndex,
+    fields,
+    readonly,
+    fieldTypes,
+    onRenameField,
+    onUpdateField,
+    onDeleteField,
+    onMoveField,
+    onDuplicateField
+  } = props;
+  const canMoveUp = fieldIndex > 0;
+  const canMoveDown = fieldIndex >= 0 && fieldIndex < fields.length - 1;
+  const placeholderValue = (0, import_react47.useMemo)(() => {
+    if (!field) return "";
+    return String(field.placeholder || "");
+  }, [field]);
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Card, { style: { flex: 1, minWidth: 520, padding: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes22.Flex, { direction: "column", gap: "4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes22.Flex, { align: "center", justify: "between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Typo, { variant: "body", children: "\uD544\uB4DC \uD3B8\uC9D1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes22.Flex, { align: "center", gap: "1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          IconButton,
+          {
+            "aria-label": "\uD544\uB4DC \uC704\uB85C",
+            disabled: readonly || !field || !canMoveUp,
+            onClick: () => {
+              onMoveField("up");
+            },
+            variant: "soft",
+            children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_icons2.ChevronUpIcon, {})
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          IconButton,
+          {
+            "aria-label": "\uD544\uB4DC \uC544\uB798\uB85C",
+            disabled: readonly || !field || !canMoveDown,
+            onClick: () => {
+              onMoveField("down");
+            },
+            variant: "soft",
+            children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_icons2.ChevronDownIcon, {})
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          IconButton,
+          {
+            "aria-label": "\uD544\uB4DC \uBCF5\uC81C",
+            disabled: readonly || !field,
+            onClick: onDuplicateField,
+            variant: "soft",
+            children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_icons2.CopyIcon, {})
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          IconButton,
+          {
+            "aria-label": "\uD544\uB4DC \uC0AD\uC81C",
+            disabled: readonly || !field,
+            onClick: onDeleteField,
+            variant: "soft",
+            children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_icons2.TrashIcon, {})
+          }
+        )
+      ] })
+    ] }),
+    !field ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Typo, { color: "gray", variant: "caption", children: "\uC67C\uCABD\uC5D0\uC11C \uD544\uB4DC\uB97C \uC120\uD0DD\uD558\uC138\uC694." }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes22.Flex, { direction: "column", gap: "3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes22.Flex, { align: "end", gap: "2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes56.Box, { style: { flex: 1 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Typo, { variant: "caption", children: "name" }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            TextField.Root,
+            {
+              disabled: readonly,
+              onChange: (e) => {
+                onRenameField(e.target.value);
+              },
+              value: field.name
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes56.Box, { style: { flex: 1 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Typo, { variant: "caption", children: "label" }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            TextField.Root,
+            {
+              disabled: readonly,
+              onChange: (e) => {
+                onUpdateField(updateFieldCommonProps(field, { label: e.target.value }));
+              },
+              value: field.label
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes22.Flex, { align: "center", gap: "2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+          Select.Root,
+          {
+            disabled: readonly,
+            onValueChange: (v) => {
+              if (!isFieldType(v, fieldTypes)) return;
+              onUpdateField(resetFieldType(field, v, fields));
+            },
+            value: field.type,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Select.Trigger, { style: { minWidth: 220 } }),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Select.Content, { children: fieldTypes.map((t) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Select.Item, { value: t, children: getFieldTypeLabel(t) }, t)) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes22.Flex, { align: "center", gap: "2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            Checkbox,
+            {
+              checked: Boolean(field.required),
+              disabled: readonly,
+              onCheckedChange: (checked) => {
+                onUpdateField(updateFieldCommonProps(field, { required: checked }));
+              }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Typo, { variant: "caption", children: "\uD544\uC218" })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes56.Box, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Typo, { variant: "caption", children: "description" }),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          TextArea,
+          {
+            disabled: readonly,
+            onChange: (e) => {
+              onUpdateField(
+                updateFieldCommonProps(field, { description: e.target.value })
+              );
+            },
+            rows: 3,
+            value: field.description || ""
+          }
+        )
+      ] }),
+      field.type === "short_text" || field.type === "long_text" || field.type === "number" || field.type === "email" || field.type === "dropdown" ? /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes56.Box, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Typo, { variant: "caption", children: "placeholder" }),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          TextField.Root,
+          {
+            disabled: readonly,
+            onChange: (e) => {
+              onUpdateField(updateTextPlaceholder(field, e.target.value));
+            },
+            value: placeholderValue
+          }
+        )
+      ] }) : null,
+      field.type === "choice" || field.type === "choices" ? /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes56.Box, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Typo, { variant: "caption", children: "orientation" }),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+          Select.Root,
+          {
+            disabled: readonly,
+            onValueChange: (v) => {
+              const nextOrientation = v === "horizontal" ? "horizontal" : "vertical";
+              onUpdateField(updateOrientation(field, nextOrientation));
+            },
+            value: field.orientation || "vertical",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Select.Trigger, { style: { minWidth: 220 } }),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(Select.Content, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Select.Item, { value: "vertical", children: "vertical" }),
+                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Select.Item, { value: "horizontal", children: "horizontal" })
+              ] })
+            ]
+          }
+        )
+      ] }) : null,
+      field.type === "dropdown" || field.type === "choice" || field.type === "radio_cards" || field.type === "choices" ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Card, { style: { padding: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes22.Flex, { direction: "column", gap: "2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes22.Flex, { align: "center", justify: "between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Typo, { variant: "caption", children: "options" }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+            Button,
+            {
+              disabled: readonly,
+              onClick: () => {
+                const drafts = getOptionDrafts(field);
+                const nextDrafts = [
+                  ...drafts,
+                  {
+                    label: `\uC635\uC158 ${drafts.length + 1}`,
+                    value: `option${drafts.length + 1}`
+                  }
+                ];
+                onUpdateField(updateOptions(field, toFieldOptions(nextDrafts)));
+              },
+              size: "small",
+              variant: "soft",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_icons2.PlusIcon, {}),
+                " \uCD94\uAC00"
+              ]
+            }
+          )
+        ] }),
+        getOptionDrafts(field).map((opt, i) => /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes22.Flex, { align: "end", gap: "2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes56.Box, { style: { flex: 1 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Typo, { variant: "caption", children: "label" }),
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+              TextField.Root,
+              {
+                disabled: readonly,
+                onChange: (e) => {
+                  const drafts = getOptionDrafts(field);
+                  const nextDrafts = drafts.map(
+                    (d, idx) => idx === i ? __spreadProps(__spreadValues({}, d), { label: e.target.value }) : d
+                  );
+                  onUpdateField(updateOptions(field, toFieldOptions(nextDrafts)));
+                },
+                value: opt.label
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes56.Box, { style: { flex: 1 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Typo, { variant: "caption", children: "value" }),
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+              TextField.Root,
+              {
+                disabled: readonly,
+                onChange: (e) => {
+                  const drafts = getOptionDrafts(field);
+                  const nextDrafts = drafts.map(
+                    (d, idx) => idx === i ? __spreadProps(__spreadValues({}, d), { value: e.target.value }) : d
+                  );
+                  onUpdateField(updateOptions(field, toFieldOptions(nextDrafts)));
+                },
+                value: opt.value
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes22.Flex, { gap: "1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+              IconButton,
+              {
+                "aria-label": "\uC635\uC158 \uC704\uB85C",
+                disabled: readonly || i === 0,
+                onClick: () => {
+                  const drafts = getOptionDrafts(field);
+                  const nextDrafts = moveItem(drafts, i, i - 1);
+                  onUpdateField(updateOptions(field, toFieldOptions(nextDrafts)));
+                },
+                variant: "soft",
+                children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_icons2.ChevronUpIcon, {})
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+              IconButton,
+              {
+                "aria-label": "\uC635\uC158 \uC544\uB798\uB85C",
+                disabled: readonly || i === getOptionDrafts(field).length - 1,
+                onClick: () => {
+                  const drafts = getOptionDrafts(field);
+                  const nextDrafts = moveItem(drafts, i, i + 1);
+                  onUpdateField(updateOptions(field, toFieldOptions(nextDrafts)));
+                },
+                variant: "soft",
+                children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_icons2.ChevronDownIcon, {})
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+              IconButton,
+              {
+                "aria-label": "\uC635\uC158 \uC0AD\uC81C",
+                disabled: readonly,
+                onClick: () => {
+                  const drafts = getOptionDrafts(field);
+                  const nextDrafts = drafts.filter((_, idx) => idx !== i);
+                  onUpdateField(updateOptions(field, toFieldOptions(nextDrafts)));
+                },
+                variant: "soft",
+                children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_icons2.TrashIcon, {})
+              }
+            )
+          ] })
+        ] }, `${opt.value}-${opt.label}`))
+      ] }) }) : null,
+      field.type === "image_radio_card" ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Card, { style: { padding: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes22.Flex, { direction: "column", gap: "3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes22.Flex, { align: "center", justify: "between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Typo, { variant: "caption", children: "image options" }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+            Button,
+            {
+              disabled: readonly,
+              onClick: () => {
+                const drafts = getImageOptionDrafts(field);
+                const nextDrafts = [
+                  ...drafts,
+                  {
+                    label: `\uC774\uBBF8\uC9C0 ${drafts.length + 1}`,
+                    value: `option${drafts.length + 1}`,
+                    imageSrc: "https://placehold.co/300x300/png?text=new"
+                  }
+                ];
+                onUpdateField(updateImageOptions(field, toImageFieldOptions(nextDrafts)));
+              },
+              size: "small",
+              variant: "soft",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_icons2.PlusIcon, {}),
+                " \uCD94\uAC00"
+              ]
+            }
+          )
+        ] }),
+        getImageOptionDrafts(field).map((opt, i) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          Card,
+          {
+            style: { padding: 10 },
+            children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes22.Flex, { direction: "column", gap: "2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes22.Flex, { align: "end", gap: "2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes56.Box, { style: { flex: 1 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Typo, { variant: "caption", children: "label" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                    TextField.Root,
+                    {
+                      disabled: readonly,
+                      onChange: (e) => {
+                        const drafts = getImageOptionDrafts(field);
+                        const nextDrafts = drafts.map(
+                          (d, idx) => idx === i ? __spreadProps(__spreadValues({}, d), { label: e.target.value }) : d
+                        );
+                        onUpdateField(
+                          updateImageOptions(field, toImageFieldOptions(nextDrafts))
+                        );
+                      },
+                      value: opt.label
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes56.Box, { style: { flex: 1 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Typo, { variant: "caption", children: "value" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                    TextField.Root,
+                    {
+                      disabled: readonly,
+                      onChange: (e) => {
+                        const drafts = getImageOptionDrafts(field);
+                        const nextDrafts = drafts.map(
+                          (d, idx) => idx === i ? __spreadProps(__spreadValues({}, d), { value: e.target.value }) : d
+                        );
+                        onUpdateField(
+                          updateImageOptions(field, toImageFieldOptions(nextDrafts))
+                        );
+                      },
+                      value: opt.value
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes56.Box, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Typo, { variant: "caption", children: "imageSrc" }),
+                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                  TextField.Root,
+                  {
+                    disabled: readonly,
+                    onChange: (e) => {
+                      const drafts = getImageOptionDrafts(field);
+                      const nextDrafts = drafts.map(
+                        (d, idx) => idx === i ? __spreadProps(__spreadValues({}, d), { imageSrc: e.target.value }) : d
+                      );
+                      onUpdateField(
+                        updateImageOptions(field, toImageFieldOptions(nextDrafts))
+                      );
+                    },
+                    value: opt.imageSrc
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes22.Flex, { align: "end", gap: "2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes56.Box, { style: { flex: 1 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Typo, { variant: "caption", children: "alt" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                    TextField.Root,
+                    {
+                      disabled: readonly,
+                      onChange: (e) => {
+                        const drafts = getImageOptionDrafts(field);
+                        const nextAlt = e.target.value.trim().length === 0 ? void 0 : e.target.value;
+                        const nextDrafts = drafts.map(
+                          (d, idx) => idx === i ? __spreadProps(__spreadValues({}, d), { alt: nextAlt }) : d
+                        );
+                        onUpdateField(
+                          updateImageOptions(field, toImageFieldOptions(nextDrafts))
+                        );
+                      },
+                      value: opt.alt || ""
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                  IconButton,
+                  {
+                    "aria-label": "\uC774\uBBF8\uC9C0 \uC635\uC158 \uC0AD\uC81C",
+                    disabled: readonly,
+                    onClick: () => {
+                      const drafts = getImageOptionDrafts(field);
+                      const nextDrafts = drafts.filter((_, idx) => idx !== i);
+                      onUpdateField(
+                        updateImageOptions(field, toImageFieldOptions(nextDrafts))
+                      );
+                    },
+                    variant: "soft",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_icons2.TrashIcon, {})
+                  }
+                )
+              ] })
+            ] })
+          },
+          `${opt.value}-${opt.label}-${opt.imageSrc}`
+        )),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes22.Flex, { gap: "2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes56.Box, { style: { flex: 1 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Typo, { variant: "caption", children: "gridColumnsCount" }),
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+              TextField.Root,
+              {
+                disabled: readonly,
+                inputMode: "numeric",
+                onChange: (e) => {
+                  onUpdateField(
+                    updateImageLayout(field, {
+                      gridColumnsCount: parseOptionalNumber(e.target.value)
+                    })
+                  );
+                },
+                value: String(field.gridColumnsCount || "")
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes56.Box, { style: { flex: 1 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Typo, { variant: "caption", children: "gridItemHeight" }),
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+              TextField.Root,
+              {
+                disabled: readonly,
+                onChange: (e) => {
+                  onUpdateField(
+                    updateImageLayout(field, { gridItemHeight: e.target.value })
+                  );
+                },
+                value: String(field.gridItemHeight || "")
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes56.Box, { style: { flex: 1 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Typo, { variant: "caption", children: "gridGap" }),
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+              TextField.Root,
+              {
+                disabled: readonly,
+                onChange: (e) => {
+                  onUpdateField(updateImageLayout(field, { gridGap: e.target.value }));
+                },
+                value: String(field.gridGap || "")
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes56.Box, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Typo, { variant: "caption", children: "imageFit" }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+            Select.Root,
+            {
+              disabled: readonly,
+              onValueChange: (v) => {
+                const nextFit = v === "contain" ? "contain" : "cover";
+                onUpdateField(updateImageLayout(field, { imageFit: nextFit }));
+              },
+              value: field.imageFit || "cover",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Select.Trigger, { style: { minWidth: 220 } }),
+                /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(Select.Content, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Select.Item, { value: "cover", children: "cover" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Select.Item, { value: "contain", children: "contain" })
+                ] })
+              ]
+            }
+          )
+        ] })
+      ] }) }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Card, { style: { padding: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes22.Flex, { direction: "column", gap: "2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Typo, { variant: "caption", children: "validation" }),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes22.Flex, { gap: "2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes56.Box, { style: { flex: 1 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Typo, { variant: "caption", children: "min" }),
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+              TextField.Root,
+              {
+                disabled: readonly,
+                inputMode: "numeric",
+                onChange: (e) => {
+                  const current = getValidation(field);
+                  const next = cleanValidation(__spreadProps(__spreadValues({}, current), {
+                    min: parseOptionalNumber(e.target.value)
+                  }));
+                  onUpdateField(updateFieldValidation(field, next));
+                },
+                value: getValidation(field).min !== void 0 ? String(getValidation(field).min) : ""
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes56.Box, { style: { flex: 1 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Typo, { variant: "caption", children: "max" }),
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+              TextField.Root,
+              {
+                disabled: readonly,
+                inputMode: "numeric",
+                onChange: (e) => {
+                  const current = getValidation(field);
+                  const next = cleanValidation(__spreadProps(__spreadValues({}, current), {
+                    max: parseOptionalNumber(e.target.value)
+                  }));
+                  onUpdateField(updateFieldValidation(field, next));
+                },
+                value: getValidation(field).max !== void 0 ? String(getValidation(field).max) : ""
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes56.Box, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Typo, { variant: "caption", children: "pattern" }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            TextField.Root,
+            {
+              disabled: readonly,
+              onChange: (e) => {
+                const current = getValidation(field);
+                const next = cleanValidation(__spreadProps(__spreadValues({}, current), { pattern: e.target.value }));
+                onUpdateField(updateFieldValidation(field, next));
+              },
+              value: String(getValidation(field).pattern || "")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes56.Box, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Typo, { variant: "caption", children: "message" }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            TextField.Root,
+            {
+              disabled: readonly,
+              onChange: (e) => {
+                const current = getValidation(field);
+                const next = cleanValidation(__spreadProps(__spreadValues({}, current), { message: e.target.value }));
+                onUpdateField(updateFieldValidation(field, next));
+              },
+              value: String(getValidation(field).message || "")
+            }
+          )
+        ] })
+      ] }) })
+    ] })
+  ] }) });
+}
+
+// src/molecules/dynamic-form-editor-field-list-panel.tsx
+var import_react48 = require("react");
+var import_themes57 = require("@radix-ui/themes");
+var import_jsx_runtime94 = require("react/jsx-runtime");
+function isFieldType2(value, types) {
+  return types.some((t) => t === value);
+}
+function DynamicFormEditorFieldListPanel(props) {
+  const {
+    fields,
+    selectedFieldName,
+    readonly,
+    fieldTypes,
+    hasFieldError,
+    onSelectFieldName,
+    onAddField
+  } = props;
+  const isEmpty = fields.length === 0;
+  const triggerPlaceholder = (0, import_react48.useMemo)(() => {
+    return readonly ? "\uCD94\uAC00(\uC77D\uAE30 \uC804\uC6A9)" : "\uCD94\uAC00";
+  }, [readonly]);
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Card, { style: { width: 340, padding: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_themes22.Flex, { direction: "column", gap: "3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_themes22.Flex, { align: "center", justify: "between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Typo, { variant: "body", children: "\uD544\uB4DC" }),
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
+        Select.Root,
+        {
+          disabled: readonly,
+          onValueChange: (v) => {
+            if (!isFieldType2(v, fieldTypes)) return;
+            onAddField(v);
+          },
+          value: "",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Select.Trigger, { placeholder: triggerPlaceholder }),
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Select.Content, { children: fieldTypes.map((t) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Select.Item, { value: t, children: getFieldTypeLabel(t) }, t)) })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_themes22.Flex, { direction: "column", gap: "2", children: [
+      isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Typo, { color: "gray", variant: "caption", children: "\uC544\uC9C1 \uD544\uB4DC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }) : null,
+      fields.map((field) => {
+        const isSelected = field.name === selectedFieldName;
+        const hasError = hasFieldError(field.name);
+        return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+          Card,
+          {
+            error: isSelected ? hasError : void 0,
+            onClick: () => {
+              onSelectFieldName(field.name);
+            },
+            style: {
+              padding: 10,
+              cursor: "pointer",
+              opacity: readonly ? 0.8 : 1,
+              border: isSelected ? "1px solid var(--accent-9)" : "1px solid transparent"
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_themes57.Box, { style: { minWidth: 0 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+                Typo,
+                {
+                  style: {
+                    whiteSpace: "nowrap",
+                    overflow: "hidden",
+                    textOverflow: "ellipsis"
+                  },
+                  variant: "body",
+                  children: field.label
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(Typo, { color: "gray", variant: "caption", children: [
+                field.name,
+                " \xB7 ",
+                field.type,
+                field.required ? " \xB7 required" : ""
+              ] })
+            ] })
+          },
+          field.name
+        );
+      })
+    ] })
+  ] }) });
+}
+
+// src/molecules/dynamic-form-editor-issues-panel.tsx
+var import_jsx_runtime95 = require("react/jsx-runtime");
+function DynamicFormEditorIssuesPanel(props) {
+  const { issues } = props;
+  if (issues.length === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Card, { style: { padding: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_themes22.Flex, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Typo, { variant: "caption", children: "\uC2A4\uD0A4\uB9C8 \uC774\uC288" }),
+    issues.map((i) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
+      Typo,
+      {
+        color: i.level === "error" ? "red" : "gray",
+        variant: "caption",
+        children: [
+          "[",
+          i.level,
+          "] ",
+          i.message,
+          i.fieldName ? ` (field: ${i.fieldName})` : ""
+        ]
+      },
+      i.id
+    ))
+  ] }) });
+}
+
+// src/molecules/dynamic-form-editor-preview-panel.tsx
+var import_jsx_runtime96 = require("react/jsx-runtime");
+function DynamicFormEditorPreviewPanel(props) {
+  const { show, fields } = props;
+  if (!show) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Card, { style: { width: 420, padding: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_themes22.Flex, { direction: "column", gap: "3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Typo, { variant: "body", children: "\uD504\uB9AC\uBDF0" }),
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(DynamicForm.Root, { fields, onSubmit: () => void 0, readonly: true, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(DynamicForm.FieldList, { labelVariant: "body" }) })
+  ] }) });
+}
+
+// src/molecules/dynamic-form-editor.tsx
+var import_jsx_runtime97 = require("react/jsx-runtime");
+function getInitialSchema(value, defaultValue) {
+  if (value !== void 0) return normalizeSchema(value);
+  return normalizeSchema(defaultValue);
+}
+function getSelectedField(schema, selectedFieldName) {
+  if (!selectedFieldName) return { field: null, index: -1 };
+  const index = findFieldIndexByName(schema.fields, selectedFieldName);
+  if (index < 0) return { field: null, index: -1 };
+  return { field: schema.fields[index], index };
+}
+function DynamicFormEditor(props) {
+  const {
+    value,
+    defaultValue,
+    onChange,
+    onSave,
+    onCancel,
+    readonly = false,
+    showPreview = false
+  } = props;
+  const isControlled = value !== void 0;
+  const [uncontrolledSchema, setUncontrolledSchema] = (0, import_react49.useState)(
+    () => getInitialSchema(void 0, defaultValue)
+  );
+  const effectiveSchema = (0, import_react49.useMemo)(() => {
+    if (isControlled) return normalizeSchema(value);
+    return uncontrolledSchema;
+  }, [isControlled, uncontrolledSchema, value]);
+  const [selectedFieldName, setSelectedFieldName] = (0, import_react49.useState)(() => {
+    var _a, _b;
+    const initialSchema = getInitialSchema(value, defaultValue);
+    return (_b = (_a = initialSchema.fields[0]) == null ? void 0 : _a.name) != null ? _b : null;
+  });
+  const selected = (0, import_react49.useMemo)(() => {
+    return getSelectedField(effectiveSchema, selectedFieldName);
+  }, [effectiveSchema, selectedFieldName]);
+  const issues = (0, import_react49.useMemo)(() => {
+    return validateDynamicFormSchema(effectiveSchema);
+  }, [effectiveSchema]);
+  const errorFieldNameSet = (0, import_react49.useMemo)(() => {
+    const set = /* @__PURE__ */ new Set();
+    issues.forEach((i) => {
+      if (i.level === "error" && i.fieldName) set.add(i.fieldName);
+    });
+    return set;
+  }, [issues]);
+  const hasFieldError = (0, import_react49.useCallback)(
+    (fieldName) => {
+      return errorFieldNameSet.has(fieldName);
+    },
+    [errorFieldNameSet]
+  );
+  const fieldTypes = (0, import_react49.useMemo)(() => getFieldTypes(), []);
+  (0, import_react49.useEffect)(() => {
+    var _a, _b;
+    if (selectedFieldName && selected.field) return;
+    setSelectedFieldName((_b = (_a = effectiveSchema.fields[0]) == null ? void 0 : _a.name) != null ? _b : null);
+  }, [effectiveSchema.fields, selected.field, selectedFieldName]);
+  (0, import_react49.useEffect)(() => {
+    if (isControlled) return;
+    setUncontrolledSchema(getInitialSchema(void 0, defaultValue));
+  }, [defaultValue, isControlled]);
+  const applySchema = (0, import_react49.useCallback)(
+    (next) => {
+      onChange == null ? void 0 : onChange(next);
+      if (!isControlled) setUncontrolledSchema(next);
+    },
+    [isControlled, onChange]
+  );
+  const handleAddField = (0, import_react49.useCallback)(
+    (type) => {
+      if (readonly) return;
+      const nextField = createDefaultField(type, effectiveSchema.fields);
+      const nextFields = [...effectiveSchema.fields, nextField];
+      applySchema(updateSchemaFields(effectiveSchema, nextFields));
+      setSelectedFieldName(nextField.name);
+    },
+    [applySchema, effectiveSchema, readonly]
+  );
+  const handleUpdateSelectedField = (0, import_react49.useCallback)(
+    (nextField) => {
+      if (readonly) return;
+      if (!selected.field || selected.index < 0) return;
+      const nextFields = effectiveSchema.fields.map(
+        (f, i) => i === selected.index ? nextField : f
+      );
+      applySchema(updateSchemaFields(effectiveSchema, nextFields));
+    },
+    [applySchema, effectiveSchema, readonly, selected.field, selected.index]
+  );
+  const handleRenameSelected = (0, import_react49.useCallback)(
+    (nextName) => {
+      if (readonly) return;
+      const currentField = selected.field;
+      if (!currentField) return;
+      const others = effectiveSchema.fields.filter(
+        (f) => f.name !== currentField.name
+      );
+      const uniqueName = createUniqueFieldName(others, nextName);
+      const nextField = __spreadProps(__spreadValues({}, currentField), { name: uniqueName });
+      handleUpdateSelectedField(nextField);
+      setSelectedFieldName(uniqueName);
+    },
+    [effectiveSchema.fields, handleUpdateSelectedField, readonly, selected.field]
+  );
+  const handleDeleteSelected = (0, import_react49.useCallback)(() => {
+    if (readonly) return;
+    if (!selected.field || selected.index < 0) return;
+    const nextFields = effectiveSchema.fields.filter(
+      (_, i) => i !== selected.index
+    );
+    applySchema(updateSchemaFields(effectiveSchema, nextFields));
+    let nextSelected = null;
+    if (nextFields.length > selected.index) nextSelected = nextFields[selected.index].name;
+    else if (nextFields.length > 0) nextSelected = nextFields[0].name;
+    setSelectedFieldName(nextSelected);
+  }, [applySchema, effectiveSchema, readonly, selected.field, selected.index]);
+  const handleMoveSelected = (0, import_react49.useCallback)(
+    (direction) => {
+      if (readonly) return;
+      if (!selected.field || selected.index < 0) return;
+      const toIndex = direction === "up" ? selected.index - 1 : selected.index + 1;
+      const nextFields = moveField(
+        effectiveSchema.fields,
+        selected.index,
+        toIndex
+      );
+      applySchema(updateSchemaFields(effectiveSchema, nextFields));
+    },
+    [applySchema, effectiveSchema, readonly, selected.field, selected.index]
+  );
+  const handleDuplicateSelected = (0, import_react49.useCallback)(() => {
+    if (readonly) return;
+    if (!selected.field || selected.index < 0) return;
+    const nextFields = duplicateField(
+      effectiveSchema.fields,
+      selected.index
+    );
+    applySchema(updateSchemaFields(effectiveSchema, nextFields));
+    const duplicatedIndex = selected.index + 1;
+    const nextSelected = nextFields.length > duplicatedIndex ? nextFields[duplicatedIndex].name : selected.field.name;
+    setSelectedFieldName(nextSelected);
+  }, [applySchema, effectiveSchema, readonly, selected.field, selected.index]);
+  const handleSave = (0, import_react49.useCallback)(() => {
+    if (!onSave) return;
+    const result = onSave(effectiveSchema);
+    void result;
+  }, [effectiveSchema, onSave]);
+  const disableSave = readonly || !onSave || hasErrorIssues(issues);
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_themes22.Flex, { align: "start", gap: "4", style: { width: "100%" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+      DynamicFormEditorFieldListPanel,
+      {
+        fieldTypes,
+        fields: effectiveSchema.fields,
+        hasFieldError,
+        onAddField: handleAddField,
+        onSelectFieldName: setSelectedFieldName,
+        readonly,
+        selectedFieldName
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_themes22.Flex, { direction: "column", gap: "3", style: { flex: 1, minWidth: 520 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+        DynamicFormEditorFieldEditorPanel,
+        {
+          field: selected.field,
+          fieldIndex: selected.index,
+          fieldTypes,
+          fields: effectiveSchema.fields,
+          onDeleteField: handleDeleteSelected,
+          onDuplicateField: handleDuplicateSelected,
+          onMoveField: handleMoveSelected,
+          onRenameField: handleRenameSelected,
+          onUpdateField: handleUpdateSelectedField,
+          readonly
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(DynamicFormEditorIssuesPanel, { issues }),
+      onSave || onCancel ? /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_themes22.Flex, { gap: "2", justify: "end", children: [
+        onCancel ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Button, { disabled: readonly, onClick: onCancel, variant: "soft", children: "\uCDE8\uC18C" }) : null,
+        onSave ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Button, { disabled: disableSave, onClick: handleSave, children: "\uC800\uC7A5" }) : null
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(DynamicFormEditorPreviewPanel, { fields: effectiveSchema.fields, show: showPreview })
+  ] });
+}
+
+// src/theme/use-theme.tsx
+var import_themes58 = require("@radix-ui/themes");
+
+// src/ui-props/index.ts
+var uiProps = __toESM(require("@radix-ui/themes/dist/cjs/props/index.js"), 1);
+
+// src/charts/horizontal-bar-chart.tsx
+var import_jsx_runtime98 = require("react/jsx-runtime");
+function HorizontalBarChart(props) {
+  const { total, value, backgroundColor, barColor, height } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+    "div",
+    {
+      className: "tipp_horizontal-bar-chart bar-wrapper",
+      style: { height, backgroundColor },
+      children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+        "div",
+        {
+          style: {
+            width: `${Math.round(value / total * 100)}%`,
+            height: "100%"
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "bar", style: { backgroundColor: barColor } })
+        }
+      )
+    }
+  );
+}
+
+// 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"],
@@ -6453,23 +7872,23 @@ var EchartDefaultProps = {
 };
 
 // src/app/platform/userInfos/coaching-customer-info/small.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 function CoachingCustomerInfoSmall({
   customer,
   children,
   badge
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
     import_themes22.Flex,
     {
       direction: { initial: "column", xs: "row" },
       gap: "3",
       justify: "between",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes6.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_themes23.Grid, { align: "center", columns: "auto auto 1fr", gapX: "3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Heading2, { variant: "heading3", children: (customer == null ? void 0 : customer.username) || "\uC774\uB984 \uC5C6\uC74C" }),
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Typo, { color: "gray", truncate: true, variant: "body", children: customer == null ? void 0 : customer.company }),
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes6.Box, { style: { justifySelf: "end" }, children: badge })
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_themes6.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_themes23.Grid, { align: "center", columns: "auto auto 1fr", gapX: "3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Heading2, { variant: "heading3", children: (customer == null ? void 0 : customer.username) || "\uC774\uB984 \uC5C6\uC74C" }),
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Typo, { color: "gray", truncate: true, variant: "body", children: customer == null ? void 0 : customer.company }),
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_themes6.Box, { style: { justifySelf: "end" }, children: badge })
         ] }) }),
         children
       ]
@@ -6480,7 +7899,7 @@ function CoachingCustomerInfoSmall({
 // src/app/platform/userInfos/utils.tsx
 var import_date_fns3 = require("date-fns");
 var import_react_icons10 = require("@radix-ui/react-icons");
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 var infoList = [
   { label: "\uC774\uB984", getValue: (customer) => customer == null ? void 0 : customer.username },
   { label: "\uC131\uBCC4", getValue: (customer) => customer == null ? void 0 : customer.gender },
@@ -6540,21 +7959,21 @@ var sessionList = [
 var renderItem = (args) => {
   const { info, data, onClickCopy } = args;
   const value = info.getValue(data);
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
     info.render ? info.render(value) : value || "-",
-    info.copyable && value ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(CopyButton, { onClickCopy, value }) : null
+    info.copyable && value ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(CopyButton, { onClickCopy, value }) : null
   ] });
 };
 var renderDataListItem = (args) => {
   const { info, data, onClickCopy } = args;
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_themes15.DataList.Item, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_themes15.DataList.Label, { children: info.label }),
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_themes15.DataList.Value, { children: renderItem({ info, data, onClickCopy }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_themes15.DataList.Item, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_themes15.DataList.Label, { children: info.label }),
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_themes15.DataList.Value, { children: renderItem({ info, data, onClickCopy }) })
   ] }, info.label);
 };
 function CopyButton(props) {
   const { value, onClickCopy } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
     Button,
     {
       color: "gray",
@@ -6563,13 +7982,13 @@ function CopyButton(props) {
       },
       style: { marginLeft: "0", marginTop: "0" },
       variant: "transparent",
-      children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_icons10.CopyIcon, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react_icons10.CopyIcon, {})
     }
   );
 }
 
 // src/app/platform/userInfos/coaching-customer-info/medium.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 function CoachingCustomerInfoMedium({
   customer,
   session,
@@ -6577,28 +7996,28 @@ function CoachingCustomerInfoMedium({
   badge,
   onClickCopy
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_themes22.Flex, { direction: "column", gap: "5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_themes6.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_themes22.Flex, { align: "center", justify: "between", mb: "1", width: "100%", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Heading2, { variant: "heading2", children: (customer == null ? void 0 : customer.username) || "\uC774\uB984 \uC5C6\uC74C" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_themes22.Flex, { direction: "column", gap: "5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_themes6.Box, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_themes22.Flex, { align: "center", justify: "between", mb: "1", width: "100%", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Heading2, { variant: "heading2", children: (customer == null ? void 0 : customer.username) || "\uC774\uB984 \uC5C6\uC74C" }),
         badge
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Heading2, { truncate: true, variant: "heading4", weight: "regular", children: customer == null ? void 0 : customer.company })
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Heading2, { truncate: true, variant: "heading4", weight: "regular", children: customer == null ? void 0 : customer.company })
     ] }),
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Card, { size: "2", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_themes15.DataList.Root, { orientation: "vertical", children: sessionList.map(
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Card, { size: "2", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_themes15.DataList.Root, { orientation: "vertical", children: sessionList.map(
       (el) => renderDataListItem({
         info: el,
         data: session,
         onClickCopy
       })
     ) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_themes23.Grid, { align: "center", columns: "auto 1fr", gap: "3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Heading2, { variant: "heading5", children: "\uACE0\uAC1D \uC815\uBCF4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_themes39.Separator, { size: "4" })
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_themes23.Grid, { align: "center", columns: "auto 1fr", gap: "3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Heading2, { variant: "heading5", children: "\uACE0\uAC1D \uC815\uBCF4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_themes39.Separator, { size: "4" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_themes22.Flex, { direction: "column", gap: "4", children: infoList.map((el) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Typo, { children: renderItem({
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_themes22.Flex, { direction: "column", gap: "4", children: infoList.map((el) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Typo, { children: renderItem({
         info: el,
         data: customer,
         onClickCopy
@@ -6608,7 +8027,7 @@ function CoachingCustomerInfoMedium({
 }
 
 // src/app/platform/userInfos/coaching-customer-info/large.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 function CoachingCustomerInfoLarge({
   customer,
   session,
@@ -6616,24 +8035,24 @@ function CoachingCustomerInfoLarge({
   badge,
   onClickCopy
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_themes22.Flex, { direction: "column", gap: "5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_themes6.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_themes22.Flex, { align: "center", justify: "between", mb: "1", width: "100%", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Heading2, { variant: "heading2", children: (customer == null ? void 0 : customer.username) || "\uC774\uB984 \uC5C6\uC74C" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_themes22.Flex, { direction: "column", gap: "5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_themes6.Box, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_themes22.Flex, { align: "center", justify: "between", mb: "1", width: "100%", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Heading2, { variant: "heading2", children: (customer == null ? void 0 : customer.username) || "\uC774\uB984 \uC5C6\uC74C" }),
         badge
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Heading2, { truncate: true, variant: "heading4", weight: "regular", children: customer == null ? void 0 : customer.company })
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Heading2, { truncate: true, variant: "heading4", weight: "regular", children: customer == null ? void 0 : customer.company })
     ] }),
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Card, { size: "2", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_themes15.DataList.Root, { children: sessionList.map(
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Card, { size: "2", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_themes15.DataList.Root, { children: sessionList.map(
       (el) => renderDataListItem({
         info: el,
         data: session,
         onClickCopy
       })
     ) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_themes39.Separator, { size: "4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_themes15.DataList.Root, { children: infoList.map(
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_themes39.Separator, { size: "4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_themes15.DataList.Root, { children: infoList.map(
       (info) => renderDataListItem({
         info,
         data: customer,
@@ -6644,19 +8063,19 @@ function CoachingCustomerInfoLarge({
 }
 
 // src/app/platform/userInfos/coaching-customer-info/index.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 function CoachingCustomerInfo(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_themes6.Box, { display: { initial: "block", sm: "none", md: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(CoachingCustomerInfoSmall, __spreadValues({}, props)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_themes6.Box, { display: { initial: "none", sm: "block", md: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(CoachingCustomerInfoMedium, __spreadValues({}, props)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_themes6.Box, { display: { initial: "none", sm: "none", md: "block" }, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(CoachingCustomerInfoLarge, __spreadValues({}, props)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_jsx_runtime103.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_themes6.Box, { display: { initial: "block", sm: "none", md: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(CoachingCustomerInfoSmall, __spreadValues({}, props)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_themes6.Box, { display: { initial: "none", sm: "block", md: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(CoachingCustomerInfoMedium, __spreadValues({}, props)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_themes6.Box, { display: { initial: "none", sm: "none", md: "block" }, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(CoachingCustomerInfoLarge, __spreadValues({}, props)) })
   ] });
 }
 
 // src/app/platform/goal-manage-card-read.tsx
-var import_react47 = require("react");
+var import_react50 = require("react");
 var import_date_fns4 = require("date-fns");
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime104 = require("react/jsx-runtime");
 function GoalManageCardRead(props) {
   const {
     title,
@@ -6670,12 +8089,12 @@ function GoalManageCardRead(props) {
     onClickIncomplete,
     onClickComplete
   } = props;
-  const [open, setOpen] = (0, import_react47.useState)(Boolean(defaultOpen));
-  const onClickOpen = (0, import_react47.useCallback)(() => {
+  const [open, setOpen] = (0, import_react50.useState)(Boolean(defaultOpen));
+  const onClickOpen = (0, import_react50.useCallback)(() => {
     setOpen((p) => !p);
   }, []);
-  const icon = open ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_icons2.ChevronUpIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_icons2.ChevronDownIcon, {});
-  const badgeMeta = (0, import_react47.useMemo)(() => {
+  const icon = open ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_icons2.ChevronUpIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_icons2.ChevronDownIcon, {});
+  const badgeMeta = (0, import_react50.useMemo)(() => {
     if (!completed && dueDate) {
       if (dueDate >= (0, import_date_fns4.startOfDay)(/* @__PURE__ */ new Date()))
         return {
@@ -6686,41 +8105,41 @@ function GoalManageCardRead(props) {
     }
     return null;
   }, [completed, dueDate]);
-  const renderSubTitle = (0, import_react47.useCallback)((subTitle) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Heading2, { mb: "2", variant: "heading5", children: subTitle });
+  const renderSubTitle = (0, import_react50.useCallback)((subTitle) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Heading2, { mb: "2", variant: "heading5", children: subTitle });
   }, []);
-  const renderSubContent = (0, import_react47.useCallback)((content) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Typo, { as: "p", color: "gray", children: content });
+  const renderSubContent = (0, import_react50.useCallback)((content) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Typo, { as: "p", color: "gray", children: content });
   }, []);
-  const renderCompleteButton = (0, import_react47.useCallback)(() => {
+  const renderCompleteButton = (0, import_react50.useCallback)(() => {
     if (completed) {
-      return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Button, { onClick: onClickIncomplete, size: "small", variant: "surface", children: "\uC9C4\uD589\uC911\uC778 \uACFC\uC81C\uB85C \uB3CC\uB824\uB193\uAE30" });
+      return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { onClick: onClickIncomplete, size: "small", variant: "surface", children: "\uC9C4\uD589\uC911\uC778 \uACFC\uC81C\uB85C \uB3CC\uB824\uB193\uAE30" });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_themes29.Popover.Root, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_themes29.Popover.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(Button, { size: "small", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_icons2.RocketIcon, {}),
+    return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_themes29.Popover.Root, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_themes29.Popover.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(Button, { size: "small", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_icons2.RocketIcon, {}),
         "\uB2EC\uC131\uD558\uAE30"
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_themes29.Popover.Content, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Typo, { color: "gray", children: "\uBAA9\uD45C\uB97C \uB2EC\uC131\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?" }),
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_themes22.Flex, { gap: "3", justify: "end", mt: "3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_themes29.Popover.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Button, { color: "gray", size: "small", variant: "outline", children: "\uC544\uB2C8\uC694" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_themes29.Popover.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Button, { onClick: onClickComplete, size: "small", children: "\uC608" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_themes29.Popover.Content, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Typo, { color: "gray", children: "\uBAA9\uD45C\uB97C \uB2EC\uC131\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?" }),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_themes22.Flex, { gap: "3", justify: "end", mt: "3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_themes29.Popover.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { color: "gray", size: "small", variant: "outline", children: "\uC544\uB2C8\uC694" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_themes29.Popover.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { onClick: onClickComplete, size: "small", children: "\uC608" }) })
         ] })
       ] })
     ] });
   }, [completed, onClickIncomplete, onClickComplete]);
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_themes23.Grid, { align: "center", columns: "auto 1fr", gapX: "3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(IconButton, { onClick: onClickOpen, variant: "ghost", children: icon }),
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Heading2, { variant: "heading4", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_themes22.Flex, { align: "center", gridColumnStart: "2", justify: "between", mt: "2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_themes22.Flex, { align: "center", gap: "3", children: [
-        badgeMeta ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Badge, __spreadValues({}, badgeMeta)) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Typo, { color: "gray", children: dueDate ? (0, import_date_fns4.format)(dueDate, "yyyy\uB144 MM\uC6D4 dd\uC77C") : null })
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_themes23.Grid, { align: "center", columns: "auto 1fr", gapX: "3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(IconButton, { onClick: onClickOpen, variant: "ghost", children: icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Heading2, { variant: "heading4", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_themes22.Flex, { align: "center", gridColumnStart: "2", justify: "between", mt: "2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_themes22.Flex, { align: "center", gap: "3", children: [
+        badgeMeta ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Badge, __spreadValues({}, badgeMeta)) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Typo, { color: "gray", children: dueDate ? (0, import_date_fns4.format)(dueDate, "yyyy\uB144 MM\uC6D4 dd\uC77C") : null })
       ] }),
       renderCompleteButton()
     ] }),
-    open ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+    open ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
       import_themes39.Separator,
       {
         mb: "4",
@@ -6729,37 +8148,37 @@ function GoalManageCardRead(props) {
         style: { gridColumnStart: "span 2" }
       }
     ) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_themes6.Box, { gridColumnStart: "2", p: "0", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(Collapse, { open, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_themes22.Flex, { direction: "column", gap: "5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_themes6.Box, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_themes6.Box, { gridColumnStart: "2", p: "0", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(Collapse, { open, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_themes22.Flex, { direction: "column", gap: "5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_themes6.Box, { children: [
           renderSubTitle(
             "\uD574\uB2F9 \uBAA9\uD45C\uB97C \uB2EC\uC131\uD558\uBA74, \uC544\uB798\uC640 \uAC19\uC740 \uACB0\uACFC\uB97C \uC5BB\uC744 \uC218 \uC788\uC2B5\uB2C8\uB2E4"
           ),
           renderSubContent(expectedEffect)
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_themes6.Box, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_themes6.Box, { children: [
           renderSubTitle(
             "\uBAA9\uD45C\uB97C \uC774\uB8E8\uAE30\uAE4C\uC9C0 \uBC29\uD574\uAC00 \uB420 \uC218 \uC788\uB294 \uC694\uC18C\uB4E4\uC740 \uB2E4\uC74C\uACFC \uAC19\uC2B5\uB2C8\uB2E4"
           ),
           renderSubContent(huddle)
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_themes22.Flex, { align: "center", gap: "3", justify: "end", mt: "3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_themes29.Popover.Root, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_themes29.Popover.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(Button, { color: "gray", size: "small", variant: "ghost", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_icons2.TrashIcon, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_themes22.Flex, { align: "center", gap: "3", justify: "end", mt: "3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_themes29.Popover.Root, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_themes29.Popover.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(Button, { color: "gray", size: "small", variant: "ghost", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_icons2.TrashIcon, {}),
             "\uC0AD\uC81C\uD558\uAE30"
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_themes29.Popover.Content, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Typo, { color: "gray", children: "\uBAA9\uD45C\uB97C \uC0AD\uC81C\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?" }),
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_themes22.Flex, { gap: "3", justify: "end", mt: "3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_themes29.Popover.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Button, { color: "gray", size: "small", variant: "outline", children: "\uC544\uB2C8\uC694" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_themes29.Popover.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Button, { onClick: onClickDelete, size: "small", children: "\uC608" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_themes29.Popover.Content, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Typo, { color: "gray", children: "\uBAA9\uD45C\uB97C \uC0AD\uC81C\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?" }),
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_themes22.Flex, { gap: "3", justify: "end", mt: "3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_themes29.Popover.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { color: "gray", size: "small", variant: "outline", children: "\uC544\uB2C8\uC694" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_themes29.Popover.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { onClick: onClickDelete, size: "small", children: "\uC608" }) })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(Button, { onClick: onClickEdit, size: "small", variant: "surface", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_icons2.Pencil1Icon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(Button, { onClick: onClickEdit, size: "small", variant: "surface", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_icons2.Pencil1Icon, {}),
           "\uC218\uC815\uD558\uAE30"
         ] })
       ] })
@@ -6768,9 +8187,9 @@ function GoalManageCardRead(props) {
 }
 
 // src/app/platform/goal-manage-card-edit.tsx
-var import_react48 = require("react");
+var import_react51 = require("react");
 var import_date_fns5 = require("date-fns");
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 var initialValues = {
   goal: "",
   effect: "",
@@ -6781,8 +8200,8 @@ var dummyFn = () => {
 };
 function GoalManageCardEdit(props) {
   const { defaultValues, errors } = props;
-  const [values, setValues] = (0, import_react48.useState)(defaultValues || initialValues);
-  const onChange = (0, import_react48.useCallback)(
+  const [values, setValues] = (0, import_react51.useState)(defaultValues || initialValues);
+  const onChange = (0, import_react51.useCallback)(
     (v) => {
       var _a;
       setValues((prev) => __spreadValues(__spreadValues({}, prev), v));
@@ -6790,20 +8209,20 @@ function GoalManageCardEdit(props) {
     },
     [props]
   );
-  const onClickInit = (0, import_react48.useCallback)(() => {
+  const onClickInit = (0, import_react51.useCallback)(() => {
     var _a;
     setValues(initialValues);
     (_a = props.onChange) == null ? void 0 : _a.call(props, defaultValues || initialValues);
   }, [defaultValues, props]);
-  const onClickSubmit = (0, import_react48.useCallback)(() => {
+  const onClickSubmit = (0, import_react51.useCallback)(() => {
     var _a;
     (_a = props.onSubmit) == null ? void 0 : _a.call(props, values);
   }, [props, values]);
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Card, { style: { width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(Form.Root, { onSubmit: dummyFn, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_themes22.Flex, { direction: "column", gap: "5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(Form.Field, { name: "title", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Form.Label, { children: "\uC774\uBC88 \uCF54\uCE6D\uC758 \uBAA9\uD45C\uB294 \uC544\uB798\uC640 \uAC19\uC2B5\uB2C8\uB2E4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Card, { style: { width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(Form.Root, { onSubmit: dummyFn, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_themes22.Flex, { direction: "column", gap: "5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(Form.Field, { name: "title", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Form.Label, { children: "\uC774\uBC88 \uCF54\uCE6D\uC758 \uBAA9\uD45C\uB294 \uC544\uB798\uC640 \uAC19\uC2B5\uB2C8\uB2E4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
           TextField.Root,
           {
             error: Boolean(errors == null ? void 0 : errors.goal),
@@ -6814,11 +8233,11 @@ function GoalManageCardEdit(props) {
             value: values.goal
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Form.Message, { forceMatch: Boolean(errors == null ? void 0 : errors.goal), children: errors == null ? void 0 : errors.goal })
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Form.Message, { forceMatch: Boolean(errors == null ? void 0 : errors.goal), children: errors == null ? void 0 : errors.goal })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(Form.Field, { name: "effect", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Form.Label, { children: "\uAE30\uB300\uD6A8\uACFC" }),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(Form.Field, { name: "effect", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Form.Label, { children: "\uAE30\uB300\uD6A8\uACFC" }),
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
           TextArea,
           {
             error: Boolean(errors == null ? void 0 : errors.effect),
@@ -6830,11 +8249,11 @@ function GoalManageCardEdit(props) {
             value: values.effect
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Form.Message, { forceMatch: Boolean(errors == null ? void 0 : errors.effect), children: errors == null ? void 0 : errors.effect })
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Form.Message, { forceMatch: Boolean(errors == null ? void 0 : errors.effect), children: errors == null ? void 0 : errors.effect })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(Form.Field, { name: "huddle", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Form.Label, { children: "\uBC29\uD574\uC694\uC18C" }),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(Form.Field, { name: "huddle", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Form.Label, { children: "\uBC29\uD574\uC694\uC18C" }),
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
           TextArea,
           {
             error: Boolean(errors == null ? void 0 : errors.huddle),
@@ -6848,11 +8267,11 @@ function GoalManageCardEdit(props) {
             value: values.huddle
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Form.Message, { forceMatch: Boolean(errors == null ? void 0 : errors.huddle), children: errors == null ? void 0 : errors.huddle })
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Form.Message, { forceMatch: Boolean(errors == null ? void 0 : errors.huddle), children: errors == null ? void 0 : errors.huddle })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(Form.Field, { name: "dueDate", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Form.Label, { children: "\uBAA9\uD45C \uB2EC\uC131 \uAE30\uD55C\uC740 \uB2E4\uC74C\uACFC \uAC19\uC2B5\uB2C8\uB2E4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(Form.Field, { name: "dueDate", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Form.Label, { children: "\uBAA9\uD45C \uB2EC\uC131 \uAE30\uD55C\uC740 \uB2E4\uC74C\uACFC \uAC19\uC2B5\uB2C8\uB2E4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
           DatePickerButton,
           {
             format: (v) => (0, import_date_fns5.format)(v, "yyyy\uB144 MM\uC6D4 dd\uC77C"),
@@ -6863,11 +8282,11 @@ function GoalManageCardEdit(props) {
             selected: values.dueDate
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Form.Message, { forceMatch: Boolean(errors == null ? void 0 : errors.dueDate), children: errors == null ? void 0 : errors.dueDate })
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Form.Message, { forceMatch: Boolean(errors == null ? void 0 : errors.dueDate), children: errors == null ? void 0 : errors.dueDate })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_themes22.Flex, { gap: "3", justify: "end", width: "100%", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_themes22.Flex, { gap: "3", justify: "end", width: "100%", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
         Button,
         {
           color: "gray",
@@ -6878,18 +8297,18 @@ function GoalManageCardEdit(props) {
           children: "\uCD08\uAE30\uD654\uD558\uAE30"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Button, { onClick: onClickSubmit, size: "small", type: "button", children: "\uC800\uC7A5\uD558\uAE30" })
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Button, { onClick: onClickSubmit, size: "small", type: "button", children: "\uC800\uC7A5\uD558\uAE30" })
     ] })
   ] }) });
 }
 
 // src/app/platform/session-card.tsx
-var import_react51 = require("react");
+var import_react54 = require("react");
 var import_date_fns6 = require("date-fns");
 
 // src/app/platform/edit-coaching-time.tsx
-var import_react49 = require("react");
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_react52 = require("react");
+var import_jsx_runtime106 = require("react/jsx-runtime");
 var getValueFromDefaultValue = (args) => {
   return {
     startTime: args.startAt ? getTimeOption(args.startAt) : "00:00",
@@ -6909,14 +8328,14 @@ var getDateFromValue = (date, time) => {
 };
 function EditCoachingTime(props) {
   const { defaultEndAt, defaultStartAt, onClickCancel } = props;
-  const [values, setValues] = (0, import_react49.useState)(() => {
+  const [values, setValues] = (0, import_react52.useState)(() => {
     return getValueFromDefaultValue({
       startAt: defaultStartAt,
       endAt: defaultEndAt
     });
   });
-  const [timeError, setTimeError] = (0, import_react49.useState)("");
-  const checkTimeError = (0, import_react49.useCallback)(
+  const [timeError, setTimeError] = (0, import_react52.useState)("");
+  const checkTimeError = (0, import_react52.useCallback)(
     (startTime, endTime) => {
       const error = startTime >= endTime ? "\uC2DC\uC791\uC2DC\uAC04\uC744 \uC885\uB8CC\uC2DC\uAC04\uBCF4\uB2E4 \uBE60\uB974\uAC8C \uC120\uD0DD\uD574\uC8FC\uC138\uC694." : "";
       if (error) {
@@ -6927,7 +8346,7 @@ function EditCoachingTime(props) {
     },
     []
   );
-  const onChangeStartTime = (0, import_react49.useCallback)(
+  const onChangeStartTime = (0, import_react52.useCallback)(
     (v) => {
       checkTimeError(v, values.endTime);
       setValues((prev) => __spreadProps(__spreadValues({}, prev), {
@@ -6936,7 +8355,7 @@ function EditCoachingTime(props) {
     },
     [checkTimeError, values.endTime]
   );
-  const onChangeEndTime = (0, import_react49.useCallback)(
+  const onChangeEndTime = (0, import_react52.useCallback)(
     (v) => {
       checkTimeError(values.startTime, v);
       setValues((prev) => __spreadProps(__spreadValues({}, prev), {
@@ -6945,12 +8364,12 @@ function EditCoachingTime(props) {
     },
     [checkTimeError, values.startTime]
   );
-  const onChangeDate = (0, import_react49.useCallback)((date) => {
+  const onChangeDate = (0, import_react52.useCallback)((date) => {
     date && setValues((prev) => __spreadProps(__spreadValues({}, prev), {
       date
     }));
   }, []);
-  const onClickSave = (0, import_react49.useCallback)(() => {
+  const onClickSave = (0, import_react52.useCallback)(() => {
     if (checkTimeError(values.startTime, values.endTime)) {
       const startAt = getDateFromValue(values.date, values.startTime);
       const endAt = getDateFromValue(values.date, values.endTime);
@@ -6959,10 +8378,10 @@ function EditCoachingTime(props) {
       import_react_toastify2.toast.error("\uC785\uB825 \uAC12\uC774 \uC720\uD6A8\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4.");
     }
   }, [checkTimeError, props, values.date, values.endTime, values.startTime]);
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_themes6.Box, { width: { initial: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(Form.Root, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(Form.Field, { name: "date", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Form.Label, { variant: "caption", children: "\uB0A0\uC9DC" }),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_themes6.Box, { width: { initial: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(Form.Root, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(Form.Field, { name: "date", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Form.Label, { variant: "caption", children: "\uB0A0\uC9DC" }),
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
         DatePickerButton,
         {
           maxDate: /* @__PURE__ */ new Date(),
@@ -6972,7 +8391,7 @@ function EditCoachingTime(props) {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
       import_themes23.Grid,
       {
         align: "center",
@@ -6987,10 +8406,10 @@ function EditCoachingTime(props) {
         mt: "5",
         width: "100%",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Form.Field, { name: "startTime", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Form.Label, { variant: "caption", children: "\uC2DC\uC791 \uC2DC\uAC04" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Form.Field, { name: "endTime", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Form.Label, { variant: "caption", children: "\uC885\uB8CC \uC2DC\uAC04" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Form.Field, { name: "startTime", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Form.Label, { variant: "caption", children: "\uC2DC\uC791 \uC2DC\uAC04" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Form.Field, { name: "endTime", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Form.Label, { variant: "caption", children: "\uC885\uB8CC \uC2DC\uAC04" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
             TimeSelect,
             {
               onValueChange: onChangeStartTime,
@@ -6998,8 +8417,8 @@ function EditCoachingTime(props) {
               value: values.startTime
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_themes6.Box, { overflow: "hidden", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_themes39.Separator, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_themes6.Box, { overflow: "hidden", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_themes39.Separator, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
             TimeSelect,
             {
               onValueChange: onChangeEndTime,
@@ -7007,36 +8426,36 @@ function EditCoachingTime(props) {
               value: values.endTime
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Form.Field, { name: "startEndTime", style: { gridColumn: "1/span 3" }, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Form.Message, { forceMatch: Boolean(timeError), children: timeError }) })
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Form.Field, { name: "startEndTime", style: { gridColumn: "1/span 3" }, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Form.Message, { forceMatch: Boolean(timeError), children: timeError }) })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_themes22.Flex, { gap: "3", justify: "end", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Dialog.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Button, { onClick: onClickCancel, type: "button", variant: "outline", children: "\uCDE8\uC18C\uD558\uAE30" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Dialog.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Button, { onClick: onClickSave, type: "button", children: "\uC800\uC7A5\uD558\uAE30" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(import_themes22.Flex, { gap: "3", justify: "end", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Dialog.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Button, { onClick: onClickCancel, type: "button", variant: "outline", children: "\uCDE8\uC18C\uD558\uAE30" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Dialog.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Button, { onClick: onClickSave, type: "button", children: "\uC800\uC7A5\uD558\uAE30" }) })
     ] })
   ] }) });
 }
 
 // src/app/platform/edit-service-type.tsx
-var import_react50 = require("react");
+var import_react53 = require("react");
 
 // src/app/platform/on-offline-radio-card.tsx
 var import_react_icons11 = require("@radix-ui/react-icons");
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_jsx_runtime107 = require("react/jsx-runtime");
 var SERVICE_TYPE = {
   onlineCoaching: "onlineCoaching",
   offlineCoaching: "offlineCoaching"
 };
 var breakpoint = "sm";
 function HideSmallBox(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_themes6.Box, { display: { initial: "none", [breakpoint]: "block" }, children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_themes6.Box, { display: { initial: "none", [breakpoint]: "block" }, children: props.children });
 }
 function OnOfflineRadioCard(props) {
   const Wrapper = props.response ? HideSmallBox : (p) => p.children;
   const columns = props.response ? { initial: "2", [breakpoint]: "1" } : "1";
   const justify = props.response ? { initial: "center", [breakpoint]: "between" } : "between";
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
     RadioButtonCard.Root,
     __spreadProps(__spreadValues({
       RadioWrapper: Wrapper,
@@ -7045,13 +8464,13 @@ function OnOfflineRadioCard(props) {
       justify
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(RadioButtonCard.Item, { value: SERVICE_TYPE.onlineCoaching, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_themes22.Flex, { align: "center", gap: "2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Wrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react_icons11.GlobeIcon, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Typo, { children: "\uC628\uB77C\uC778" })
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(RadioButtonCard.Item, { value: SERVICE_TYPE.onlineCoaching, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_themes22.Flex, { align: "center", gap: "2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Wrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_react_icons11.GlobeIcon, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Typo, { children: "\uC628\uB77C\uC778" })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(RadioButtonCard.Item, { value: SERVICE_TYPE.offlineCoaching, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_themes22.Flex, { align: "center", gap: "2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Wrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react_icons11.BackpackIcon, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Typo, { children: "\uC624\uD504\uB77C\uC778" })
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(RadioButtonCard.Item, { value: SERVICE_TYPE.offlineCoaching, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_themes22.Flex, { align: "center", gap: "2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Wrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_react_icons11.BackpackIcon, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Typo, { children: "\uC624\uD504\uB77C\uC778" })
         ] }) })
       ]
     })
@@ -7059,18 +8478,18 @@ function OnOfflineRadioCard(props) {
 }
 
 // src/app/platform/edit-service-type.tsx
-var import_jsx_runtime103 = require("react/jsx-runtime");
+var import_jsx_runtime108 = require("react/jsx-runtime");
 function EditServiceType(props) {
   const { defaultServiceType, onClickCancel } = props;
-  const [sessionType, setSessionType] = (0, import_react50.useState)(
+  const [sessionType, setSessionType] = (0, import_react53.useState)(
     defaultServiceType
   );
-  const onClickSave = (0, import_react50.useCallback)(() => {
+  const onClickSave = (0, import_react53.useCallback)(() => {
     var _a;
     (_a = props.onClickSave) == null ? void 0 : _a.call(props, sessionType);
   }, [props, sessionType]);
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_themes6.Box, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(import_themes6.Box, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
       Typo,
       {
         as: "p",
@@ -7080,16 +8499,16 @@ function EditServiceType(props) {
         children: "\uC138\uC158 \uC720\uD615\uC5D0 \uB530\uB77C \uCC45\uC815\uB418\uB294 \uCF54\uCE6D \uAE08\uC561\uC774 \uB2EC\uB77C\uC9C0\uBBC0\uB85C, \uC815\uD655\uD558\uAC8C \uC120\uD0DD\uD574\uC8FC\uC138\uC694"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(OnOfflineRadioCard, { onValueChange: setSessionType, value: sessionType }),
-    /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_themes22.Flex, { gap: "3", justify: "end", mt: { initial: "6", xs: "3" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Dialog.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Button, { color: "gray", onClick: onClickCancel, variant: "outline", children: "\uCDE8\uC18C\uD558\uAE30" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Dialog.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Button, { onClick: onClickSave, children: "\uC800\uC7A5\uD558\uAE30" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(OnOfflineRadioCard, { onValueChange: setSessionType, value: sessionType }),
+    /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(import_themes22.Flex, { gap: "3", justify: "end", mt: { initial: "6", xs: "3" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Dialog.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Button, { color: "gray", onClick: onClickCancel, variant: "outline", children: "\uCDE8\uC18C\uD558\uAE30" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Dialog.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Button, { onClick: onClickSave, children: "\uC800\uC7A5\uD558\uAE30" }) })
     ] })
   ] });
 }
 
 // src/app/platform/session-card.tsx
-var import_jsx_runtime104 = require("react/jsx-runtime");
+var import_jsx_runtime109 = require("react/jsx-runtime");
 var preventDefault4 = (e) => {
   e.preventDefault();
 };
@@ -7119,33 +8538,33 @@ function SessionCard(props) {
     "endAt",
     "sessionType"
   ]);
-  const renderEditButton = (0, import_react51.useCallback)(() => {
-    return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { color: "gray", ml: "2", variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_icons2.Pencil1Icon, {}) });
+  const renderEditButton = (0, import_react54.useCallback)(() => {
+    return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Button, { color: "gray", ml: "2", variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react_icons2.Pencil1Icon, {}) });
   }, []);
-  const sessionTimeStr = (0, import_react51.useMemo)(() => {
+  const sessionTimeStr = (0, import_react54.useMemo)(() => {
     if (!startAt || !endAt) return "\uC54C \uC218 \uC5C6\uC74C";
     return `${(0, import_date_fns6.format)(startAt, "yyyy\uB144 MM\uC6D4 dd\uC77C HH\uC2DC mm\uBD84")} ~ ${(0, import_date_fns6.format)(endAt, "HH\uC2DC mm\uBD84")}`;
   }, [startAt, endAt]);
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Card, __spreadProps(__spreadValues({ error: Boolean(error) }, rest), { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_themes22.Flex, { direction: "column", gap: "3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_themes22.Flex, { align: "center", width: "100%", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Heading2, { variant: "heading4", children: `${userName || "\uC54C \uC218 \uC5C6\uC74C"}\uB2D8 ${sessionNumber || "-"}\uD68C\uCC28` }),
+  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Card, __spreadProps(__spreadValues({ error: Boolean(error) }, rest), { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_themes22.Flex, { direction: "column", gap: "3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_themes22.Flex, { align: "center", width: "100%", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Heading2, { variant: "heading4", children: `${userName || "\uC54C \uC218 \uC5C6\uC74C"}\uB2D8 ${sessionNumber || "-"}\uD68C\uCC28` }),
       TitleExtra,
-      error ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(BulletText, { as: "p", color: "red", variant: "caption", children: error }) : null
+      error ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(BulletText, { as: "p", color: "red", variant: "caption", children: error }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_themes15.DataList.Root, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_themes15.DataList.Item, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_themes15.DataList.Label, { children: "\uCF54\uCE6D \uC77C\uC2DC" }),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_themes15.DataList.Value, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_themes15.DataList.Root, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_themes15.DataList.Item, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_themes15.DataList.Label, { children: "\uCF54\uCE6D \uC77C\uC2DC" }),
+        /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_themes15.DataList.Value, { children: [
           sessionTimeStr,
-          editable ? /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(Dialog.Root, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Dialog.Trigger, { children: renderEditButton() }),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+          editable ? /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Dialog.Root, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Dialog.Trigger, { children: renderEditButton() }),
+            /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
               Dialog.Content,
               {
                 onOpenAutoFocus: preventDefault4,
                 style: { overflow: "visible" },
                 title: `${sessionNumber}\uD68C\uCC28 \uC138\uC158 \uC77C\uC2DC \uBCC0\uACBD\uD558\uAE30`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
                   EditCoachingTime,
                   {
                     defaultEndAt: endAt,
@@ -7158,18 +8577,18 @@ function SessionCard(props) {
           ] }) : null
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_themes23.Grid, { columns: { initial: "1", xs: "2" }, style: { gap: "inherit" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_themes15.DataList.Item, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_themes15.DataList.Label, { children: "\uC138\uC158 \uCC38\uC5EC \uBC29\uC2DD" }),
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_themes15.DataList.Value, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_themes23.Grid, { columns: { initial: "1", xs: "2" }, style: { gap: "inherit" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_themes15.DataList.Item, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_themes15.DataList.Label, { children: "\uC138\uC158 \uCC38\uC5EC \uBC29\uC2DD" }),
+          /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_themes15.DataList.Value, { children: [
             sessionType === "offlineCoaching" ? "\uC624\uD504\uB77C\uC778" : "\uC628\uB77C\uC778",
-            editable ? /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(Dialog.Root, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Dialog.Trigger, { children: renderEditButton() }),
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+            editable ? /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Dialog.Root, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Dialog.Trigger, { children: renderEditButton() }),
+              /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
                 Dialog.Content,
                 {
                   title: `${sessionNumber}\uD68C\uCC28 \uC138\uC158 \uC9C4\uD589 \uBC29\uC2DD \uBCC0\uACBD\uD558\uAE30`,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
                     EditServiceType,
                     {
                       defaultServiceType: sessionType,
@@ -7181,33 +8600,33 @@ function SessionCard(props) {
             ] }) : null
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_themes22.Flex, { gap: "2", justify: "end", children: ExtraButtons })
+        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_themes22.Flex, { gap: "2", justify: "end", children: ExtraButtons })
       ] })
     ] })
   ] }) }));
 }
 
 // src/app/platform/coach-question-list.tsx
-var import_jsx_runtime105 = require("react/jsx-runtime");
+var import_jsx_runtime110 = require("react/jsx-runtime");
 function QuestionItem({ question, answer }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_themes6.Box, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Heading2, { mb: "2", variant: "heading5", children: question }),
-    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Card, { children: answer ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Typo, { as: "p", children: answer }) : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Typo, { color: "gray", children: "\uB4F1\uB85D\uB41C \uB2F5\uBCC0\uC774 \uC5C6\uC2B5\uB2C8\uB2E4." }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_themes6.Box, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Heading2, { mb: "2", variant: "heading5", children: question }),
+    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Card, { children: answer ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Typo, { as: "p", children: answer }) : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Typo, { color: "gray", children: "\uB4F1\uB85D\uB41C \uB2F5\uBCC0\uC774 \uC5C6\uC2B5\uB2C8\uB2E4." }) })
   ] }, question);
 }
 function CoachQuestionList({
   questions
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_themes22.Flex, { direction: "column", gap: "8", children: questions.map((question) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(QuestionItem, __spreadValues({}, question), question.question);
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_themes22.Flex, { direction: "column", gap: "8", children: questions.map((question) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(QuestionItem, __spreadValues({}, question), question.question);
   }) });
 }
 
 // src/app/platform/reservation-card.tsx
-var import_react52 = require("react");
+var import_react55 = require("react");
 var import_date_fns7 = require("date-fns");
 var import_locale2 = require("date-fns/locale");
-var import_jsx_runtime106 = require("react/jsx-runtime");
+var import_jsx_runtime111 = require("react/jsx-runtime");
 function ReservationCard(props) {
   const {
     sessionNumber,
@@ -7222,29 +8641,29 @@ function ReservationCard(props) {
     onClickCancel,
     onClickCompleteSession
   } = props;
-  const [editValues, setEditValues] = (0, import_react52.useState)({
+  const [editValues, setEditValues] = (0, import_react55.useState)({
     date: props.defaultTime,
     type: props.defaultType
   });
   const date = readonly ? defaultTime : editValues.date;
   const type = readonly ? defaultType : editValues.type;
-  const onClickSave = (0, import_react52.useCallback)(() => {
+  const onClickSave = (0, import_react55.useCallback)(() => {
     var _a;
     (_a = props.onClickSave) == null ? void 0 : _a.call(props, editValues);
   }, [editValues, props]);
-  const onClickReset = (0, import_react52.useCallback)(() => {
+  const onClickReset = (0, import_react55.useCallback)(() => {
     setEditValues({
       date: defaultTime,
       type: defaultType
     });
   }, [defaultTime, defaultType]);
-  const ActionButtons = (0, import_react52.useMemo)(() => {
+  const ActionButtons = (0, import_react55.useMemo)(() => {
     if (readonly) {
-      return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Button, { onClick: onClickReserve, size: "small", variant: "surface", children: defaultTime && defaultType ? "\uC608\uC57D \uC218\uC815\uD558\uAE30" : "\uC608\uC57D\uD558\uAE30" });
+      return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Button, { onClick: onClickReserve, size: "small", variant: "surface", children: defaultTime && defaultType ? "\uC608\uC57D \uC218\uC815\uD558\uAE30" : "\uC608\uC57D\uD558\uAE30" });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Button, { color: "gray", onClick: onClickCancel, variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react_icons2.Cross1Icon, {}) });
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Button, { color: "gray", onClick: onClickCancel, variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react_icons2.Cross1Icon, {}) });
   }, [defaultTime, defaultType, onClickCancel, onClickReserve, readonly]);
-  const onChangeDate = (0, import_react52.useCallback)((newDate) => {
+  const onChangeDate = (0, import_react55.useCallback)((newDate) => {
     if (!newDate) return;
     setEditValues((prev) => {
       return __spreadProps(__spreadValues({}, prev), {
@@ -7252,17 +8671,17 @@ function ReservationCard(props) {
       });
     });
   }, []);
-  const onChangeType = (0, import_react52.useCallback)((newType) => {
+  const onChangeType = (0, import_react55.useCallback)((newType) => {
     setEditValues((prev) => {
       return __spreadProps(__spreadValues({}, prev), {
         type: newType
       });
     });
   }, []);
-  const formatDate = (0, import_react52.useCallback)((v) => {
+  const formatDate = (0, import_react55.useCallback)((v) => {
     return (0, import_date_fns7.format)(v, "yyyy\uB144 MM\uC6D4 dd\uC77C(EEE) aa h:mm", { locale: import_locale2.ko });
   }, []);
-  (0, import_react52.useEffect)(() => {
+  (0, import_react55.useEffect)(() => {
     if (!minTime || !editValues.date || readonly) return;
     if (editValues.date < minTime) {
       import_react_toastify2.toast.warn("\uC120\uD0DD \uAC00\uB2A5\uD55C \uC2DC\uAC04\uB300\uB85C \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
@@ -7273,7 +8692,7 @@ function ReservationCard(props) {
       });
     }
   }, [editValues, minTime, readonly]);
-  (0, import_react52.useEffect)(() => {
+  (0, import_react55.useEffect)(() => {
     if (!maxTime || !editValues.date || readonly) return;
     if (editValues.date > maxTime) {
       import_react_toastify2.toast.warn("\uC120\uD0DD \uAC00\uB2A5\uD55C \uC2DC\uAC04\uB300\uB85C \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
@@ -7284,39 +8703,39 @@ function ReservationCard(props) {
       });
     }
   }, [editValues, maxTime, readonly]);
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
     Card,
     {
       error: Boolean(error),
       size: "3",
       style: { overflow: "visible", contain: "initial" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(import_themes22.Flex, { gap: "3", justify: "between", mb: "5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_themes22.Flex, { gap: "3", justify: "between", mb: "5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
             import_themes23.Grid,
             {
               align: "center",
               columns: { initial: "1", xs: "auto 1fr" },
               gapY: "2",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(import_themes22.Flex, { align: "center", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(Heading2, { variant: "heading4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_themes22.Flex, { align: "center", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(Heading2, { variant: "heading4", children: [
                     customerName || "-",
                     "\uB2D8 ",
                     sessionNumber || "-",
                     "\uD68C\uCC28 \uC138\uC158"
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Badge, { ml: "2", children: "\uB2E4\uC74C \uC138\uC158" })
+                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Badge, { ml: "2", children: "\uB2E4\uC74C \uC138\uC158" })
                 ] }),
-                error ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(BulletText, { color: "red", variant: "caption", children: error }) : null
+                error ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(BulletText, { color: "red", variant: "caption", children: error }) : null
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_themes22.Flex, { children: ActionButtons })
+          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_themes22.Flex, { children: ActionButtons })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_themes6.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(import_themes22.Flex, { direction: "column", gap: "5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Heading2, { mb: "2", variant: "heading5", weight: "regular", children: "\uC138\uC158 \uC77C\uC790\uC640 \uC2DC\uAC01" }),
-          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_themes6.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_themes22.Flex, { direction: "column", gap: "5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Heading2, { mb: "2", variant: "heading5", weight: "regular", children: "\uC138\uC158 \uC77C\uC790\uC640 \uC2DC\uAC01" }),
+          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
             DatePickerButton,
             {
               disabled: readonly,
@@ -7330,8 +8749,8 @@ function ReservationCard(props) {
               size: "large"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Heading2, { mb: "2", variant: "heading5", weight: "regular", children: "\uC628/\uC624\uD504\uB77C\uC778 \uC9C4\uD589 \uC5EC\uBD80" }),
-          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Heading2, { mb: "2", variant: "heading5", weight: "regular", children: "\uC628/\uC624\uD504\uB77C\uC778 \uC9C4\uD589 \uC5EC\uBD80" }),
+          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
             OnOfflineRadioCard,
             {
               disabled: readonly,
@@ -7340,8 +8759,8 @@ function ReservationCard(props) {
               value: type
             }
           ),
-          readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(import_themes22.Flex, { align: "center", gap: "3", justify: "end", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+          readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_themes22.Flex, { align: "center", gap: "3", justify: "end", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
               Button,
               {
                 color: "gray",
@@ -7351,10 +8770,10 @@ function ReservationCard(props) {
                 children: "\uCD08\uAE30\uD654\uD558\uAE30"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Button, { onClick: onClickSave, size: "small", children: "\uC800\uC7A5\uD558\uAE30" })
+            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Button, { onClick: onClickSave, size: "small", children: "\uC800\uC7A5\uD558\uAE30" })
           ] })
         ] }) }),
-        readonly ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_themes25.Inset, { clip: "border-box", side: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+        readonly ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_themes25.Inset, { clip: "border-box", side: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
           import_themes6.Box,
           {
             mt: "5",
@@ -7362,14 +8781,14 @@ function ReservationCard(props) {
             py: "4",
             style: { backgroundColor: "var(--accent-a3)" },
             width: "100%",
-            children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(import_themes22.Flex, { align: "center", gap: "4", justify: "center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(Typo, { children: [
+            children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_themes22.Flex, { align: "center", gap: "4", justify: "center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(Typo, { children: [
                 sessionNumber || "-",
                 "\uD68C\uCC28 \uC138\uC158\uC744 \uC644\uB8CC\uD558\uC168\uB098\uC694?"
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(Button, { onClick: onClickCompleteSession, size: "small", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(Button, { onClick: onClickCompleteSession, size: "small", children: [
                 "\uC138\uC158 \uC885\uB8CC\uD558\uAE30",
-                /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react_icons2.ArrowRightIcon, {})
+                /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react_icons2.ArrowRightIcon, {})
               ] })
             ] })
           }
@@ -7380,22 +8799,22 @@ function ReservationCard(props) {
 }
 
 // src/app/platform/session-review-simple-read.tsx
-var import_react53 = require("react");
-var import_jsx_runtime107 = require("react/jsx-runtime");
+var import_react56 = require("react");
+var import_jsx_runtime112 = require("react/jsx-runtime");
 function SubTitleWrapper({
   children,
   title
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_themes22.Flex, { direction: "column", gap: "2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Heading2, { mb: "2", variant: "heading5", weight: "regular", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_themes6.Box, { children })
+  return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(import_themes22.Flex, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Heading2, { mb: "2", variant: "heading5", weight: "regular", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_themes6.Box, { children })
   ] });
 }
 function SessionReviewSimpleRead({
   helpfulness,
   review
 }) {
-  const helpfulnessMeta = (0, import_react53.useMemo)(() => {
+  const helpfulnessMeta = (0, import_react56.useMemo)(() => {
     if (helpfulness) {
       return {
         text: "\uB124",
@@ -7413,22 +8832,22 @@ function SessionReviewSimpleRead({
       color: "error"
     };
   }, [helpfulness]);
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_themes6.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_themes22.Flex, { direction: "column", gap: "5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(SubTitleWrapper, { title: "\uC774\uBC88 \uCF54\uCE6D\uC774 \uBAA9\uD45C \uB2EC\uC131\uC5D0 \uB3C4\uC6C0\uC774 \uB418\uC5C8\uB098\uC694?", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Badge, { color: helpfulnessMeta.color, children: helpfulnessMeta.text }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(SubTitleWrapper, { title: "\uC138\uC158 \uD6C4\uAE30", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Card, { children: review ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Typo, { as: "p", children: review }) : /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Typo, { color: "gray", children: "\uC785\uB825\uB41C \uD6C4\uAE30\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }) }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_themes6.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(import_themes22.Flex, { direction: "column", gap: "5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(SubTitleWrapper, { title: "\uC774\uBC88 \uCF54\uCE6D\uC774 \uBAA9\uD45C \uB2EC\uC131\uC5D0 \uB3C4\uC6C0\uC774 \uB418\uC5C8\uB098\uC694?", children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Badge, { color: helpfulnessMeta.color, children: helpfulnessMeta.text }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(SubTitleWrapper, { title: "\uC138\uC158 \uD6C4\uAE30", children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Card, { children: review ? /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Typo, { as: "p", children: review }) : /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Typo, { color: "gray", children: "\uC785\uB825\uB41C \uD6C4\uAE30\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }) }) })
   ] }) });
 }
 
 // src/app/platform/userInfos/session-user-info-detail.tsx
-var import_jsx_runtime108 = require("react/jsx-runtime");
+var import_jsx_runtime113 = require("react/jsx-runtime");
 function SectionWrapper({
   title,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(import_themes6.Box, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(import_themes23.Grid, { align: "center", columns: "auto 1fr", gap: "3", mb: "5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Heading2, { variant: "heading5", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_themes39.Separator, { size: "4" })
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_themes6.Box, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_themes23.Grid, { align: "center", columns: "auto 1fr", gap: "3", mb: "5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Heading2, { variant: "heading5", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_themes39.Separator, { size: "4" })
     ] }),
     children
   ] });
@@ -7438,22 +8857,22 @@ function SessionUserInfoDetail({
   session,
   onClickCopy
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(import_themes22.Flex, { direction: "column", gap: "6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(SectionWrapper, { title: "\uC138\uC158 \uC815\uBCF4", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_themes15.DataList.Root, { children: sessionList.map(
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_themes22.Flex, { direction: "column", gap: "6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(SectionWrapper, { title: "\uC138\uC158 \uC815\uBCF4", children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_themes15.DataList.Root, { children: sessionList.map(
       (info) => renderDataListItem({ info, data: session, onClickCopy })
     ) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(SectionWrapper, { title: "\uD68C\uC6D0 \uC815\uBCF4", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_themes15.DataList.Root, { children: infoList.map(
+    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(SectionWrapper, { title: "\uD68C\uC6D0 \uC815\uBCF4", children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_themes15.DataList.Root, { children: infoList.map(
       (info) => renderDataListItem({ info, data: customer, onClickCopy })
     ) }) })
   ] });
 }
 
 // src/app/platform/report-card.tsx
-var import_react54 = require("react");
-var import_jsx_runtime109 = require("react/jsx-runtime");
+var import_react57 = require("react");
+var import_jsx_runtime114 = require("react/jsx-runtime");
 function ReportCard(props) {
   const { title, file, status, subtitle } = props;
-  const onClickDownload = (0, import_react54.useCallback)(() => {
+  const onClickDownload = (0, import_react57.useCallback)(() => {
     if (!file) return;
     const { url, fileName } = file;
     const link = document.createElement("a");
@@ -7465,24 +8884,24 @@ function ReportCard(props) {
     document.body.removeChild(link);
   }, [file]);
   if (status) {
-    return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_themes22.Flex, { align: "center", justify: "between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Heading2, { variant: "heading4", children: title }),
+    return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(import_themes22.Flex, { align: "center", justify: "between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Heading2, { variant: "heading4", children: title }),
       status
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
     import_themes22.Flex,
     {
       direction: { initial: "column", xs: "row" },
       gapY: "2",
       justify: "between",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_themes6.Box, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Heading2, { variant: "heading4", children: title }),
-          subtitle ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Typo, { color: "gray", children: subtitle }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(import_themes6.Box, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Heading2, { variant: "heading4", children: title }),
+          subtitle ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Typo, { color: "gray", children: subtitle }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Button, { onClick: onClickDownload, variant: "surface", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_themes22.Flex, { gap: "2", width: "100%", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react_icons2.DownloadIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { onClick: onClickDownload, variant: "surface", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(import_themes22.Flex, { gap: "2", width: "100%", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_react_icons2.DownloadIcon, {}),
           file == null ? void 0 : file.buttonName
         ] }) }, file == null ? void 0 : file.url)
       ]
@@ -7491,9 +8910,9 @@ function ReportCard(props) {
 }
 
 // src/app/platform/contents-card.tsx
-var import_react55 = require("react");
-var import_jsx_runtime110 = require("react/jsx-runtime");
-var ContentsCard = (0, import_react55.forwardRef)(
+var import_react58 = require("react");
+var import_jsx_runtime115 = require("react/jsx-runtime");
+var ContentsCard = (0, import_react58.forwardRef)(
   ({
     title,
     description,
@@ -7503,7 +8922,7 @@ var ContentsCard = (0, import_react55.forwardRef)(
     onClickCard,
     isLoading = false
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
       Card,
       {
         onClick: onClickCard,
@@ -7516,7 +8935,7 @@ var ContentsCard = (0, import_react55.forwardRef)(
           maxHeight: "450px"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_themes25.Inset, { clip: "padding-box", pb: "0", side: "top", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_themes40.Skeleton, { loading: isLoading, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_themes25.Inset, { clip: "padding-box", pb: "0", side: "top", children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_themes40.Skeleton, { loading: isLoading, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
             import_themes6.Box,
             {
               height: "210px",
@@ -7528,12 +8947,12 @@ var ContentsCard = (0, import_react55.forwardRef)(
               width: "100%"
             }
           ) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_themes22.Flex, { direction: "column", p: "4", pb: "3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_themes6.Box, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_themes40.Skeleton, { loading: isLoading, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Heading2, { mb: "3", variant: "heading5", children: title }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_themes40.Skeleton, { loading: isLoading, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Typo, { as: "p", variant: "caption", children: description }) })
+          /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(import_themes22.Flex, { direction: "column", p: "4", pb: "3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(import_themes6.Box, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_themes40.Skeleton, { loading: isLoading, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Heading2, { mb: "3", variant: "heading5", children: title }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_themes40.Skeleton, { loading: isLoading, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Typo, { as: "p", variant: "caption", children: description }) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
               import_themes23.Grid,
               {
                 align: "center",
@@ -7543,10 +8962,10 @@ var ContentsCard = (0, import_react55.forwardRef)(
                 style: { marginTop: "auto" },
                 width: "100%",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_themes40.Skeleton, { loading: isLoading, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_themes22.Flex, { gap: "3", overflow: "hidden", children: footer }) }),
-                  Boolean(dropdownItems == null ? void 0 : dropdownItems.length) && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(DropdownMenu.Root, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(DropdownMenu.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Button, { size: "large", variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_react_icons2.DotsVerticalIcon, { color: "gray", height: "20px", width: "20px" }) }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(DropdownMenu.Content, { children: dropdownItems == null ? void 0 : dropdownItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_themes40.Skeleton, { loading: isLoading, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_themes22.Flex, { gap: "3", overflow: "hidden", children: footer }) }),
+                  Boolean(dropdownItems == null ? void 0 : dropdownItems.length) && /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(DropdownMenu.Root, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(DropdownMenu.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Button, { size: "large", variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react_icons2.DotsVerticalIcon, { color: "gray", height: "20px", width: "20px" }) }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(DropdownMenu.Content, { children: dropdownItems == null ? void 0 : dropdownItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
                       DropdownMenu.Item,
                       {
                         onClick: (e) => {
@@ -7570,7 +8989,7 @@ var ContentsCard = (0, import_react55.forwardRef)(
 ContentsCard.displayName = "ContentsCard";
 
 // src/app/platform/curriculum-card.tsx
-var import_jsx_runtime111 = require("react/jsx-runtime");
+var import_jsx_runtime116 = require("react/jsx-runtime");
 function CurriculumCard(props) {
   const {
     title,
@@ -7581,7 +9000,7 @@ function CurriculumCard(props) {
     bgColor,
     onClick
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
     import_themes23.Grid,
     {
       columns: { initial: "1", sm: "275px 1fr" },
@@ -7590,7 +9009,7 @@ function CurriculumCard(props) {
       onClick,
       style: { cursor: "pointer" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
           import_themes6.Box,
           {
             height: "165px",
@@ -7605,32 +9024,32 @@ function CurriculumCard(props) {
               backgroundAttachment: "local"
             },
             width: "100%",
-            children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Heading2, { style: { whiteSpace: "break-spaces" }, variant: "heading3", children: imgTitle })
+            children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Heading2, { style: { whiteSpace: "break-spaces" }, variant: "heading3", children: imgTitle })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_themes22.Flex, { direction: "column", gap: "3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_themes23.Grid, { columns: { initial: "1", xs: "1fr auto" }, gapY: "3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Heading2, { variant: "heading4", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(import_themes22.Flex, { direction: "column", gap: "3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(import_themes23.Grid, { columns: { initial: "1", xs: "1fr auto" }, gapY: "3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Heading2, { variant: "heading4", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
               Badge,
               {
                 size: "medium",
                 style: { justifySelf: "flex-start" },
                 variant: "outline",
-                children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_themes22.Flex, { align: "center", gap: "1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react_icons2.TimerIcon, {}),
+                children: /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(import_themes22.Flex, { align: "center", gap: "1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react_icons2.TimerIcon, {}),
                   runningTime
                 ] })
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_themes6.Box, { style: { marginBottom: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("ul", { style: { margin: 0, paddingLeft: 20 }, children: description == null ? void 0 : description.map((el) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("li", { style: { marginBottom: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Heading2, { truncate: true, variant: "heading5", weight: "regular", children: el }) }, el);
+          /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_themes6.Box, { style: { marginBottom: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("ul", { style: { margin: 0, paddingLeft: 20 }, children: description == null ? void 0 : description.map((el) => {
+            return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("li", { style: { marginBottom: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Heading2, { truncate: true, variant: "heading5", weight: "regular", children: el }) }, el);
           }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_themes39.Separator, { size: "4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_themes22.Flex, { align: "center", gap: "2", justify: "end", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Typo, { color: "gray", children: "\uAC15\uC758 \uB4E3\uACE0 \uCF54\uCE58\uB2D8\uACFC \uBB34\uC81C\uD55C Q&A" }),
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react_icons2.ArrowRightIcon, { color: "gray" })
+          /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_themes39.Separator, { size: "4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(import_themes22.Flex, { align: "center", gap: "2", justify: "end", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Typo, { color: "gray", children: "\uAC15\uC758 \uB4E3\uACE0 \uCF54\uCE58\uB2D8\uACFC \uBB34\uC81C\uD55C Q&A" }),
+            /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react_icons2.ArrowRightIcon, { color: "gray" })
           ] })
         ] })
       ]
@@ -7718,6 +9137,7 @@ function CurriculumCard(props) {
   Drawer,
   DropdownMenu,
   DynamicForm,
+  DynamicFormEditor,
   DynamicFormField,
   DynamicFormProvider,
   DynamicFormResponseItem,
@@ -7836,6 +9256,7 @@ function CurriculumCard(props) {
   getCalloutIconComponent,
   getCellAlign,
   getColumnMeta,
+  getDynamicFormDisplayValue,
   getTimeOption,
   getTimeOptions,
   oneOnOneNoteTextReplacer,