fix hint display problems

app/src/components/HintPart.vue

@@ -70,6 +70,7 @@ const right = () => {
         <li
           v-for="response in sessionStore.session.responses[current]"
           :key="response"
+          id="content"
           class="text-text font-xl whitespace-pre-wrap"
         >
           <div v-for="content in response.content" :key="content">
@@ -79,6 +80,7 @@ const right = () => {
         <li
           v-for="hint in sessionStore.session.hints[current]"
           :key="hint"
+          id="hint-text"
           class="text-text-primary font-xl whitespace-pre-wrap"
         >
           <MarkdownText :content="hint" />

app/src/store/session.ts

@@ -103,8 +103,8 @@ function updateGraph(event: { discover: FileObject[]; pwd: string }) {
 
 function newResponse(response: StageResponse) {
   console.log('newResponse', response, 'session', store.session)
-  store.session.responses.push(...response.responses)
-  store.session.hints.push(...response.hints)
+  store.session.responses.push(response.responses)
+  store.session.hints.push(response.hints)
   store.session.tasks = response.tasks
   store.session.status = response.status
 }

app/src/types.ts

@@ -10,9 +10,9 @@ export interface Task {
 
 export interface StageResponse {
   status: string
-  hints: string[]
+  hints: string
   tasks: Task[]
-  responses: IResponse[]
+  responses: IResponse
 }
 
 export interface Session {