export type UserInputFormItemType = {
  key: string;
  label: string;
  value: any;              // 用户填写的值
  defaultValue?: any;      // 默认值
  required: boolean;
  // ...
}

export type UserInputInteractive = {
  type: 'userInput';
  params: {
    description: string;
    inputForm: UserInputFormItemType[];
    submitted?: boolean;   // 是否已提交
  }
}

if (typeof window !== 'undefined') {
  const dataToSave = { ...data };
  // ... 处理文件数据
  sessionStorage.setItem(`interactiveForm_${chatItemDataId}`, JSON.stringify(dataToSave));
}

const defaultValues = useMemo(() => {
  return interactive.params.inputForm?.reduce((acc: Record<string, any>, item) => {
    acc[item.key] = item.value ?? item.defaultValue;
    return acc;
  }, {});
}, [interactive]);

用户填写表单
  → 提交时发送到后端
  → 后端更新 interactive.params.inputForm[].value
  → 后端保存到聊天记录
  → 关闭预览页面
  → 重新打开预览页面
  → 从聊天记录恢复 interactive
  → defaultValues 从 item.value 读取
  → 表单显示用户填写的值 ✅

用户填写表单
  → 提交时发送到后端
  → 后端处理但可能没有更新 interactive.params.inputForm[].value
  → 或者前端没有正确更新本地的 interactive 对象
  → 关闭预览页面
  → 重新打开预览页面
  → 从聊天记录恢复 interactive
  → interactive.params.inputForm[].value 为空
  → defaultValues 回退到 item.defaultValue
  → 表单显示默认值 ❌

if (
  finalInteractive.type === 'userInput' ||
  finalInteractive.type === 'agentPlanAskUserForm'
) {
  return {
    ...val,
    interactive: {
      ...finalInteractive,
      params: {
        ...finalInteractive.params,
        submitted: true  // ✅ 只设置了 submitted
        // ❌ 但没有更新 inputForm[].value
      }
    }
  };
}

对话开始
  → 触发表单输入节点 A (dataId: xxx-1)
  → 用户填写表单 A
  → 提交,继续执行
  → 触发表单输入节点 B (dataId: xxx-2)
  → 用户填写表单 B
  → 关闭预览页面
  → 重新打开
  → 需要恢复两个表单的数据

if (
  finalInteractive.type === 'userInput' ||
  finalInteractive.type === 'agentPlanAskUserForm'
) {
  // 解析用户提交的表单数据
  let submittedData: Record<string, any> = {};
  try {
    submittedData = JSON.parse(interactiveVal);
  } catch (error) {
    console.warn('Failed to parse form input data', error);
  }

  // 更新 inputForm 中的 value
  const updatedInputForm = finalInteractive.params.inputForm.map((item) => ({
    ...item,
    value: submittedData[item.key] ?? item.value ?? item.defaultValue
  }));

  return {
    ...val,
    interactive: {
      ...finalInteractive,
      params: {
        ...finalInteractive.params,
        inputForm: updatedInputForm,
        submitted: true
      }
    }
  };
}

const defaultValues = useMemo(() => {
  // 1. 优先从 sessionStorage 恢复数据(包括未提交的草稿)
  let savedData: Record<string, any> | null = null;
  if (typeof window !== 'undefined') {
    try {
      const saved = sessionStorage.getItem(`interactiveForm_${chatItemDataId}`);
      if (saved) {
        savedData = JSON.parse(saved);
      }
    } catch (error) {
      console.warn('Failed to restore form data from sessionStorage', error);
    }
  }

  // 2. 构建 defaultValues
  // 优先级: sessionStorage(草稿) > item.value(已提交) > item.defaultValue(默认)
  return interactive.params.inputForm?.reduce((acc: Record<string, any>, item) => {
    if (savedData && item.key in savedData) {
      // 优先使用 sessionStorage 中的数据(可能是未提交的草稿)
      acc[item.key] = savedData[item.key];
    } else {
      // 否则使用 item.value(已提交的数据) 或 defaultValue
      acc[item.key] = item.value ?? item.defaultValue;
    }
    return acc;
  }, {});
}, [interactive, chatItemDataId]);

const handleFormSubmit = useCallback(
  (data: Record<string, any>) => {
    const finalData: Record<string, any> = {};
    interactive.params.inputForm?.forEach((item) => {
      if (item.key in data) {
        finalData[item.key] = data[item.key];
      }
    });

    // 保存到 sessionStorage (用于页面关闭后恢复)
    if (typeof window !== 'undefined') {
      const dataToSave = { ...data };
      // ... 处理文件数据
      sessionStorage.setItem(`interactiveForm_${chatItemDataId}`, JSON.stringify(dataToSave));
    }

    onSendPrompt(JSON.stringify(finalData));

    // 可选: 提交成功后清理 sessionStorage
    // setTimeout(() => {
    //   sessionStorage.removeItem(`interactiveForm_${chatItemDataId}`);
    // }, 1000);
  },
  [chatItemDataId, interactive.params.inputForm]
);