Function EditView

apps/webuiapps/src/components/ChatPanel/ModPanel.tsx:452–546

({
  modName,
  setModName,
  modNameEn,
  setModNameEn,
  modDescription,
  setModDescription,
  stages,
  updateStage,
  handleAddStage,
  handleRemoveStage,
  handleAddTarget,
  handleRemoveTarget,
  updateTarget,
})

  handleRemoveTarget: (si: number, ti: number) => void;
  updateTarget: (si: number, ti: number, value: string) => void;
}> = ({
  modName,
  setModName,
  modNameEn,
  setModNameEn,
  modDescription,
  setModDescription,
  stages,
  updateStage,
  handleAddStage,
  handleRemoveStage,
  handleAddTarget,
  handleRemoveTarget,
  updateTarget,
}) => {
  return (
    <div className={styles.editView}>
      <div className={styles.field}>
        <label className={styles.label}>Mod Name</label>
        <input
          className={styles.input}
          value={modName}
          onChange={(e) => setModName(e.target.value)}
        />
      </div>
      <div className={styles.field}>
        <label className={styles.label}>English Name</label>
        <input
          className={styles.input}
          value={modNameEn}
          onChange={(e) => setModNameEn(e.target.value)}
        />
      </div>
      <div className={styles.field}>
        <label className={styles.label}>Description</label>
        <textarea
          className={styles.textarea}
          value={modDescription}
          onChange={(e) => setModDescription(e.target.value)}
          rows={3}
        />
      </div>

      <div className={styles.sectionHeader}>
        <span>Stages ({stages.length})</span>
        <button className={styles.addBtn} onClick={handleAddStage}>
          <Plus size={14} /> Add Stage
        </button>
      </div>

      {stages.map((stage, si) => (
        <div key={si} className={styles.stageEditCard}>
          <div className={styles.stageEditHeader}>
            <span className={styles.stageEditIndex}>Stage {si + 1}</span>
            <button className={styles.removeBtn} onClick={() => handleRemoveStage(si)}>
              <Trash2 size={14} />
            </button>
          </div>