用DeepSeek + Qwen-VL：做个AI待办事项应用

pnpm install

pnpm dev

# supabase
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key

# deepseek
OPENAI_API_KEY=your_deep_api_key
OPENAI_BASE_URL=https://api.deepseek.com

# supabase
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
SUPABASE_SERVICE_ROLE_KEY=your_supabase_service_key

# deepseek
OPENAI_API_KEY=your_deep_api_key
OPENAI_BASE_URL=https://api.deepseek.com

@page.tsx 我现在想给页面添加以下几个功能：
1. 我想把输入框变成文本输入，能够支持更多文本输入，默认3行
2. 移除掉前端直接通过增加任务的方式，而是请求后端
3. 我希望输入文本之后能够将文本和uid发送到后端，然后后端调用环境变量中的openai的接口，OPENAI_API_KEY和OPENAI_BASE_URL已经在环境变量中了，根据文本调用ai解析我的所有待办事项，使用supabase的服务端API_KEY插入数据（环境变量：SUPABASE_SERVICE_ROLE_KEY），如果有多条插入多条，如果只有单条插入单条
4. 模型采用deepseek-chat的模型
5. 调用ai服务请采用openai的node.js sdk

# supabase
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
SUPABASE_SERVICE_ROLE_KEY=your_supabase_service_key

# deepseek
OPENAI_API_KEY=your_aliyun_apikey
OPENAI_BASE_URL=https://dashscope.aliyuncs.com/compatible-mode/v1

现在我希望支持图片理解能力，要求如下：
1. 用户能够直接上传图片到supabase的bucket中，然后大模型需要能够解析图片中写的待办事项，将待办事项插入数据库。
2. 用户可以直接上传图片，不用写任何文字；也可以同时上传图片和文字
3. 不再使用deepseek的模型，而是全部替换为qwen2.5-vl-72b-instruct，apiKey和baseURL依然使用环境变量中的OPENAI_API_KEY和OPENAI_BASE_URL。我已经将其替换成为了qwen2.5-vl-72b-instruct对应的apiKey和baseURL
4. 只抽取用户图片 + 文字中的待办事项，并且以原文和源语言显示，不要添加额外的内容。
5. 提示词请使用中文

import OpenAI from "openai";


const openai = new OpenAI({
  apiKey: process.env.OPENAI_API_KEY,
  baseURL: process.env.OPENAI_BASE_URL,
});

//系统提示词
const systemMessage = {
      role: "system" as const,
      content: "你是一个帮助用户提取待办事项的助手。请分析用户输入的文本或图片，识别出其中的待办事项。返回一个JSON对象，包含一个'todos'数组，数组中的每个项目都有一个'text'属性，包含单个待办事项。仅提取用户输入中的待办事项，不要添加任何额外内容，保持原始语言。",
    };

//模型
const model = "qwen2.5-vl-72b-instruct"

//调用ai服务
completion = await openai.chat.completions.create({
    model,
    messages: [
      systemMessage,
      {
        role: "user" as const,
        content: [
          ...(todoText.trim() ? [{ type: "text" as const, text: todoText }] : []),
          { type: "image_url" as const, image_url: { url: imageUrl } }
        ],
      }
    ],
    response_format: { type: "json_object" }
  });

const responseContent = completion.choices[0].message.content;
const parsedResponse = JSON.parse(responseContent);
const todoItems: { text: string }[] = parsedResponse.todos || [];

const insertPromises = todoItems.map((item: { text: string }, index: number) =>
    supabaseAdmin
      .from("todos")
      .insert({
        text: item.text,
        completed: false,
        user_id: userId,
        image_url: index === 0 ? imageUrl : null // Only add image to first todo
      })
  );