looks good to me

Author: typed-sigterm

.gitattributes

@@ -1 +1 @@
-types/database.types.ts linguist-generated
+app/types/database.types.ts linguist-generated

app/composables/use-topic.ts

@@ -9,53 +9,60 @@ export default async (supa: Supa, id: string) => {
     .throwOnError()
   ).data);
 
-  const syncTopic = () => {
-    return supa
-      .from('topics')
+  const syncTopic = async () => {
+    return await supa.from('topics')
       .update({
         title: data.value.title,
         description: data.value.description,
       })
       .eq('id', id)
-      .select('*')
       .throwOnError();
   };
 
-  const syncTimelineNode = (id: string) => {
+  const syncTimelineNode = async (id: string) => {
     const node = toRaw(data.value.timeline_nodes.find(t => t.id === id));
     if (node) {
-      return supa.from('timeline_nodes')
-        .upsert({
-          id: node.id,
+      await supa.from('timeline_nodes')
+        .update({
           title: node.title,
           time: node.time,
           topic_id: node.topic_id,
         })
-        .select('*')
+        .eq('id', id)
         .throwOnError();
     } else {
-      return supa.from('timeline_nodes')
+      await supa.from('timeline_nodes')
         .delete()
         .eq('id', id)
         .throwOnError();
     }
   };
 
-  const syncTask = (id: string) => {
+  const addTimelineNode = async () => {
+    const { data: n } = await supa.from('timeline_nodes')
+      .insert({
+        title: '',
+        topic_id: id,
+      })
+      .select('*')
+      .throwOnError();
+    data.value.timeline_nodes.push(n[0]!);
+  }
+
+  const syncTask = async (id: string) => {
     const task = toRaw(data.value.tasks.find(t => t.id === id));
     if (task) {
-      return supa.from('tasks')
+      await supa.from('tasks')
         .upsert(task)
         .eq('id', id)
-        .select('*')
         .throwOnError();
     } else {
-      return supa.from('tasks')
+      await supa.from('tasks')
         .delete()
         .eq('id', id)
         .throwOnError();
     }
   };
 
-  return { data, syncTopic, syncTimelineNode, syncTask };
+  return { data, syncTopic, syncTimelineNode, addTimelineNode, syncTask };
 };

app/pages/topic/[id].vue

@@ -10,6 +10,7 @@ const {
   data: topic,
   syncTopic,
   syncTimelineNode,
+  addTimelineNode,
   syncTask,
 } = await useTopic(supa, route.params.id as string);
 
@@ -20,16 +21,6 @@ function generate() {
   });
 }
 
-function addTimelineNode() {
-  const id = crypto.randomUUID();
-  topic.value.timeline_nodes.push({
-    id,
-    time: new Date(),
-    description: '',
-  });
-  syncTimelineNode(id);
-}
-
 function removeTimelineNode(id: string) {
   topic.value.timeline_nodes = topic.value.timeline_nodes.filter(n => n.id !== id);
   syncTimelineNode(id);
@@ -41,6 +32,11 @@ function onPickDate(node: Tables<'timeline_nodes'>, v: CalendarDate) {
   node.time = v.toString();
   syncTimelineNode(node.id);
 }
+
+function removeTask(id: string) {
+  topic.value.tasks = topic.value.tasks.filter(t => t.id !== id);
+  syncTask(id);
+}
 </script>
 
 <template>
@@ -58,7 +54,7 @@ function onPickDate(node: Tables<'timeline_nodes'>, v: CalendarDate) {
     <template #body>
       <UForm v-if="topic" class="space-y-4" :state="topic">
         <UFormField label="Description" hint="Describe it..." size="xl">
-          <UTextarea v-model="topic.description" class="w-full" @change="syncTopic" />
+          <UTextarea v-model="topic.description" class="w-full" @change="syncTopic()" />
         </UFormField>
 
         <div class="grid grid-cols-[1fr_auto_1fr] items-start w-full gap-3">
@@ -99,15 +95,15 @@ function onPickDate(node: Tables<'timeline_nodes'>, v: CalendarDate) {
               variant="outline"
               color="neutral"
               class="mt-2 self-start"
-              @click="addTimelineNode"
+              @click="addTimelineNode()"
             />
           </UFormField>
 
           <div class="h-full border-l ring-inset self-stretch mt-6" />
 
           <UFormField label="Recommended Tasks" size="xl" :ui="{ label: 'items-start' }">
             <ul>
-              <template v-for="(task) in topic.tasks">
+              <template v-for="task in topic.tasks">
                 <UCheckbox
                   v-if="task.status === 'pending'"
                   :key="task.id"
@@ -117,7 +113,7 @@ function onPickDate(node: Tables<'timeline_nodes'>, v: CalendarDate) {
                   @update:model-value="task.status = 'accepted'"
                 >
                   <template #label>
-                    <UButton variant="soft" color="neutral" size="xs" icon="lucide:trash-2" />
+                    <UButton variant="soft" color="neutral" size="xs" icon="lucide:trash-2" @click="removeTask(task.id)" />
                     {{ ' ' }}
                     <span class="align-top">{{ task.title }}</span>
                   </template>

server/api/model-response.schema.json

@@ -2,7 +2,6 @@ import process from 'node:process';
 import { serverSupabaseClient, serverSupabaseUser } from '#supabase/server';
 import { ChatDeepSeek } from '@langchain/deepseek';
 import { z } from 'zod';
-import ModelResponseSchema from './model-response.schema.json';
 
 const Body = z.object({
   id: z.string().uuid(),
@@ -31,33 +30,42 @@ export default defineEventHandler(async (ev) => {
 
   const res = await model.invoke([{
     role: 'system',
-    content: `You are a helper assistant. You need to help users break down a big goal into several executable small tasks.
+    content: `You are a helper assistant. You need to help users guide users to obtain more information through specific actions to assist in decision-making.
 You may have given suggestions to users before.
 You will receive the following information:
 - User's major goals
 - Description
 - Progress
 - Existing tasks
 You must suggest tasks that are:
-1. Small, clear, and executable, like KRs.
-2. Related to the user's major goals and description
-3. Standing neutral and friendly
-4. Not using markdown
+1. Related to the user's major goals and description
+2. Standing neutral and friendly
+3. Not using markdown
+4. Including measurable metric, target value, clear timeframe, data source
+5. Using the same language as the user
 You must NOT suggest tasks that are:
 1. Repeat the same task, including the same task with different wording
 2. Already in the tasks table
 3. Already rejected by the user
 4. Not executable or off-topic
 5. Too broad or vague
-You must respond with a list of tasks in the following JSON format:
-\`\`\`json
-${JSON.stringify(ModelResponseSchema, null, 2)}
-\`\`\`
+You must respond in JSON without any explanation or markdown.
+The JSON should be an array of string, each string is a task.
+Correct example:
+  Topic: Decide on a new car
+  Description: I want to buy a new car, but I don't know which one to choose. I have a budget of $30,000 and I love long-distance travel. I don't care a lot about its appearance.
+  Progress: Not started.
+  Recommended tasks:
+    1. Go to SUV and MPV car comparison websites to get more information in 1 hour.
+    2. Contact 3 friends who have bought cars in the past 2 years and ask them about their experiences.
+    3. Checkout their negative reviews on the car forums.
+
 Current time is ${new Date().toISOString()}.`,
   }, {
     role: 'user',
     content: JSON.stringify(data[0]),
   }]);
+  console.log(res);
 
-  return res.content;
+  return JSON.parse(res.text) as string[];
 });