From 75d61d7c46c87f337127bd9e1d7ca3520ba0e429 Mon Sep 17 00:00:00 2001
From: Jaz-spec <jaz.edna@proton.me>
Date: Fri, 6 Jun 2025 14:16:27 +0100
Subject: [PATCH 01/17] basic component with dummy data in place

---
 HITL_Docs/PROMPTS_JAZ.md               | 11 ++++
 src/lib/components/QuestionCard.svelte | 79 ++++++++++++++++++++++++++
 src/routes/+page.svelte                | 10 ++--
 3 files changed, 96 insertions(+), 4 deletions(-)
 create mode 100644 HITL_Docs/PROMPTS_JAZ.md
 create mode 100644 src/lib/components/QuestionCard.svelte

diff --git a/HITL_Docs/PROMPTS_JAZ.md b/HITL_Docs/PROMPTS_JAZ.md
new file mode 100644
index 0000000..c1b1260
--- /dev/null
+++ b/HITL_Docs/PROMPTS_JAZ.md
@@ -0,0 +1,11 @@
+Read through the ARCHITECTURE.md and FUNCTIONAL.md files get to grips with the project
+My task is to create a component that displays:
+
+- A section header
+- A question
+- an input for the user to answer the question
+- an additional input for the user to declare 'actions'
+- a skip button
+- a submit button
+  Don't do any styling, I will handle that later. I just want a template component that I can edit.
+  Do you have any questions for me regarding the task? If not, please suggest some code for me
diff --git a/src/lib/components/QuestionCard.svelte b/src/lib/components/QuestionCard.svelte
new file mode 100644
index 0000000..6fb6b49
--- /dev/null
+++ b/src/lib/components/QuestionCard.svelte
@@ -0,0 +1,79 @@
+<script lang="ts">
+	interface Props {
+		sectionHeader: string;
+		questionText: string;
+		responseValue?: string;
+		actionsValue?: string;
+		questionId?: string | number;
+		onsubmit?: (data: {
+			questionId: string | number | undefined;
+			response: string;
+			actions: string;
+		}) => void;
+		onskip?: (data: { questionId: string | number | undefined }) => void;
+	}
+
+	let {
+		sectionHeader = 'Feelings',
+		questionText = 'How are you today?',
+		responseValue = '',
+		actionsValue = '',
+		questionId = 1,
+		onsubmit = () => {
+			console.log('submit clicked');
+		},
+		onskip = () => {
+			console.log('skip clicked');
+		}
+	}: Props = $props();
+
+	let responseInput = $state(responseValue);
+	let actionsInput = $state(actionsValue);
+
+	function handleSubmit() {
+		onsubmit?.({
+			questionId,
+			response: responseInput,
+			actions: actionsInput
+		});
+	}
+
+	function handleSkip() {
+		onskip?.({
+			questionId
+		});
+	}
+</script>
+
+<div class=" m-auto flex min-h-[90dvh] w-sm flex-col justify-around rounded-3xl p-5 shadow-2xl">
+	<header>
+		<h1 class="text-center text-2xl">{sectionHeader}</h1>
+	</header>
+
+	<div class="flex flex-col">
+		<label for="response-{questionId}" class="">{questionText}</label>
+		<textarea
+			id="response-{questionId}"
+			bind:value={responseInput}
+			placeholder="Enter your response here..."
+			rows="4"
+			class="mb-2 rounded-2xl border-2 border-[var(--pink)] p-2 outline-none focus:border-[var(--teal)]"
+		></textarea>
+	</div>
+
+	<div class="flex flex-col">
+		<label for="actions-{questionId}">Actions needed:</label>
+		<textarea
+			id="actions-{questionId}"
+			bind:value={actionsInput}
+			placeholder="Enter your response here..."
+			rows="3"
+			class="rounded-2xl border-2 border-[var(--pink)] p-2 outline-none focus:border-[var(--teal)]"
+		></textarea>
+	</div>
+
+	<div class="flex justify-around">
+		<button type="button" onclick={handleSkip} class="rounded-2xl border p-4">Skip</button>
+		<button type="button" onclick={handleSubmit} class="rounded-2xl border p-4">Submit</button>
+	</div>
+</div>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index c65b0ee..c72e0b1 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,4 +1,6 @@
-<h1>Welcome to SvelteKit</h1>
-<p>
-	Visit <a href="https://svelte.dev/docs/kit">svelte.dev/docs/kit</a> to read the documentation
-</p>
+<script lang="ts">
+	import '$lib/components/QuestionCard.svelte';
+	import QuestionCard from '$lib/components/QuestionCard.svelte';
+</script>
+
+<QuestionCard />

From 2756e5133ee79bea5e3fb1fb89bbc3d55bec69cd Mon Sep 17 00:00:00 2001
From: Jaz-spec <jaz.edna@proton.me>
Date: Fri, 6 Jun 2025 17:09:29 +0100
Subject: [PATCH 02/17] skeleton for displaying question data in place

---
 src/lib/components/QuestionCard.svelte | 125 ++++++++++++-------------
 src/routes/+page.svelte                |   5 +-
 2 files changed, 64 insertions(+), 66 deletions(-)

diff --git a/src/lib/components/QuestionCard.svelte b/src/lib/components/QuestionCard.svelte
index 6fb6b49..0b4a72e 100644
--- a/src/lib/components/QuestionCard.svelte
+++ b/src/lib/components/QuestionCard.svelte
@@ -1,79 +1,74 @@
 <script lang="ts">
+	import { getQuestionById } from '$lib/services/database';
+
 	interface Props {
-		sectionHeader: string;
-		questionText: string;
-		responseValue?: string;
-		actionsValue?: string;
-		questionId?: string | number;
-		onsubmit?: (data: {
-			questionId: string | number | undefined;
-			response: string;
-			actions: string;
-		}) => void;
-		onskip?: (data: { questionId: string | number | undefined }) => void;
+		questionId: string;
 	}
 
-	let {
-		sectionHeader = 'Feelings',
-		questionText = 'How are you today?',
-		responseValue = '',
-		actionsValue = '',
-		questionId = 1,
-		onsubmit = () => {
-			console.log('submit clicked');
-		},
-		onskip = () => {
-			console.log('skip clicked');
-		}
-	}: Props = $props();
+	interface QuestionData {
+		data: {
+			id: string;
+			category: string;
+			question_text: string;
+			order: number;
+		} | null;
+		error: null | Error;
+	}
+
+	let { questionId }: Props = $props();
+
+	let responseValue = '';
+	let actionsValue = '';
 
 	let responseInput = $state(responseValue);
 	let actionsInput = $state(actionsValue);
 
-	function handleSubmit() {
-		onsubmit?.({
-			questionId,
-			response: responseInput,
-			actions: actionsInput
-		});
-	}
-
-	function handleSkip() {
-		onskip?.({
-			questionId
-		});
-	}
+	const getQuestion = async (): QuestionData => {
+		const question = await getQuestionById(questionId);
+		if (question) {
+			console.log('=== QUESTION ===');
+			console.log(question);
+			return question;
+		}
+		return {
+			data: null,
+			error: new Error('Question not found')
+		};
+	};
+	getQuestion();
 </script>
 
-<div class=" m-auto flex min-h-[90dvh] w-sm flex-col justify-around rounded-3xl p-5 shadow-2xl">
-	<header>
-		<h1 class="text-center text-2xl">{sectionHeader}</h1>
-	</header>
+{#await getQuestion() then question}
+	<div class=" m-auto flex min-h-[90dvh] w-sm flex-col justify-around rounded-3xl p-5 shadow-2xl">
+		<header>
+			<h1 class="text-center text-2xl">{question.data.category}</h1>
+		</header>
 
-	<div class="flex flex-col">
-		<label for="response-{questionId}" class="">{questionText}</label>
-		<textarea
-			id="response-{questionId}"
-			bind:value={responseInput}
-			placeholder="Enter your response here..."
-			rows="4"
-			class="mb-2 rounded-2xl border-2 border-[var(--pink)] p-2 outline-none focus:border-[var(--teal)]"
-		></textarea>
-	</div>
+		<div class="flex flex-col">
+			<label for="response-{questionId}" class="">{question.data.question_text}</label>
+			<textarea
+				id="response-{questionId}"
+				bind:value={responseInput}
+				placeholder="Enter your response here..."
+				rows="4"
+				class="mb-2 rounded-2xl border-2 border-[var(--pink)] p-2 outline-none focus:border-[var(--teal)]"
+			></textarea>
+		</div>
 
-	<div class="flex flex-col">
-		<label for="actions-{questionId}">Actions needed:</label>
-		<textarea
-			id="actions-{questionId}"
-			bind:value={actionsInput}
-			placeholder="Enter your response here..."
-			rows="3"
-			class="rounded-2xl border-2 border-[var(--pink)] p-2 outline-none focus:border-[var(--teal)]"
-		></textarea>
-	</div>
+		<div class="flex flex-col">
+			<label for="actions-{questionId}">Actions needed:</label>
+			<textarea
+				id="actions-{questionId}"
+				bind:value={actionsInput}
+				placeholder="Enter your response here..."
+				rows="3"
+				class="rounded-2xl border-2 border-[var(--pink)] p-2 outline-none focus:border-[var(--teal)]"
+			></textarea>
+		</div>
 
-	<div class="flex justify-around">
-		<button type="button" onclick={handleSkip} class="rounded-2xl border p-4">Skip</button>
-		<button type="button" onclick={handleSubmit} class="rounded-2xl border p-4">Submit</button>
+		<div class="flex justify-around">
+			<button type="button" onclick={handleSkip} class="rounded-2xl border p-4">Skip</button>
+			<button type="button" onclick={handleSubmit} class="rounded-2xl border p-4">Submit</button>
+		</div>
 	</div>
-</div>
+{/await}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index c72e0b1..933384b 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,6 +1,9 @@
 <script lang="ts">
 	import '$lib/components/QuestionCard.svelte';
 	import QuestionCard from '$lib/components/QuestionCard.svelte';
+	import { getQuestionById, getQuestions } from '$lib/services/database/questions';
+
+	const questionId = '8b771be1-c38a-4242-8287-ec760cc96b6e';
 </script>
 
-<QuestionCard />
+<QuestionCard {questionId} />

From ef938f429657e1bf8420e94b32cc24a4d0ec1f88 Mon Sep 17 00:00:00 2001
From: Jaz-spec <jaz.edna@proton.me>
Date: Fri, 6 Jun 2025 17:10:56 +0100
Subject: [PATCH 03/17] commit to merge updated types

---
 src/lib/components/QuestionCard.svelte | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/QuestionCard.svelte b/src/lib/components/QuestionCard.svelte
index 0b4a72e..2b9aff3 100644
--- a/src/lib/components/QuestionCard.svelte
+++ b/src/lib/components/QuestionCard.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { getQuestionById } from '$lib/services/database';
+	import { getQuestionById, updateQuestion } from '$lib/services/database';
 
 	interface Props {
 		questionId: string;
@@ -36,6 +36,10 @@
 		};
 	};
 	getQuestion();
+
+	function handleSubmit(responseInput, actionsInput) {
+		updateQuestion(questionId, data);
+	}
 </script>
 
 {#await getQuestion() then question}
@@ -67,7 +71,7 @@
 		</div>
 
 		<div class="flex justify-around">
-			<button type="button" onclick={handleSkip} class="rounded-2xl border p-4">Skip</button>
+			<button type="button" onclick={handleSubmit} class="rounded-2xl border p-4">Skip</button>
 			<button type="button" onclick={handleSubmit} class="rounded-2xl border p-4">Submit</button>
 		</div>
 	</div>

From e724a6500517fe175c17c3f358519d84701cc905 Mon Sep 17 00:00:00 2001
From: Jaz-spec <jaz.edna@proton.me>
Date: Fri, 6 Jun 2025 18:09:05 +0100
Subject: [PATCH 04/17] data is being displayed from the db

---
 src/lib/components/QuestionCard.svelte | 95 ++++++++++++--------------
 src/lib/types/main.ts                  | 84 +++++++++++------------
 2 files changed, 84 insertions(+), 95 deletions(-)

diff --git a/src/lib/components/QuestionCard.svelte b/src/lib/components/QuestionCard.svelte
index 2b9aff3..b9e9eed 100644
--- a/src/lib/components/QuestionCard.svelte
+++ b/src/lib/components/QuestionCard.svelte
@@ -1,20 +1,14 @@
 <script lang="ts">
-	import { getQuestionById, updateQuestion } from '$lib/services/database';
+	import { getQuestionById } from '$lib/services/database';
+	import type { DbResult } from '$lib/services/database/types';
+	import type { Database } from '$lib/types/supabase';
+
+	type Question = Database['public']['Tables']['questions']['Row'];
 
 	interface Props {
 		questionId: string;
 	}
 
-	interface QuestionData {
-		data: {
-			id: string;
-			category: string;
-			question_text: string;
-			order: number;
-		} | null;
-		error: null | Error;
-	}
-
 	let { questionId }: Props = $props();
 
 	let responseValue = '';
@@ -23,56 +17,51 @@
 	let responseInput = $state(responseValue);
 	let actionsInput = $state(actionsValue);
 
-	const getQuestion = async (): QuestionData => {
-		const question = await getQuestionById(questionId);
-		if (question) {
-			console.log('=== QUESTION ===');
-			console.log(question);
-			return question;
-		}
-		return {
-			data: null,
-			error: new Error('Question not found')
-		};
+	const getQuestion = async (): DbResult<Question> => {
+		return await getQuestionById(questionId);
 	};
-	getQuestion();
 
-	function handleSubmit(responseInput, actionsInput) {
-		updateQuestion(questionId, data);
+	function handleSubmit() {
+		console.log('=== Submitted ===');
+		console.log(responseInput);
 	}
 </script>
 
 {#await getQuestion() then question}
-	<div class=" m-auto flex min-h-[90dvh] w-sm flex-col justify-around rounded-3xl p-5 shadow-2xl">
-		<header>
-			<h1 class="text-center text-2xl">{question.data.category}</h1>
-		</header>
+	{#if question.data}
+		<div class=" m-auto flex min-h-[90dvh] w-sm flex-col justify-around rounded-3xl p-5 shadow-2xl">
+			<header>
+				<h1 class="text-center text-2xl">{question.data.category}</h1>
+			</header>
 
-		<div class="flex flex-col">
-			<label for="response-{questionId}" class="">{question.data.question_text}</label>
-			<textarea
-				id="response-{questionId}"
-				bind:value={responseInput}
-				placeholder="Enter your response here..."
-				rows="4"
-				class="mb-2 rounded-2xl border-2 border-[var(--pink)] p-2 outline-none focus:border-[var(--teal)]"
-			></textarea>
-		</div>
+			<div class="flex flex-col">
+				<label for="response-{questionId}" class=""
+					>{question.data.question_text || 'Question'}</label
+				>
+				<textarea
+					id="response-{questionId}"
+					bind:value={responseInput}
+					placeholder="Enter your response here..."
+					rows="4"
+					class="mb-2 rounded-2xl border-2 border-[var(--pink)] p-2 outline-none focus:border-[var(--teal)]"
+				></textarea>
+			</div>
 
-		<div class="flex flex-col">
-			<label for="actions-{questionId}">Actions needed:</label>
-			<textarea
-				id="actions-{questionId}"
-				bind:value={actionsInput}
-				placeholder="Enter your response here..."
-				rows="3"
-				class="rounded-2xl border-2 border-[var(--pink)] p-2 outline-none focus:border-[var(--teal)]"
-			></textarea>
-		</div>
+			<div class="flex flex-col">
+				<label for="actions-{questionId}">Actions needed:</label>
+				<textarea
+					id="actions-{questionId}"
+					bind:value={actionsInput}
+					placeholder="Enter your response here..."
+					rows="3"
+					class="rounded-2xl border-2 border-[var(--pink)] p-2 outline-none focus:border-[var(--teal)]"
+				></textarea>
+			</div>
 
-		<div class="flex justify-around">
-			<button type="button" onclick={handleSubmit} class="rounded-2xl border p-4">Skip</button>
-			<button type="button" onclick={handleSubmit} class="rounded-2xl border p-4">Submit</button>
+			<div class="flex justify-around">
+				<button type="button" onclick={handleSubmit} class="rounded-2xl border p-4">Skip</button>
+				<button type="button" onclick={handleSubmit} class="rounded-2xl border p-4">Submit</button>
+			</div>
 		</div>
-	</div>
+	{/if}
 {/await}
diff --git a/src/lib/types/main.ts b/src/lib/types/main.ts
index ace2b5e..127aed6 100644
--- a/src/lib/types/main.ts
+++ b/src/lib/types/main.ts
@@ -1,63 +1,63 @@
-import type { User, Employer, Pronouns } from "./sub";
+import type { User, Employer, Pronouns } from './sub';
 
 export type Input = Profile | Question | Response | Action | Share;
 
 export interface Profile {
-  id?: string;
-  name: string;
-  user: User;
-  pronouns?: Pronouns;
-  jobTitle?: string;
-  employer: Employer
+	id?: string;
+	name: string;
+	user: User;
+	pronouns?: Pronouns;
+	jobTitle?: string;
+	employer: Employer;
 }
 
 export interface Question {
-  id?: string,
-  category: string,
-  question_text: string,
-  order: number
+	id?: string;
+	category: string;
+	question_text: string;
+	order: number;
 }
 
 export interface Response {
-  id?: string,
-  user_id: string,
-  question_id: string,
-  response_text: string,
-  status?: "answered" | "skipped",
-  visibility: "public" | "private",
-  version: number,
-  is_latest: boolean,
-  created_at?: string, // TODO: Temporal()
-  updated_at?: string, // TODO: Temporal()
-  shares?: Share[] // sharing_event_responses
+	id?: string;
+	user_id: string;
+	question_id: string;
+	response_text: string;
+	status?: 'answered' | 'skipped';
+	visibility: 'public' | 'private';
+	version: number;
+	is_latest: boolean;
+	created_at?: string; // TODO: Temporal()
+	updated_at?: string; // TODO: Temporal()
+	shares?: Share[]; // sharing_event_responses
 }
 
 export interface Action {
-  id?: string,
-  user_id: string,
-  response_id?: string,
-  type: string,
-  description?: string,
-  version: number,
-  is_latest: boolean,
-  status: "draft" | "active" | "archived",
-  created_at?: string, // TODO: Temporal()
-  updated_at?: string // TODO: Temporal(),
-  shares?: Share[] // sharing_event_actions
+	id?: string;
+	user_id: string;
+	response_id?: string;
+	type: string;
+	description?: string;
+	version: number;
+	is_latest: boolean;
+	status: 'draft' | 'active' | 'archived';
+	created_at?: string; // TODO: Temporal()
+	updated_at?: string; // TODO: Temporal(),
+	shares?: Share[]; // sharing_event_actions
 }
 
 export interface Share {
-  id?: string,
-  user_id: string,
-  recipient_email?: string,
-  /* note: Recipient Email
+	id?: string;
+	user_id: string;
+	recipient_email?: string;
+	/* note: Recipient Email
     This makes sense for now, as the manager email is just a prop on the Profile
     However, there's a line manager id prop earmarked for later use
 
     If a table is implemented for Line Managers, this prop should be replaced by a foreign key to it
     */
-  message?: string,
-  responses?: Response[], // sharing_event_responses
-  actions?: Action[], // sharing_event_actions
-  shared_at?: string // TODO: Temporal()
-}
\ No newline at end of file
+	message?: string;
+	responses?: Response[]; // sharing_event_responses
+	actions?: Action[]; // sharing_event_actions
+	shared_at?: string; // TODO: Temporal()
+}

From 0b098b64c4041e11ce9409600673d91ff7e5f879 Mon Sep 17 00:00:00 2001
From: Jaz-spec <jaz.edna@proton.me>
Date: Sat, 7 Jun 2025 15:12:42 +0100
Subject: [PATCH 05/17] added basic question saving for version 1 of a question

---
 package-lock.json                      | 317 +++++++++++++------------
 src/lib/components/QuestionCard.svelte |  38 +--
 src/lib/components/SubmitButton.svelte |  22 ++
 src/routes/+page.svelte                |   3 +-
 4 files changed, 210 insertions(+), 170 deletions(-)
 create mode 100644 src/lib/components/SubmitButton.svelte

diff --git a/package-lock.json b/package-lock.json
index 512a5fa..f6cf519 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -105,9 +105,9 @@
 			}
 		},
 		"node_modules/@babel/runtime": {
-			"version": "7.27.4",
-			"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.4.tgz",
-			"integrity": "sha512-t3yaEOuGu9NlIZ+hIeGbBjFtZT7j2cb2tg0fuaJKeGotchRjjLfrBA9Kwf8quhpP1EUuxModQg04q/mBwyg8uA==",
+			"version": "7.27.6",
+			"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.6.tgz",
+			"integrity": "sha512-vbavdySgbTTrmFE+EsiqUTzlOr5bzlnJtUv9PynGCAKvfQqjIXbvFdumPM/GxMDfyuGMJaJAU6TO4zc1Jf1i8Q==",
 			"dev": true,
 			"license": "MIT",
 			"engines": {
@@ -1087,9 +1087,9 @@
 			}
 		},
 		"node_modules/@rollup/rollup-android-arm-eabi": {
-			"version": "4.41.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.41.1.tgz",
-			"integrity": "sha512-NELNvyEWZ6R9QMkiytB4/L4zSEaBC03KIXEghptLGLZWJ6VPrL63ooZQCOnlx36aQPGhzuOMwDerC1Eb2VmrLw==",
+			"version": "4.42.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.42.0.tgz",
+			"integrity": "sha512-gldmAyS9hpj+H6LpRNlcjQWbuKUtb94lodB9uCz71Jm+7BxK1VIOo7y62tZZwxhA7j1ylv/yQz080L5WkS+LoQ==",
 			"cpu": [
 				"arm"
 			],
@@ -1101,9 +1101,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-android-arm64": {
-			"version": "4.41.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.41.1.tgz",
-			"integrity": "sha512-DXdQe1BJ6TK47ukAoZLehRHhfKnKg9BjnQYUu9gzhI8Mwa1d2fzxA1aw2JixHVl403bwp1+/o/NhhHtxWJBgEA==",
+			"version": "4.42.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.42.0.tgz",
+			"integrity": "sha512-bpRipfTgmGFdCZDFLRvIkSNO1/3RGS74aWkJJTFJBH7h3MRV4UijkaEUeOMbi9wxtxYmtAbVcnMtHTPBhLEkaw==",
 			"cpu": [
 				"arm64"
 			],
@@ -1115,9 +1115,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-darwin-arm64": {
-			"version": "4.41.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.41.1.tgz",
-			"integrity": "sha512-5afxvwszzdulsU2w8JKWwY8/sJOLPzf0e1bFuvcW5h9zsEg+RQAojdW0ux2zyYAz7R8HvvzKCjLNJhVq965U7w==",
+			"version": "4.42.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.42.0.tgz",
+			"integrity": "sha512-JxHtA081izPBVCHLKnl6GEA0w3920mlJPLh89NojpU2GsBSB6ypu4erFg/Wx1qbpUbepn0jY4dVWMGZM8gplgA==",
 			"cpu": [
 				"arm64"
 			],
@@ -1129,9 +1129,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-darwin-x64": {
-			"version": "4.41.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.41.1.tgz",
-			"integrity": "sha512-egpJACny8QOdHNNMZKf8xY0Is6gIMz+tuqXlusxquWu3F833DcMwmGM7WlvCO9sB3OsPjdC4U0wHw5FabzCGZg==",
+			"version": "4.42.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.42.0.tgz",
+			"integrity": "sha512-rv5UZaWVIJTDMyQ3dCEK+m0SAn6G7H3PRc2AZmExvbDvtaDc+qXkei0knQWcI3+c9tEs7iL/4I4pTQoPbNL2SA==",
 			"cpu": [
 				"x64"
 			],
@@ -1143,9 +1143,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-freebsd-arm64": {
-			"version": "4.41.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.41.1.tgz",
-			"integrity": "sha512-DBVMZH5vbjgRk3r0OzgjS38z+atlupJ7xfKIDJdZZL6sM6wjfDNo64aowcLPKIx7LMQi8vybB56uh1Ftck/Atg==",
+			"version": "4.42.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.42.0.tgz",
+			"integrity": "sha512-fJcN4uSGPWdpVmvLuMtALUFwCHgb2XiQjuECkHT3lWLZhSQ3MBQ9pq+WoWeJq2PrNxr9rPM1Qx+IjyGj8/c6zQ==",
 			"cpu": [
 				"arm64"
 			],
@@ -1157,9 +1157,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-freebsd-x64": {
-			"version": "4.41.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.41.1.tgz",
-			"integrity": "sha512-3FkydeohozEskBxNWEIbPfOE0aqQgB6ttTkJ159uWOFn42VLyfAiyD9UK5mhu+ItWzft60DycIN1Xdgiy8o/SA==",
+			"version": "4.42.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.42.0.tgz",
+			"integrity": "sha512-CziHfyzpp8hJpCVE/ZdTizw58gr+m7Y2Xq5VOuCSrZR++th2xWAz4Nqk52MoIIrV3JHtVBhbBsJcAxs6NammOQ==",
 			"cpu": [
 				"x64"
 			],
@@ -1171,9 +1171,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-			"version": "4.41.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.41.1.tgz",
-			"integrity": "sha512-wC53ZNDgt0pqx5xCAgNunkTzFE8GTgdZ9EwYGVcg+jEjJdZGtq9xPjDnFgfFozQI/Xm1mh+D9YlYtl+ueswNEg==",
+			"version": "4.42.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.42.0.tgz",
+			"integrity": "sha512-UsQD5fyLWm2Fe5CDM7VPYAo+UC7+2Px4Y+N3AcPh/LdZu23YcuGPegQly++XEVaC8XUTFVPscl5y5Cl1twEI4A==",
 			"cpu": [
 				"arm"
 			],
@@ -1185,9 +1185,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-linux-arm-musleabihf": {
-			"version": "4.41.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.41.1.tgz",
-			"integrity": "sha512-jwKCca1gbZkZLhLRtsrka5N8sFAaxrGz/7wRJ8Wwvq3jug7toO21vWlViihG85ei7uJTpzbXZRcORotE+xyrLA==",
+			"version": "4.42.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.42.0.tgz",
+			"integrity": "sha512-/i8NIrlgc/+4n1lnoWl1zgH7Uo0XK5xK3EDqVTf38KvyYgCU/Rm04+o1VvvzJZnVS5/cWSd07owkzcVasgfIkQ==",
 			"cpu": [
 				"arm"
 			],
@@ -1199,9 +1199,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-linux-arm64-gnu": {
-			"version": "4.41.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.41.1.tgz",
-			"integrity": "sha512-g0UBcNknsmmNQ8V2d/zD2P7WWfJKU0F1nu0k5pW4rvdb+BIqMm8ToluW/eeRmxCared5dD76lS04uL4UaNgpNA==",
+			"version": "4.42.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.42.0.tgz",
+			"integrity": "sha512-eoujJFOvoIBjZEi9hJnXAbWg+Vo1Ov8n/0IKZZcPZ7JhBzxh2A+2NFyeMZIRkY9iwBvSjloKgcvnjTbGKHE44Q==",
 			"cpu": [
 				"arm64"
 			],
@@ -1213,9 +1213,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-linux-arm64-musl": {
-			"version": "4.41.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.41.1.tgz",
-			"integrity": "sha512-XZpeGB5TKEZWzIrj7sXr+BEaSgo/ma/kCgrZgL0oo5qdB1JlTzIYQKel/RmhT6vMAvOdM2teYlAaOGJpJ9lahg==",
+			"version": "4.42.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.42.0.tgz",
+			"integrity": "sha512-/3NrcOWFSR7RQUQIuZQChLND36aTU9IYE4j+TB40VU78S+RA0IiqHR30oSh6P1S9f9/wVOenHQnacs/Byb824g==",
 			"cpu": [
 				"arm64"
 			],
@@ -1227,9 +1227,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-linux-loongarch64-gnu": {
-			"version": "4.41.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.41.1.tgz",
-			"integrity": "sha512-bkCfDJ4qzWfFRCNt5RVV4DOw6KEgFTUZi2r2RuYhGWC8WhCA8lCAJhDeAmrM/fdiAH54m0mA0Vk2FGRPyzI+tw==",
+			"version": "4.42.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.42.0.tgz",
+			"integrity": "sha512-O8AplvIeavK5ABmZlKBq9/STdZlnQo7Sle0LLhVA7QT+CiGpNVe197/t8Aph9bhJqbDVGCHpY2i7QyfEDDStDg==",
 			"cpu": [
 				"loong64"
 			],
@@ -1241,9 +1241,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-			"version": "4.41.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.41.1.tgz",
-			"integrity": "sha512-3mr3Xm+gvMX+/8EKogIZSIEF0WUu0HL9di+YWlJpO8CQBnoLAEL/roTCxuLncEdgcfJcvA4UMOf+2dnjl4Ut1A==",
+			"version": "4.42.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.42.0.tgz",
+			"integrity": "sha512-6Qb66tbKVN7VyQrekhEzbHRxXXFFD8QKiFAwX5v9Xt6FiJ3BnCVBuyBxa2fkFGqxOCSGGYNejxd8ht+q5SnmtA==",
 			"cpu": [
 				"ppc64"
 			],
@@ -1255,9 +1255,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-linux-riscv64-gnu": {
-			"version": "4.41.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.41.1.tgz",
-			"integrity": "sha512-3rwCIh6MQ1LGrvKJitQjZFuQnT2wxfU+ivhNBzmxXTXPllewOF7JR1s2vMX/tWtUYFgphygxjqMl76q4aMotGw==",
+			"version": "4.42.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.42.0.tgz",
+			"integrity": "sha512-KQETDSEBamQFvg/d8jajtRwLNBlGc3aKpaGiP/LvEbnmVUKlFta1vqJqTrvPtsYsfbE/DLg5CC9zyXRX3fnBiA==",
 			"cpu": [
 				"riscv64"
 			],
@@ -1269,9 +1269,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-linux-riscv64-musl": {
-			"version": "4.41.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.41.1.tgz",
-			"integrity": "sha512-LdIUOb3gvfmpkgFZuccNa2uYiqtgZAz3PTzjuM5bH3nvuy9ty6RGc/Q0+HDFrHrizJGVpjnTZ1yS5TNNjFlklw==",
+			"version": "4.42.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.42.0.tgz",
+			"integrity": "sha512-qMvnyjcU37sCo/tuC+JqeDKSuukGAd+pVlRl/oyDbkvPJ3awk6G6ua7tyum02O3lI+fio+eM5wsVd66X0jQtxw==",
 			"cpu": [
 				"riscv64"
 			],
@@ -1283,9 +1283,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-linux-s390x-gnu": {
-			"version": "4.41.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.41.1.tgz",
-			"integrity": "sha512-oIE6M8WC9ma6xYqjvPhzZYk6NbobIURvP/lEbh7FWplcMO6gn7MM2yHKA1eC/GvYwzNKK/1LYgqzdkZ8YFxR8g==",
+			"version": "4.42.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.42.0.tgz",
+			"integrity": "sha512-I2Y1ZUgTgU2RLddUHXTIgyrdOwljjkmcZ/VilvaEumtS3Fkuhbw4p4hgHc39Ypwvo2o7sBFNl2MquNvGCa55Iw==",
 			"cpu": [
 				"s390x"
 			],
@@ -1297,9 +1297,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-linux-x64-gnu": {
-			"version": "4.41.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.41.1.tgz",
-			"integrity": "sha512-cWBOvayNvA+SyeQMp79BHPK8ws6sHSsYnK5zDcsC3Hsxr1dgTABKjMnMslPq1DvZIp6uO7kIWhiGwaTdR4Og9A==",
+			"version": "4.42.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.42.0.tgz",
+			"integrity": "sha512-Gfm6cV6mj3hCUY8TqWa63DB8Mx3NADoFwiJrMpoZ1uESbK8FQV3LXkhfry+8bOniq9pqY1OdsjFWNsSbfjPugw==",
 			"cpu": [
 				"x64"
 			],
@@ -1311,9 +1311,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-linux-x64-musl": {
-			"version": "4.41.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.41.1.tgz",
-			"integrity": "sha512-y5CbN44M+pUCdGDlZFzGGBSKCA4A/J2ZH4edTYSSxFg7ce1Xt3GtydbVKWLlzL+INfFIZAEg1ZV6hh9+QQf9YQ==",
+			"version": "4.42.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.42.0.tgz",
+			"integrity": "sha512-g86PF8YZ9GRqkdi0VoGlcDUb4rYtQKyTD1IVtxxN4Hpe7YqLBShA7oHMKU6oKTCi3uxwW4VkIGnOaH/El8de3w==",
 			"cpu": [
 				"x64"
 			],
@@ -1325,9 +1325,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-win32-arm64-msvc": {
-			"version": "4.41.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.41.1.tgz",
-			"integrity": "sha512-lZkCxIrjlJlMt1dLO/FbpZbzt6J/A8p4DnqzSa4PWqPEUUUnzXLeki/iyPLfV0BmHItlYgHUqJe+3KiyydmiNQ==",
+			"version": "4.42.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.42.0.tgz",
+			"integrity": "sha512-+axkdyDGSp6hjyzQ5m1pgcvQScfHnMCcsXkx8pTgy/6qBmWVhtRVlgxjWwDp67wEXXUr0x+vD6tp5W4x6V7u1A==",
 			"cpu": [
 				"arm64"
 			],
@@ -1339,9 +1339,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-win32-ia32-msvc": {
-			"version": "4.41.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.41.1.tgz",
-			"integrity": "sha512-+psFT9+pIh2iuGsxFYYa/LhS5MFKmuivRsx9iPJWNSGbh2XVEjk90fmpUEjCnILPEPJnikAU6SFDiEUyOv90Pg==",
+			"version": "4.42.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.42.0.tgz",
+			"integrity": "sha512-F+5J9pelstXKwRSDq92J0TEBXn2nfUrQGg+HK1+Tk7VOL09e0gBqUHugZv7SW4MGrYj41oNCUe3IKCDGVlis2g==",
 			"cpu": [
 				"ia32"
 			],
@@ -1353,9 +1353,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-win32-x64-msvc": {
-			"version": "4.41.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.41.1.tgz",
-			"integrity": "sha512-Wq2zpapRYLfi4aKxf2Xff0tN+7slj2d4R87WEzqw7ZLsVvO5zwYCIuEGSZYiK41+GlwUo1HiR+GdkLEJnCKTCw==",
+			"version": "4.42.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.42.0.tgz",
+			"integrity": "sha512-LpHiJRwkaVz/LqjHjK8LCi8osq7elmpwujwbXKNW88bM8eeGxavJIKKjkjpMHAh/2xfnrt1ZSnhTv41WYUHYmA==",
 			"cpu": [
 				"x64"
 			],
@@ -1367,9 +1367,9 @@
 			]
 		},
 		"node_modules/@supabase/auth-js": {
-			"version": "2.69.1",
-			"resolved": "https://registry.npmjs.org/@supabase/auth-js/-/auth-js-2.69.1.tgz",
-			"integrity": "sha512-FILtt5WjCNzmReeRLq5wRs3iShwmnWgBvxHfqapC/VoljJl+W8hDAyFmf1NVw3zH+ZjZ05AKxiKxVeb0HNWRMQ==",
+			"version": "2.70.0",
+			"resolved": "https://registry.npmjs.org/@supabase/auth-js/-/auth-js-2.70.0.tgz",
+			"integrity": "sha512-BaAK/tOAZFJtzF1sE3gJ2FwTjLf4ky3PSvcvLGEgEmO4BSBkwWKu8l67rLLIBZPDnCyV7Owk2uPyKHa0kj5QGg==",
 			"license": "MIT",
 			"dependencies": {
 				"@supabase/node-fetch": "^2.6.14"
@@ -1406,9 +1406,9 @@
 			}
 		},
 		"node_modules/@supabase/realtime-js": {
-			"version": "2.11.9",
-			"resolved": "https://registry.npmjs.org/@supabase/realtime-js/-/realtime-js-2.11.9.tgz",
-			"integrity": "sha512-fLseWq8tEPCO85x3TrV9Hqvk7H4SGOqnFQ223NPJSsxjSYn0EmzU1lvYO6wbA0fc8DE94beCAiiWvGvo4g33lQ==",
+			"version": "2.11.10",
+			"resolved": "https://registry.npmjs.org/@supabase/realtime-js/-/realtime-js-2.11.10.tgz",
+			"integrity": "sha512-SJKVa7EejnuyfImrbzx+HaD9i6T784khuw1zP+MBD7BmJYChegGxYigPzkKX8CK8nGuDntmeSD3fvriaH0EGZA==",
 			"license": "MIT",
 			"dependencies": {
 				"@supabase/node-fetch": "^2.6.13",
@@ -1427,16 +1427,16 @@
 			}
 		},
 		"node_modules/@supabase/supabase-js": {
-			"version": "2.49.9",
-			"resolved": "https://registry.npmjs.org/@supabase/supabase-js/-/supabase-js-2.49.9.tgz",
-			"integrity": "sha512-lB2A2X8k1aWAqvlpO4uZOdfvSuZ2s0fCMwJ1Vq6tjWsi3F+au5lMbVVn92G0pG8gfmis33d64Plkm6eSDs6jRA==",
+			"version": "2.50.0",
+			"resolved": "https://registry.npmjs.org/@supabase/supabase-js/-/supabase-js-2.50.0.tgz",
+			"integrity": "sha512-M1Gd5tPaaghYZ9OjeO1iORRqbTWFEz/cF3pPubRnMPzA+A8SiUsXXWDP+DWsASZcjEcVEcVQIAF38i5wrijYOg==",
 			"license": "MIT",
 			"dependencies": {
-				"@supabase/auth-js": "2.69.1",
+				"@supabase/auth-js": "2.70.0",
 				"@supabase/functions-js": "2.4.4",
 				"@supabase/node-fetch": "2.6.15",
 				"@supabase/postgrest-js": "1.19.4",
-				"@supabase/realtime-js": "2.11.9",
+				"@supabase/realtime-js": "2.11.10",
 				"@supabase/storage-js": "2.7.1"
 			}
 		},
@@ -1975,9 +1975,9 @@
 			"license": "MIT"
 		},
 		"node_modules/@types/estree": {
-			"version": "1.0.7",
-			"resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.7.tgz",
-			"integrity": "sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==",
+			"version": "1.0.8",
+			"resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+			"integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
 			"dev": true,
 			"license": "MIT"
 		},
@@ -1989,9 +1989,9 @@
 			"license": "MIT"
 		},
 		"node_modules/@types/node": {
-			"version": "22.15.29",
-			"resolved": "https://registry.npmjs.org/@types/node/-/node-22.15.29.tgz",
-			"integrity": "sha512-LNdjOkUDlU1RZb8e1kOIUpN1qQUlzGkEtbVNo53vbrwDg5om6oduhm4SiUaPW5ASTXhAiP0jInWG8Qx9fVlOeQ==",
+			"version": "22.15.30",
+			"resolved": "https://registry.npmjs.org/@types/node/-/node-22.15.30.tgz",
+			"integrity": "sha512-6Q7lr06bEHdlfplU6YRbgG1SFBdlsfNC4/lX+SkhiTs0cpJkOElmWls8PxDFv4yY/xKb8Y6SO0OmSX4wgqTZbA==",
 			"license": "MIT",
 			"dependencies": {
 				"undici-types": "~6.21.0"
@@ -2297,15 +2297,15 @@
 			}
 		},
 		"node_modules/@vitest/expect": {
-			"version": "3.2.1",
-			"resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-3.2.1.tgz",
-			"integrity": "sha512-FqS/BnDOzV6+IpxrTg5GQRyLOCtcJqkwMwcS8qGCI2IyRVDwPAtutztaf1CjtPHlZlWtl1yUPCd7HM0cNiDOYw==",
+			"version": "3.2.2",
+			"resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-3.2.2.tgz",
+			"integrity": "sha512-ipHw0z669vEMjzz3xQE8nJX1s0rQIb7oEl4jjl35qWTwm/KIHERIg/p/zORrjAaZKXfsv7IybcNGHwhOOAPMwQ==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"@types/chai": "^5.2.2",
-				"@vitest/spy": "3.2.1",
-				"@vitest/utils": "3.2.1",
+				"@vitest/spy": "3.2.2",
+				"@vitest/utils": "3.2.2",
 				"chai": "^5.2.0",
 				"tinyrainbow": "^2.0.0"
 			},
@@ -2314,13 +2314,13 @@
 			}
 		},
 		"node_modules/@vitest/mocker": {
-			"version": "3.2.1",
-			"resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-3.2.1.tgz",
-			"integrity": "sha512-OXxMJnx1lkB+Vl65Re5BrsZEHc90s5NMjD23ZQ9NlU7f7nZiETGoX4NeKZSmsKjseuMq2uOYXdLOeoM0pJU+qw==",
+			"version": "3.2.2",
+			"resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-3.2.2.tgz",
+			"integrity": "sha512-jKojcaRyIYpDEf+s7/dD3LJt53c0dPfp5zCPXz9H/kcGrSlovU/t1yEaNzM9oFME3dcd4ULwRI/x0Po1Zf+LTw==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
-				"@vitest/spy": "3.2.1",
+				"@vitest/spy": "3.2.2",
 				"estree-walker": "^3.0.3",
 				"magic-string": "^0.30.17"
 			},
@@ -2351,9 +2351,9 @@
 			}
 		},
 		"node_modules/@vitest/pretty-format": {
-			"version": "3.2.1",
-			"resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-3.2.1.tgz",
-			"integrity": "sha512-xBh1X2GPlOGBupp6E1RcUQWIxw0w/hRLd3XyBS6H+dMdKTAqHDNsIR2AnJwPA3yYe9DFy3VUKTe3VRTrAiQ01g==",
+			"version": "3.2.2",
+			"resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-3.2.2.tgz",
+			"integrity": "sha512-FY4o4U1UDhO9KMd2Wee5vumwcaHw7Vg4V7yR4Oq6uK34nhEJOmdRYrk3ClburPRUA09lXD/oXWZ8y/Sdma0aUQ==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
@@ -2364,13 +2364,13 @@
 			}
 		},
 		"node_modules/@vitest/runner": {
-			"version": "3.2.1",
-			"resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-3.2.1.tgz",
-			"integrity": "sha512-kygXhNTu/wkMYbwYpS3z/9tBe0O8qpdBuC3dD/AW9sWa0LE/DAZEjnHtWA9sIad7lpD4nFW1yQ+zN7mEKNH3yA==",
+			"version": "3.2.2",
+			"resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-3.2.2.tgz",
+			"integrity": "sha512-GYcHcaS3ejGRZYed2GAkvsjBeXIEerDKdX3orQrBJqLRiea4NSS9qvn9Nxmuy1IwIB+EjFOaxXnX79l8HFaBwg==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
-				"@vitest/utils": "3.2.1",
+				"@vitest/utils": "3.2.2",
 				"pathe": "^2.0.3"
 			},
 			"funding": {
@@ -2378,13 +2378,13 @@
 			}
 		},
 		"node_modules/@vitest/snapshot": {
-			"version": "3.2.1",
-			"resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-3.2.1.tgz",
-			"integrity": "sha512-5xko/ZpW2Yc65NVK9Gpfg2y4BFvcF+At7yRT5AHUpTg9JvZ4xZoyuRY4ASlmNcBZjMslV08VRLDrBOmUe2YX3g==",
+			"version": "3.2.2",
+			"resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-3.2.2.tgz",
+			"integrity": "sha512-aMEI2XFlR1aNECbBs5C5IZopfi5Lb8QJZGGpzS8ZUHML5La5wCbrbhLOVSME68qwpT05ROEEOAZPRXFpxZV2wA==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
-				"@vitest/pretty-format": "3.2.1",
+				"@vitest/pretty-format": "3.2.2",
 				"magic-string": "^0.30.17",
 				"pathe": "^2.0.3"
 			},
@@ -2393,9 +2393,9 @@
 			}
 		},
 		"node_modules/@vitest/spy": {
-			"version": "3.2.1",
-			"resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-3.2.1.tgz",
-			"integrity": "sha512-Nbfib34Z2rfcJGSetMxjDCznn4pCYPZOtQYox2kzebIJcgH75yheIKd5QYSFmR8DIZf2M8fwOm66qSDIfRFFfQ==",
+			"version": "3.2.2",
+			"resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-3.2.2.tgz",
+			"integrity": "sha512-6Utxlx3o7pcTxvp0u8kUiXtRFScMrUg28KjB3R2hon7w4YqOFAEA9QwzPVVS1QNL3smo4xRNOpNZClRVfpMcYg==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
@@ -2406,13 +2406,13 @@
 			}
 		},
 		"node_modules/@vitest/utils": {
-			"version": "3.2.1",
-			"resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-3.2.1.tgz",
-			"integrity": "sha512-KkHlGhePEKZSub5ViknBcN5KEF+u7dSUr9NW8QsVICusUojrgrOnnY3DEWWO877ax2Pyopuk2qHmt+gkNKnBVw==",
+			"version": "3.2.2",
+			"resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-3.2.2.tgz",
+			"integrity": "sha512-qJYMllrWpF/OYfWHP32T31QCaLa3BAzT/n/8mNGhPdVcjY+JYazQFO1nsJvXU12Kp1xMpNY4AGuljPTNjQve6A==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
-				"@vitest/pretty-format": "3.2.1",
+				"@vitest/pretty-format": "3.2.2",
 				"loupe": "^3.1.3",
 				"tinyrainbow": "^2.0.0"
 			},
@@ -3378,9 +3378,9 @@
 			}
 		},
 		"node_modules/esrap": {
-			"version": "1.4.6",
-			"resolved": "https://registry.npmjs.org/esrap/-/esrap-1.4.6.tgz",
-			"integrity": "sha512-F/D2mADJ9SHY3IwksD4DAXjTt7qt7GWUf3/8RhCNWmC/67tyb55dpimHmy7EplakFaflV0R/PC+fdSPqrRHAQw==",
+			"version": "1.4.7",
+			"resolved": "https://registry.npmjs.org/esrap/-/esrap-1.4.7.tgz",
+			"integrity": "sha512-0ZxW6guTF/AeKeKi7he93lmgv7Hx7giD1tBrOeVqkqsZGQJd2/kfnL7LdIsr9FT/AtkBK9XeDTov+gxprBqdEg==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
@@ -5270,9 +5270,9 @@
 			}
 		},
 		"node_modules/rollup": {
-			"version": "4.41.1",
-			"resolved": "https://registry.npmjs.org/rollup/-/rollup-4.41.1.tgz",
-			"integrity": "sha512-cPmwD3FnFv8rKMBc1MxWCwVQFxwf1JEmSX3iQXrRVVG15zerAIXRjMFVWnd5Q5QvgKF7Aj+5ykXFhUl+QGnyOw==",
+			"version": "4.42.0",
+			"resolved": "https://registry.npmjs.org/rollup/-/rollup-4.42.0.tgz",
+			"integrity": "sha512-LW+Vse3BJPyGJGAJt1j8pWDKPd73QM8cRXYK1IxOBgL2AGLu7Xd2YOW0M2sLUBCkF5MshXXtMApyEAEzMVMsnw==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
@@ -5286,29 +5286,36 @@
 				"npm": ">=8.0.0"
 			},
 			"optionalDependencies": {
-				"@rollup/rollup-android-arm-eabi": "4.41.1",
-				"@rollup/rollup-android-arm64": "4.41.1",
-				"@rollup/rollup-darwin-arm64": "4.41.1",
-				"@rollup/rollup-darwin-x64": "4.41.1",
-				"@rollup/rollup-freebsd-arm64": "4.41.1",
-				"@rollup/rollup-freebsd-x64": "4.41.1",
-				"@rollup/rollup-linux-arm-gnueabihf": "4.41.1",
-				"@rollup/rollup-linux-arm-musleabihf": "4.41.1",
-				"@rollup/rollup-linux-arm64-gnu": "4.41.1",
-				"@rollup/rollup-linux-arm64-musl": "4.41.1",
-				"@rollup/rollup-linux-loongarch64-gnu": "4.41.1",
-				"@rollup/rollup-linux-powerpc64le-gnu": "4.41.1",
-				"@rollup/rollup-linux-riscv64-gnu": "4.41.1",
-				"@rollup/rollup-linux-riscv64-musl": "4.41.1",
-				"@rollup/rollup-linux-s390x-gnu": "4.41.1",
-				"@rollup/rollup-linux-x64-gnu": "4.41.1",
-				"@rollup/rollup-linux-x64-musl": "4.41.1",
-				"@rollup/rollup-win32-arm64-msvc": "4.41.1",
-				"@rollup/rollup-win32-ia32-msvc": "4.41.1",
-				"@rollup/rollup-win32-x64-msvc": "4.41.1",
+				"@rollup/rollup-android-arm-eabi": "4.42.0",
+				"@rollup/rollup-android-arm64": "4.42.0",
+				"@rollup/rollup-darwin-arm64": "4.42.0",
+				"@rollup/rollup-darwin-x64": "4.42.0",
+				"@rollup/rollup-freebsd-arm64": "4.42.0",
+				"@rollup/rollup-freebsd-x64": "4.42.0",
+				"@rollup/rollup-linux-arm-gnueabihf": "4.42.0",
+				"@rollup/rollup-linux-arm-musleabihf": "4.42.0",
+				"@rollup/rollup-linux-arm64-gnu": "4.42.0",
+				"@rollup/rollup-linux-arm64-musl": "4.42.0",
+				"@rollup/rollup-linux-loongarch64-gnu": "4.42.0",
+				"@rollup/rollup-linux-powerpc64le-gnu": "4.42.0",
+				"@rollup/rollup-linux-riscv64-gnu": "4.42.0",
+				"@rollup/rollup-linux-riscv64-musl": "4.42.0",
+				"@rollup/rollup-linux-s390x-gnu": "4.42.0",
+				"@rollup/rollup-linux-x64-gnu": "4.42.0",
+				"@rollup/rollup-linux-x64-musl": "4.42.0",
+				"@rollup/rollup-win32-arm64-msvc": "4.42.0",
+				"@rollup/rollup-win32-ia32-msvc": "4.42.0",
+				"@rollup/rollup-win32-x64-msvc": "4.42.0",
 				"fsevents": "~2.3.2"
 			}
 		},
+		"node_modules/rollup/node_modules/@types/estree": {
+			"version": "1.0.7",
+			"resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.7.tgz",
+			"integrity": "sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==",
+			"dev": true,
+			"license": "MIT"
+		},
 		"node_modules/rrweb-cssom": {
 			"version": "0.8.0",
 			"resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.8.0.tgz",
@@ -5651,9 +5658,9 @@
 			}
 		},
 		"node_modules/svelte": {
-			"version": "5.33.14",
-			"resolved": "https://registry.npmjs.org/svelte/-/svelte-5.33.14.tgz",
-			"integrity": "sha512-kRlbhIlMTijbFmVDQFDeKXPLlX1/ovXwV0I162wRqQhRcygaqDIcu1d/Ese3H2uI+yt3uT8E7ndgDthQv5v5BA==",
+			"version": "5.33.16",
+			"resolved": "https://registry.npmjs.org/svelte/-/svelte-5.33.16.tgz",
+			"integrity": "sha512-bZZtbOXghLrLtOFRfVB1tYzM7Q9Ir3vKBWDKSq0onw3SR3W9LltqNIAP6smWipWTGl2cosjNzYcTxdhb9KV4Ug==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
@@ -6101,9 +6108,9 @@
 			}
 		},
 		"node_modules/vite-node": {
-			"version": "3.2.1",
-			"resolved": "https://registry.npmjs.org/vite-node/-/vite-node-3.2.1.tgz",
-			"integrity": "sha512-V4EyKQPxquurNJPtQJRZo8hKOoKNBRIhxcDbQFPFig0JdoWcUhwRgK8yoCXXrfYVPKS6XwirGHPszLnR8FbjCA==",
+			"version": "3.2.2",
+			"resolved": "https://registry.npmjs.org/vite-node/-/vite-node-3.2.2.tgz",
+			"integrity": "sha512-Xj/jovjZvDXOq2FgLXu8NsY4uHUMWtzVmMC2LkCu9HWdr9Qu1Is5sanX3Z4jOFKdohfaWDnEJWp9pRP0vVpAcA==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
@@ -6143,20 +6150,20 @@
 			}
 		},
 		"node_modules/vitest": {
-			"version": "3.2.1",
-			"resolved": "https://registry.npmjs.org/vitest/-/vitest-3.2.1.tgz",
-			"integrity": "sha512-VZ40MBnlE1/V5uTgdqY3DmjUgZtIzsYq758JGlyQrv5syIsaYcabkfPkEuWML49Ph0D/SoqpVFd0dyVTr551oA==",
+			"version": "3.2.2",
+			"resolved": "https://registry.npmjs.org/vitest/-/vitest-3.2.2.tgz",
+			"integrity": "sha512-fyNn/Rp016Bt5qvY0OQvIUCwW2vnaEBLxP42PmKbNIoasSYjML+8xyeADOPvBe+Xfl/ubIw4og7Lt9jflRsCNw==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"@types/chai": "^5.2.2",
-				"@vitest/expect": "3.2.1",
-				"@vitest/mocker": "3.2.1",
-				"@vitest/pretty-format": "^3.2.1",
-				"@vitest/runner": "3.2.1",
-				"@vitest/snapshot": "3.2.1",
-				"@vitest/spy": "3.2.1",
-				"@vitest/utils": "3.2.1",
+				"@vitest/expect": "3.2.2",
+				"@vitest/mocker": "3.2.2",
+				"@vitest/pretty-format": "^3.2.2",
+				"@vitest/runner": "3.2.2",
+				"@vitest/snapshot": "3.2.2",
+				"@vitest/spy": "3.2.2",
+				"@vitest/utils": "3.2.2",
 				"chai": "^5.2.0",
 				"debug": "^4.4.1",
 				"expect-type": "^1.2.1",
@@ -6170,7 +6177,7 @@
 				"tinypool": "^1.1.0",
 				"tinyrainbow": "^2.0.0",
 				"vite": "^5.0.0 || ^6.0.0 || ^7.0.0-0",
-				"vite-node": "3.2.1",
+				"vite-node": "3.2.2",
 				"why-is-node-running": "^2.3.0"
 			},
 			"bin": {
@@ -6186,8 +6193,8 @@
 				"@edge-runtime/vm": "*",
 				"@types/debug": "^4.1.12",
 				"@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
-				"@vitest/browser": "3.2.1",
-				"@vitest/ui": "3.2.1",
+				"@vitest/browser": "3.2.2",
+				"@vitest/ui": "3.2.2",
 				"happy-dom": "*",
 				"jsdom": "*"
 			},
@@ -6513,9 +6520,9 @@
 			"license": "MIT"
 		},
 		"node_modules/zod": {
-			"version": "3.25.51",
-			"resolved": "https://registry.npmjs.org/zod/-/zod-3.25.51.tgz",
-			"integrity": "sha512-TQSnBldh+XSGL+opiSIq0575wvDPqu09AqWe1F7JhUMKY+M91/aGlK4MhpVNO7MgYfHcVCB1ffwAUTJzllKJqg==",
+			"version": "3.25.56",
+			"resolved": "https://registry.npmjs.org/zod/-/zod-3.25.56.tgz",
+			"integrity": "sha512-rd6eEF3BTNvQnR2e2wwolfTmUTnp70aUTqr0oaGbHifzC3BKJsoV+Gat8vxUMR1hwOKBs6El+qWehrHbCpW6SQ==",
 			"license": "MIT",
 			"funding": {
 				"url": "https://github.com/sponsors/colinhacks"
diff --git a/src/lib/components/QuestionCard.svelte b/src/lib/components/QuestionCard.svelte
index b9e9eed..0c740bf 100644
--- a/src/lib/components/QuestionCard.svelte
+++ b/src/lib/components/QuestionCard.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { getQuestionById } from '$lib/services/database';
+	import SubmitButton from './SubmitButton.svelte';
 	import type { DbResult } from '$lib/services/database/types';
 	import type { Database } from '$lib/types/supabase';
 
@@ -11,20 +12,12 @@
 
 	let { questionId }: Props = $props();
 
-	let responseValue = '';
-	let actionsValue = '';
-
-	let responseInput = $state(responseValue);
-	let actionsInput = $state(actionsValue);
+	let responseInput = $state('');
+	let actionsInput = $state('');
 
 	const getQuestion = async (): DbResult<Question> => {
 		return await getQuestionById(questionId);
 	};
-
-	function handleSubmit() {
-		console.log('=== Submitted ===');
-		console.log(responseInput);
-	}
 </script>
 
 {#await getQuestion() then question}
@@ -43,7 +36,7 @@
 					bind:value={responseInput}
 					placeholder="Enter your response here..."
 					rows="4"
-					class="mb-2 rounded-2xl border-2 border-[var(--pink)] p-2 outline-none focus:border-[var(--teal)]"
+					class="text-area"
 				></textarea>
 			</div>
 
@@ -54,14 +47,31 @@
 					bind:value={actionsInput}
 					placeholder="Enter your response here..."
 					rows="3"
-					class="rounded-2xl border-2 border-[var(--pink)] p-2 outline-none focus:border-[var(--teal)]"
+					class="text-area"
 				></textarea>
 			</div>
 
 			<div class="flex justify-around">
-				<button type="button" onclick={handleSubmit} class="rounded-2xl border p-4">Skip</button>
-				<button type="button" onclick={handleSubmit} class="rounded-2xl border p-4">Submit</button>
+				<SubmitButton text="Skip" {responseInput} {actionsInput} />
+				<SubmitButton text="Submit" {responseInput} {actionsInput} />
 			</div>
 		</div>
+	{:else}
+		<div class=" m-auto flex min-h-[90dvh] w-sm flex-col justify-around rounded-3xl p-5 shadow-2xl">
+			Sorry! We can't load you're questions right now. Please try again later.
+		</div>
 	{/if}
 {/await}
+
+<style>
+	.text-area {
+		border: solid 2px var(--pink);
+		border-radius: 10px;
+		padding: 10px;
+		outline: none;
+	}
+
+	.text-area:focus {
+		border: solid 2px var(--teal);
+	}
+</style>
diff --git a/src/lib/components/SubmitButton.svelte b/src/lib/components/SubmitButton.svelte
new file mode 100644
index 0000000..6502987
--- /dev/null
+++ b/src/lib/components/SubmitButton.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+	import { createAction } from '$lib/services/database/actions';
+	import { createResponse } from '$lib/services/database/responses';
+
+	//Delete later --> for development only
+	const user_id = '550e8400-e29b-41d4-a716-446655440001';
+
+	interface Props {
+		text: string;
+		responseInput: string;
+		actionsInput: string;
+	}
+
+	let { text, responseInput, actionsInput }: Props = $props();
+
+	function handleSubmit() {
+		createResponse(user_id, { response_text: responseInput });
+		createAction(user_id, { type: 'test_action', description: actionsInput });
+	}
+</script>
+
+<button type="button" onclick={handleSubmit} class="rounded-2xl border p-4">{text}</button>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 933384b..7e40152 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -3,7 +3,8 @@
 	import QuestionCard from '$lib/components/QuestionCard.svelte';
 	import { getQuestionById, getQuestions } from '$lib/services/database/questions';
 
-	const questionId = '8b771be1-c38a-4242-8287-ec760cc96b6e';
+	//Delete later --> This needs to manually updated every time you db reset
+	const questionId = 'd2f4c7f3-590c-44b4-8ca2-0d9f3b9067ba';
 </script>
 
 <QuestionCard {questionId} />

From c8f2be9347d036efba6cda94cb43b8d26527ad19 Mon Sep 17 00:00:00 2001
From: Jaz-spec <jaz.edna@proton.me>
Date: Sat, 7 Jun 2025 15:51:51 +0100
Subject: [PATCH 06/17] integrated action types

---
 src/lib/components/QuestionCard.svelte | 38 ++++++++++++++++++--------
 src/lib/components/SubmitButton.svelte |  5 ++--
 2 files changed, 29 insertions(+), 14 deletions(-)

diff --git a/src/lib/components/QuestionCard.svelte b/src/lib/components/QuestionCard.svelte
index 0c740bf..9ec81e7 100644
--- a/src/lib/components/QuestionCard.svelte
+++ b/src/lib/components/QuestionCard.svelte
@@ -14,6 +14,8 @@
 
 	let responseInput = $state('');
 	let actionsInput = $state('');
+	let actionType = $state('');
+	$inspect(actionType);
 
 	const getQuestion = async (): DbResult<Question> => {
 		return await getQuestionById(questionId);
@@ -28,7 +30,7 @@
 			</header>
 
 			<div class="flex flex-col">
-				<label for="response-{questionId}" class=""
+				<label for="response-{questionId}" class="text-xl"
 					>{question.data.question_text || 'Question'}</label
 				>
 				<textarea
@@ -40,20 +42,32 @@
 				></textarea>
 			</div>
 
-			<div class="flex flex-col">
-				<label for="actions-{questionId}">Actions needed:</label>
-				<textarea
-					id="actions-{questionId}"
-					bind:value={actionsInput}
-					placeholder="Enter your response here..."
-					rows="3"
-					class="text-area"
-				></textarea>
+			<div>
+				<h2 class="text-xl">A description of what actions are for</h2>
+				<label for="cars">Action type:</label>
+				<select id="action-type-{questionId}" bind:value={actionType}>
+					<option>Action type</option>
+					<option value="workplace_adjustment">Workplace adjustment</option>
+					<option value="schedule_adjustment">Schedule adjustment</option>
+					<option value="communication">Communication</option>
+					<option value="schedule_flexibility">Schedule flexibility</option>
+				</select>
+
+				<div class="flex flex-col">
+					<label for="actions-{questionId}">Actions needed:</label>
+					<textarea
+						id="actions-{questionId}"
+						bind:value={actionsInput}
+						placeholder="Enter your response here..."
+						rows="3"
+						class="text-area"
+					></textarea>
+				</div>
 			</div>
 
 			<div class="flex justify-around">
-				<SubmitButton text="Skip" {responseInput} {actionsInput} />
-				<SubmitButton text="Submit" {responseInput} {actionsInput} />
+				<SubmitButton text="Skip" {responseInput} {actionsInput} {actionType} />
+				<SubmitButton text="Submit" {responseInput} {actionsInput} {actionType} />
 			</div>
 		</div>
 	{:else}
diff --git a/src/lib/components/SubmitButton.svelte b/src/lib/components/SubmitButton.svelte
index 6502987..3c1d45e 100644
--- a/src/lib/components/SubmitButton.svelte
+++ b/src/lib/components/SubmitButton.svelte
@@ -9,13 +9,14 @@
 		text: string;
 		responseInput: string;
 		actionsInput: string;
+		actionType: string;
 	}
 
-	let { text, responseInput, actionsInput }: Props = $props();
+	let { text, responseInput, actionsInput, actionType }: Props = $props();
 
 	function handleSubmit() {
 		createResponse(user_id, { response_text: responseInput });
-		createAction(user_id, { type: 'test_action', description: actionsInput });
+		createAction(user_id, { type: actionType, description: actionsInput });
 	}
 </script>
 

From fe51e2b034ca11497721ab45b2f38839f439ccb6 Mon Sep 17 00:00:00 2001
From: Jaz-spec <jaz.edna@proton.me>
Date: Sat, 7 Jun 2025 17:17:59 +0100
Subject: [PATCH 07/17] ability to retrieve previous answers

---
 src/lib/components/QuestionCard.svelte | 36 +++++++++++++++++++++-----
 src/lib/components/SubmitButton.svelte |  5 ++--
 src/routes/+page.svelte                |  2 +-
 3 files changed, 33 insertions(+), 10 deletions(-)

diff --git a/src/lib/components/QuestionCard.svelte b/src/lib/components/QuestionCard.svelte
index 9ec81e7..93c956a 100644
--- a/src/lib/components/QuestionCard.svelte
+++ b/src/lib/components/QuestionCard.svelte
@@ -3,35 +3,57 @@
 	import SubmitButton from './SubmitButton.svelte';
 	import type { DbResult } from '$lib/services/database/types';
 	import type { Database } from '$lib/types/supabase';
+	import { getLatestResponses } from '$lib/services/database/responses';
 
 	type Question = Database['public']['Tables']['questions']['Row'];
 
+	//Delete later --> for development only
+	const user_id = '550e8400-e29b-41d4-a716-446655440003';
+
 	interface Props {
 		questionId: string;
 	}
 
 	let { questionId }: Props = $props();
 
-	let responseInput = $state('');
 	let actionsInput = $state('');
 	let actionType = $state('');
 	$inspect(actionType);
 
-	const getQuestion = async (): DbResult<Question> => {
-		return await getQuestionById(questionId);
+	const getData = async () => {
+		const question = await getQuestionById(questionId);
+		const previousResponse = await getLatestResponse();
+
+		if (previousResponse) responseInput = previousResponse;
+
+		return {
+			question: question || null,
+			previousResponse: previousResponse || null
+		};
 	};
+
+	const getLatestResponse = async () => {
+		const response = await getLatestResponses(user_id);
+		if (response?.data) {
+			const questionResponse = response.data.find((r) => r.question_id === questionId);
+			return questionResponse?.response_text;
+		}
+		return null;
+	};
+	getLatestResponse();
+	let responseInput = $state('');
 </script>
 
-{#await getQuestion() then question}
-	{#if question.data}
+{#await getData() then response}
+	{#if response.question && response.question.data}
 		<div class=" m-auto flex min-h-[90dvh] w-sm flex-col justify-around rounded-3xl p-5 shadow-2xl">
 			<header>
-				<h1 class="text-center text-2xl">{question.data.category}</h1>
+				<h1 class="text-center text-2xl">{response.question.data.category}</h1>
 			</header>
 
 			<div class="flex flex-col">
 				<label for="response-{questionId}" class="text-xl"
-					>{question.data.question_text || 'Question'}</label
+					>{response.question.data.question_text || 'Question'}</label
 				>
 				<textarea
 					id="response-{questionId}"
diff --git a/src/lib/components/SubmitButton.svelte b/src/lib/components/SubmitButton.svelte
index 3c1d45e..4b206b2 100644
--- a/src/lib/components/SubmitButton.svelte
+++ b/src/lib/components/SubmitButton.svelte
@@ -3,7 +3,8 @@
 	import { createResponse } from '$lib/services/database/responses';
 
 	//Delete later --> for development only
-	const user_id = '550e8400-e29b-41d4-a716-446655440001';
+	const user_id = '550e8400-e29b-41d4-a716-446655440003';
+	const questionId = '0211af06-9dfb-47ec-9424-363be6869010';
 
 	interface Props {
 		text: string;
@@ -15,7 +16,7 @@
 	let { text, responseInput, actionsInput, actionType }: Props = $props();
 
 	function handleSubmit() {
-		createResponse(user_id, { response_text: responseInput });
+		createResponse(user_id, { response_text: responseInput, question_id: questionId });
 		createAction(user_id, { type: actionType, description: actionsInput });
 	}
 </script>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 7e40152..a112ba1 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -4,7 +4,7 @@
 	import { getQuestionById, getQuestions } from '$lib/services/database/questions';
 
 	//Delete later --> This needs to manually updated every time you db reset
-	const questionId = 'd2f4c7f3-590c-44b4-8ca2-0d9f3b9067ba';
+	const questionId = '0211af06-9dfb-47ec-9424-363be6869010';
 </script>
 
 <QuestionCard {questionId} />

From b558d9b0c4dfbea4389bea530f978c3e487cfc1c Mon Sep 17 00:00:00 2001
From: Jaz-spec <jaz.edna@proton.me>
Date: Sat, 7 Jun 2025 17:26:25 +0100
Subject: [PATCH 08/17] responses marked as either answered or skipped

---
 src/lib/components/QuestionCard.svelte | 4 ++--
 src/lib/components/SubmitButton.svelte | 9 +++++++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/QuestionCard.svelte b/src/lib/components/QuestionCard.svelte
index 93c956a..cfad1b3 100644
--- a/src/lib/components/QuestionCard.svelte
+++ b/src/lib/components/QuestionCard.svelte
@@ -88,8 +88,8 @@
 			</div>
 
 			<div class="flex justify-around">
-				<SubmitButton text="Skip" {responseInput} {actionsInput} {actionType} />
-				<SubmitButton text="Submit" {responseInput} {actionsInput} {actionType} />
+				<SubmitButton text="Skip" status="skipped" {responseInput} {actionsInput} {actionType} />
+				<SubmitButton text="Submit" status="answered" {responseInput} {actionsInput} {actionType} />
 			</div>
 		</div>
 	{:else}
diff --git a/src/lib/components/SubmitButton.svelte b/src/lib/components/SubmitButton.svelte
index 4b206b2..0f183af 100644
--- a/src/lib/components/SubmitButton.svelte
+++ b/src/lib/components/SubmitButton.svelte
@@ -11,12 +11,17 @@
 		responseInput: string;
 		actionsInput: string;
 		actionType: string;
+		status: string;
 	}
 
-	let { text, responseInput, actionsInput, actionType }: Props = $props();
+	let { text, responseInput, actionsInput, actionType, status }: Props = $props();
 
 	function handleSubmit() {
-		createResponse(user_id, { response_text: responseInput, question_id: questionId });
+		createResponse(user_id, {
+			response_text: responseInput,
+			question_id: questionId,
+			status: status
+		});
 		createAction(user_id, { type: actionType, description: actionsInput });
 	}
 </script>

From 33cc0be7fdb3c75d634025b9349e346ffc35545b Mon Sep 17 00:00:00 2001
From: Jaz-spec <jaz.edna@proton.me>
Date: Sat, 7 Jun 2025 18:15:59 +0100
Subject: [PATCH 09/17] retrieved and displayed latest action in question card
 component

---
 src/lib/components/QuestionCard.svelte | 17 ++++++++++++++---
 src/lib/components/SubmitButton.svelte |  4 ++--
 src/routes/+page.svelte                |  2 +-
 3 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/QuestionCard.svelte b/src/lib/components/QuestionCard.svelte
index cfad1b3..187a440 100644
--- a/src/lib/components/QuestionCard.svelte
+++ b/src/lib/components/QuestionCard.svelte
@@ -4,11 +4,12 @@
 	import type { DbResult } from '$lib/services/database/types';
 	import type { Database } from '$lib/types/supabase';
 	import { getLatestResponses } from '$lib/services/database/responses';
+	import { getLatestActions } from '$lib/services/database';
 
 	type Question = Database['public']['Tables']['questions']['Row'];
 
 	//Delete later --> for development only
-	const user_id = '550e8400-e29b-41d4-a716-446655440003';
+	const user_id = '550e8400-e29b-41d4-a716-446655440001';
 
 	interface Props {
 		questionId: string;
@@ -16,7 +17,6 @@
 
 	let { questionId }: Props = $props();
 
-	let actionsInput = $state('');
 	let actionType = $state('');
 	$inspect(actionType);
 
@@ -36,12 +36,23 @@
 		const response = await getLatestResponses(user_id);
 		if (response?.data) {
 			const questionResponse = response.data.find((r) => r.question_id === questionId);
+			const previousAction = await getLatestAction(questionResponse?.id);
+			if (previousAction) actionsInput = previousAction;
 			return questionResponse?.response_text;
 		}
 		return null;
 	};
-	getLatestResponse();
 	let responseInput = $state('');
+
+	const getLatestAction = async (response_Id: string | undefined) => {
+		const response = await getLatestActions(user_id);
+		if (response?.data) {
+			const actionResponse = response.data.find((r) => r.response_id === response_Id);
+			return actionResponse?.description;
+		}
+		return null;
+	};
+	let actionsInput = $state('');
 </script>
 
 {#await getData() then response}
diff --git a/src/lib/components/SubmitButton.svelte b/src/lib/components/SubmitButton.svelte
index 0f183af..17459a5 100644
--- a/src/lib/components/SubmitButton.svelte
+++ b/src/lib/components/SubmitButton.svelte
@@ -3,8 +3,8 @@
 	import { createResponse } from '$lib/services/database/responses';
 
 	//Delete later --> for development only
-	const user_id = '550e8400-e29b-41d4-a716-446655440003';
-	const questionId = '0211af06-9dfb-47ec-9424-363be6869010';
+	const user_id = '550e8400-e29b-41d4-a716-446655440001';
+	const questionId = '68934e75-14b6-47ed-9e27-2d7fae9e579a';
 
 	interface Props {
 		text: string;
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index a112ba1..60be79e 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -4,7 +4,7 @@
 	import { getQuestionById, getQuestions } from '$lib/services/database/questions';
 
 	//Delete later --> This needs to manually updated every time you db reset
-	const questionId = '0211af06-9dfb-47ec-9424-363be6869010';
+	const questionId = '68934e75-14b6-47ed-9e27-2d7fae9e579a';
 </script>
 
 <QuestionCard {questionId} />

From 3ec4c579d8ca76426517cad5fbd7058f17c6a49f Mon Sep 17 00:00:00 2001
From: Jaz-spec <jaz.edna@proton.me>
Date: Sat, 7 Jun 2025 19:35:30 +0100
Subject: [PATCH 10/17] public private toggle implemented

---
 src/lib/components/QuestionCard.svelte | 38 +++++++++++++++++++++-----
 src/lib/components/SubmitButton.svelte |  6 ++--
 src/lib/components/ToggleStatus.svelte | 20 ++++++++++++++
 3 files changed, 55 insertions(+), 9 deletions(-)
 create mode 100644 src/lib/components/ToggleStatus.svelte

diff --git a/src/lib/components/QuestionCard.svelte b/src/lib/components/QuestionCard.svelte
index 187a440..2a3dec2 100644
--- a/src/lib/components/QuestionCard.svelte
+++ b/src/lib/components/QuestionCard.svelte
@@ -5,6 +5,7 @@
 	import type { Database } from '$lib/types/supabase';
 	import { getLatestResponses } from '$lib/services/database/responses';
 	import { getLatestActions } from '$lib/services/database';
+	import ToggleStatus from './ToggleStatus.svelte';
 
 	type Question = Database['public']['Tables']['questions']['Row'];
 
@@ -17,9 +18,6 @@
 
 	let { questionId }: Props = $props();
 
-	let actionType = $state('');
-	$inspect(actionType);
-
 	const getData = async () => {
 		const question = await getQuestionById(questionId);
 		const previousResponse = await getLatestResponse();
@@ -37,7 +35,10 @@
 		if (response?.data) {
 			const questionResponse = response.data.find((r) => r.question_id === questionId);
 			const previousAction = await getLatestAction(questionResponse?.id);
-			if (previousAction) actionsInput = previousAction;
+			if (previousAction?.description) {
+				actionsInput = previousAction.description;
+				actionType = previousAction.type;
+			}
 			return questionResponse?.response_text;
 		}
 		return null;
@@ -48,11 +49,18 @@
 		const response = await getLatestActions(user_id);
 		if (response?.data) {
 			const actionResponse = response.data.find((r) => r.response_id === response_Id);
-			return actionResponse?.description;
+			return actionResponse;
 		}
 		return null;
 	};
+	let actionType = $state('');
 	let actionsInput = $state('');
+	let isPublic = $state('private');
+	$inspect(isPublic);
+
+	const toggleVisibility = () => {
+		isPublic = isPublic === 'public' ? 'private' : 'public';
+	};
 </script>
 
 {#await getData() then response}
@@ -62,6 +70,8 @@
 				<h1 class="text-center text-2xl">{response.question.data.category}</h1>
 			</header>
 
+			<ToggleStatus {isPublic} {toggleVisibility} />
+
 			<div class="flex flex-col">
 				<label for="response-{questionId}" class="text-xl"
 					>{response.question.data.question_text || 'Question'}</label
@@ -99,8 +109,22 @@
 			</div>
 
 			<div class="flex justify-around">
-				<SubmitButton text="Skip" status="skipped" {responseInput} {actionsInput} {actionType} />
-				<SubmitButton text="Submit" status="answered" {responseInput} {actionsInput} {actionType} />
+				<SubmitButton
+					text="Skip"
+					status="skipped"
+					{responseInput}
+					{actionsInput}
+					{actionType}
+					{isPublic}
+				/>
+				<SubmitButton
+					text="Submit"
+					status="answered"
+					{responseInput}
+					{actionsInput}
+					{actionType}
+					{isPublic}
+				/>
 			</div>
 		</div>
 	{:else}
diff --git a/src/lib/components/SubmitButton.svelte b/src/lib/components/SubmitButton.svelte
index 17459a5..0cb24cb 100644
--- a/src/lib/components/SubmitButton.svelte
+++ b/src/lib/components/SubmitButton.svelte
@@ -12,15 +12,17 @@
 		actionsInput: string;
 		actionType: string;
 		status: string;
+		isPublic: string;
 	}
 
-	let { text, responseInput, actionsInput, actionType, status }: Props = $props();
+	let { text, responseInput, actionsInput, actionType, status, isPublic }: Props = $props();
 
 	function handleSubmit() {
 		createResponse(user_id, {
 			response_text: responseInput,
 			question_id: questionId,
-			status: status
+			status: status,
+			visibility: isPublic
 		});
 		createAction(user_id, { type: actionType, description: actionsInput });
 	}
diff --git a/src/lib/components/ToggleStatus.svelte b/src/lib/components/ToggleStatus.svelte
new file mode 100644
index 0000000..67ff839
--- /dev/null
+++ b/src/lib/components/ToggleStatus.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+	let { isPublic, toggleVisibility } = $props();
+</script>
+
+<div class="flex items-center gap-3">
+	<div class="relative inline-block h-5 w-11">
+		<input
+			onclick={toggleVisibility}
+			id="switch-component"
+			type="checkbox"
+			class="peer h-5 w-11 cursor-pointer appearance-none rounded-full bg-slate-100 transition-colors duration-300 checked:bg-[var(--teal)]"
+		/>
+		<label
+			for="switch-component"
+			class="absolute top-0 left-0 h-5 w-5 cursor-pointer rounded-full border border-slate-300 bg-white shadow-sm transition-transform duration-300 peer-checked:translate-x-6 peer-checked:border-[var(--teal)]"
+		>
+		</label>
+	</div>
+	<span class=" text-sm font-medium">{isPublic}</span>
+</div>

From f3fb76ec3a1b0d4c1297a6cc1de595d6006a5de4 Mon Sep 17 00:00:00 2001
From: Jaz-spec <jaz.edna@proton.me>
Date: Sat, 7 Jun 2025 20:02:07 +0100
Subject: [PATCH 11/17] fixed some toggle mis-haps

---
 src/lib/components/QuestionCard.svelte |  7 ++++++-
 src/lib/components/SubmitButton.svelte | 10 ++++++----
 src/lib/components/ToggleStatus.svelte |  1 +
 src/routes/+page.svelte                |  2 +-
 4 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/QuestionCard.svelte b/src/lib/components/QuestionCard.svelte
index 2a3dec2..d099689 100644
--- a/src/lib/components/QuestionCard.svelte
+++ b/src/lib/components/QuestionCard.svelte
@@ -10,7 +10,7 @@
 	type Question = Database['public']['Tables']['questions']['Row'];
 
 	//Delete later --> for development only
-	const user_id = '550e8400-e29b-41d4-a716-446655440001';
+	const user_id = '550e8400-e29b-41d4-a716-446655440005';
 
 	interface Props {
 		questionId: string;
@@ -39,11 +39,14 @@
 				actionsInput = previousAction.description;
 				actionType = previousAction.type;
 			}
+			if (questionResponse?.visibility) isPublic = questionResponse?.visibility;
+			if (questionResponse?.id) responseId = questionResponse?.id;
 			return questionResponse?.response_text;
 		}
 		return null;
 	};
 	let responseInput = $state('');
+	let responseId = $state('');
 
 	const getLatestAction = async (response_Id: string | undefined) => {
 		const response = await getLatestActions(user_id);
@@ -116,6 +119,7 @@
 					{actionsInput}
 					{actionType}
 					{isPublic}
+					{responseId}
 				/>
 				<SubmitButton
 					text="Submit"
@@ -124,6 +128,7 @@
 					{actionsInput}
 					{actionType}
 					{isPublic}
+					{responseId}
 				/>
 			</div>
 		</div>
diff --git a/src/lib/components/SubmitButton.svelte b/src/lib/components/SubmitButton.svelte
index 0cb24cb..74f12dc 100644
--- a/src/lib/components/SubmitButton.svelte
+++ b/src/lib/components/SubmitButton.svelte
@@ -3,8 +3,8 @@
 	import { createResponse } from '$lib/services/database/responses';
 
 	//Delete later --> for development only
-	const user_id = '550e8400-e29b-41d4-a716-446655440001';
-	const questionId = '68934e75-14b6-47ed-9e27-2d7fae9e579a';
+	const user_id = '550e8400-e29b-41d4-a716-446655440005';
+	const questionId = 'bacc6ffa-b589-4bdc-8eb8-d29eeef7f153';
 
 	interface Props {
 		text: string;
@@ -13,9 +13,11 @@
 		actionType: string;
 		status: string;
 		isPublic: string;
+		responseId: string;
 	}
 
-	let { text, responseInput, actionsInput, actionType, status, isPublic }: Props = $props();
+	let { text, responseInput, actionsInput, actionType, status, isPublic, responseId }: Props =
+		$props();
 
 	function handleSubmit() {
 		createResponse(user_id, {
@@ -24,7 +26,7 @@
 			status: status,
 			visibility: isPublic
 		});
-		createAction(user_id, { type: actionType, description: actionsInput });
+		createAction(user_id, { type: actionType, description: actionsInput, response_id: responseId });
 	}
 </script>
 
diff --git a/src/lib/components/ToggleStatus.svelte b/src/lib/components/ToggleStatus.svelte
index 67ff839..2c3725a 100644
--- a/src/lib/components/ToggleStatus.svelte
+++ b/src/lib/components/ToggleStatus.svelte
@@ -5,6 +5,7 @@
 <div class="flex items-center gap-3">
 	<div class="relative inline-block h-5 w-11">
 		<input
+			checked={toggleVisibility}
 			onclick={toggleVisibility}
 			id="switch-component"
 			type="checkbox"
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 60be79e..8e254c8 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -4,7 +4,7 @@
 	import { getQuestionById, getQuestions } from '$lib/services/database/questions';
 
 	//Delete later --> This needs to manually updated every time you db reset
-	const questionId = '68934e75-14b6-47ed-9e27-2d7fae9e579a';
+	const questionId = 'bacc6ffa-b589-4bdc-8eb8-d29eeef7f153';
 </script>
 
 <QuestionCard {questionId} />

From 31bb8f2cce63479c7e59d6cf3e9ab98d0bbf6584 Mon Sep 17 00:00:00 2001
From: Jason Warren <jason@foundersandcoders.com>
Date: Mon, 9 Jun 2025 11:47:34 +0100
Subject: [PATCH 12/17] style: :lipstick: rationalise imports from different
 branches

---
 .../components/{ => buttons}/Button.svelte    |  0
 .../{ => buttons}/SubmitButton.svelte         |  0
 .../{ => buttons}/ToggleStatus.svelte         |  0
 .../{ => cards}/QuestionCard.svelte           |  4 ++--
 src/lib/components/footer.svelte              | 17 ---------------
 src/lib/components/layouts/Footer.svelte      | 21 +++++++++++++++++++
 .../{header.svelte => layouts/Header.svelte}  |  6 ++----
 .../{view/dash.svelte => views/Dash.svelte}   |  0
 .../detail.svelte => views/Detail.svelte}     |  0
 .../{view/list.svelte => views/List.svelte}   |  0
 src/routes/+layout.svelte                     |  4 ++--
 src/routes/+page.svelte                       |  6 +++---
 12 files changed, 30 insertions(+), 28 deletions(-)
 rename src/lib/components/{ => buttons}/Button.svelte (100%)
 rename src/lib/components/{ => buttons}/SubmitButton.svelte (100%)
 rename src/lib/components/{ => buttons}/ToggleStatus.svelte (100%)
 rename src/lib/components/{ => cards}/QuestionCard.svelte (97%)
 delete mode 100644 src/lib/components/footer.svelte
 create mode 100644 src/lib/components/layouts/Footer.svelte
 rename src/lib/components/{header.svelte => layouts/Header.svelte} (71%)
 rename src/lib/components/{view/dash.svelte => views/Dash.svelte} (100%)
 rename src/lib/components/{view/detail.svelte => views/Detail.svelte} (100%)
 rename src/lib/components/{view/list.svelte => views/List.svelte} (100%)

diff --git a/src/lib/components/Button.svelte b/src/lib/components/buttons/Button.svelte
similarity index 100%
rename from src/lib/components/Button.svelte
rename to src/lib/components/buttons/Button.svelte
diff --git a/src/lib/components/SubmitButton.svelte b/src/lib/components/buttons/SubmitButton.svelte
similarity index 100%
rename from src/lib/components/SubmitButton.svelte
rename to src/lib/components/buttons/SubmitButton.svelte
diff --git a/src/lib/components/ToggleStatus.svelte b/src/lib/components/buttons/ToggleStatus.svelte
similarity index 100%
rename from src/lib/components/ToggleStatus.svelte
rename to src/lib/components/buttons/ToggleStatus.svelte
diff --git a/src/lib/components/QuestionCard.svelte b/src/lib/components/cards/QuestionCard.svelte
similarity index 97%
rename from src/lib/components/QuestionCard.svelte
rename to src/lib/components/cards/QuestionCard.svelte
index d099689..98a151d 100644
--- a/src/lib/components/QuestionCard.svelte
+++ b/src/lib/components/cards/QuestionCard.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
 	import { getQuestionById } from '$lib/services/database';
-	import SubmitButton from './SubmitButton.svelte';
+	import SubmitButton from '../buttons/SubmitButton.svelte';
 	import type { DbResult } from '$lib/services/database/types';
 	import type { Database } from '$lib/types/supabase';
 	import { getLatestResponses } from '$lib/services/database/responses';
 	import { getLatestActions } from '$lib/services/database';
-	import ToggleStatus from './ToggleStatus.svelte';
+	import ToggleStatus from '../buttons/ToggleStatus.svelte';
 
 	type Question = Database['public']['Tables']['questions']['Row'];
 
diff --git a/src/lib/components/footer.svelte b/src/lib/components/footer.svelte
deleted file mode 100644
index f7f4f2f..0000000
--- a/src/lib/components/footer.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-	let { devMode, profileId } = $props();
-</script>
-
-<footer id="dev-info" class="dev flex flex-row justify-between">
-  <div class="dev">
-    {#if profileId}
-      <p>Profile ID: {profileId}</p>
-    {:else}
-      <p>Not Logged In</p>
-    {/if}
-  </div>
-
-  <div class="dev">
-    <p>Dev Mode: {devMode}</p>
-  </div>
-</footer>
\ No newline at end of file
diff --git a/src/lib/components/layouts/Footer.svelte b/src/lib/components/layouts/Footer.svelte
new file mode 100644
index 0000000..af55b6a
--- /dev/null
+++ b/src/lib/components/layouts/Footer.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+	let { devMode, profileId } = $props();
+</script>
+
+<footer class="sticky bottom-0 z-50 w-full border-t border-gray-200 bg-white">
+  <div id="dev-info" class="flex flex-row justify-between">
+    <div class="dev"></div>
+
+    <div class="dev">
+      {#if profileId}
+        <p>Profile ID: {profileId}</p>
+      {:else}
+        <p>Not Logged In</p>
+      {/if}
+    </div>
+
+    <div class="dev">
+      <p>Dev Mode: {devMode}</p>
+    </div>
+  </div>
+</footer>
\ No newline at end of file
diff --git a/src/lib/components/header.svelte b/src/lib/components/layouts/Header.svelte
similarity index 71%
rename from src/lib/components/header.svelte
rename to src/lib/components/layouts/Header.svelte
index 3bc3fb1..27d9f04 100644
--- a/src/lib/components/header.svelte
+++ b/src/lib/components/layouts/Header.svelte
@@ -2,9 +2,7 @@
 	import { getContext } from 'svelte';
 
 	const toggleDevMode = getContext<() => void>('toggleDevMode');
-	const onToggleDevMode = () => {
-		toggleDevMode();
-	};
+	const onToggleDevMode = () => { toggleDevMode() };
 </script>
 
 <header class="sticky top-0 z-50 w-full border-b border-gray-200 bg-white">
@@ -22,7 +20,7 @@
 		<!-- Dev Mode Toggle (Development Only) -->
 		<button
 			onclick={onToggleDevMode}
-			class="dev button inline-flex items-center rounded-md border border-gray-300 bg-gray-100 px-3 py-2 text-sm font-medium text-gray-700 transition-colors duration-200 hover:bg-gray-200 focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:outline-none"
+			class="button inline-flex items-center rounded-md border border-gray-300 bg-gray-100 px-3 py-2 text-sm font-medium text-gray-700 transition-colors duration-200 hover:bg-gray-200 focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:outline-none"
 			type="button"
 			aria-label="Toggle development mode"
 		>
diff --git a/src/lib/components/view/dash.svelte b/src/lib/components/views/Dash.svelte
similarity index 100%
rename from src/lib/components/view/dash.svelte
rename to src/lib/components/views/Dash.svelte
diff --git a/src/lib/components/view/detail.svelte b/src/lib/components/views/Detail.svelte
similarity index 100%
rename from src/lib/components/view/detail.svelte
rename to src/lib/components/views/Detail.svelte
diff --git a/src/lib/components/view/list.svelte b/src/lib/components/views/List.svelte
similarity index 100%
rename from src/lib/components/view/list.svelte
rename to src/lib/components/views/List.svelte
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index d84e25e..0d702fb 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import '../app.css';
-	import Header from "$lib/components/header.svelte";
-	import Footer from "$lib/components/footer.svelte";
+	import Header from "$lib/components/layouts/Header.svelte";
+	import Footer from "$lib/components/layouts/Footer.svelte";
 	import { setContext } from 'svelte';
 	import type { View } from "$lib/types/ui";
 
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 3d807a6..9701c59 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
 	import { getContext } from 'svelte';
-	import Dash from "$lib/components/view/dash.svelte";
-	import List from "$lib/components/view/list.svelte";
-	import Detail from "$lib/components/view/detail.svelte";
+	import Dash from "$lib/components/views/Dash.svelte";
+	import List from "$lib/components/views/List.svelte";
+	import Detail from "$lib/components/views/Detail.svelte";
 	import type { View } from "$lib/types/ui";
 
 	// import '$lib/components/QuestionCard.svelte';

From 3621fe61c64297694a96fdc07f21bf790d108f7d Mon Sep 17 00:00:00 2001
From: Jason Warren <jason@foundersandcoders.com>
Date: Mon, 9 Jun 2025 14:23:07 +0100
Subject: [PATCH 13/17] style: :lipstick: remove dashed horrors

---
 src/app.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app.css b/src/app.css
index 34a745b..fb09b38 100644
--- a/src/app.css
+++ b/src/app.css
@@ -24,7 +24,7 @@ body {
 
 .dev {
 	margin: 1rem;
-	outline: 2px dashed var(--color-teal);
+	outline: 2px solid var(--color-teal);
 	padding: 1rem;
 }
 

From 8b235b5fceb25552e234eede5b1c5f5f6ce39fd3 Mon Sep 17 00:00:00 2001
From: Jason Warren <jason@foundersandcoders.com>
Date: Mon, 9 Jun 2025 14:23:33 +0100
Subject: [PATCH 14/17] feat: :label: create list category type

---
 src/lib/components/views/Dash.svelte | 37 ++++++++---------
 src/lib/components/views/List.svelte | 60 +++++++++++++++++++++++-----
 src/lib/types/ui.ts                  |  5 +++
 src/routes/+layout.svelte            | 17 ++++++--
 src/routes/+page.svelte              | 11 +++--
 5 files changed, 94 insertions(+), 36 deletions(-)

diff --git a/src/lib/components/views/Dash.svelte b/src/lib/components/views/Dash.svelte
index 2773642..a5f2b84 100644
--- a/src/lib/components/views/Dash.svelte
+++ b/src/lib/components/views/Dash.svelte
@@ -2,42 +2,43 @@
 	import { setListNum } from "$lib/components/logic/dev.svelte";
 	import { getUserActions } from "$lib/services/database/actions";
 	import { getQuestions } from "$lib/services/database/questions";
-	import type { View } from "$lib/types/ui";
+	import type { ListCategory, View } from "$lib/types/ui";
 	import { getContext } from 'svelte';
 
-	const getProfileId = getContext<() => string>('profileId');
+	const getProfileId = getContext<() => string>('getProfileId');
 	let profileId = $derived(getProfileId());
 
 	const setView = getContext<(view: View) => void>('setView');
+	const setList = getContext<(list: ListCategory) => void>('setList');
 
 	let queryQuestions = $state(getQuestions());
 	let queryActions = $derived(profileId != "" ? getUserActions(profileId) : null);
 
-	function getCategories(questions: any) {
+	function getCategories(questions: any): ListCategory[] {
 		interface Question {
 			id: string;
 			question_text: string;
 			category: string;
 		};
 
-		const categories = questions.map(
-			// Extract the Categories
+		const categoriesRaw:string[] = questions.map(
 			(question:Question) => question.category
-		).map(
-			// Convert to Title Case
-			(category:string) => category.split('_').map(
-				word => word.charAt(0).toUpperCase() + word.slice(1)
-			).join(' ')
 		);
 
-		// Remove Duplicates
-		const categoriesUnique = [...new Set(categories)];
+		const categoriesUnique = [...new Set(categoriesRaw)];
+		
+		const categoriesFormatted:ListCategory[] = Array.from(categoriesUnique).map((category:string) => ({
+			raw: category,
+			format: category.split('_').map(
+				word => word.charAt(0).toUpperCase() + word.slice(1)
+			).join(' ')
+		}));
 
-		return categoriesUnique;
+		return categoriesFormatted;
 	}
 
-	const setViewList = (listNum: number) => {
-		setListNum(listNum);
+	const setViewList = (category:ListCategory) => {
+		setList(category);
 		setView("list");
 	};
 </script>
@@ -52,7 +53,7 @@
 			<p>Loading...</p>
 		{:then result}
 			{#if result && result.data}
-				<button class="dev tile" onclick={() => setViewList(1)}>
+				<button class="dev tile" onclick={() => setViewList({ raw: "actions", format: "Actions" })}>
 					<p>{result.data.length} Actions</p>
 				</button>
 			{:else}
@@ -69,8 +70,8 @@
 		{:then result}
 			{#if result.data}
 				{#each getCategories(result.data) as category}
-					<button class="dev tile" onclick={() => setViewList(1)}>
-						<p>{category}</p>
+					<button class="dev tile" onclick={() => setViewList(category)}>
+						<p>{category.format}</p>
 					</button>
 				{/each}
 			{:else}
diff --git a/src/lib/components/views/List.svelte b/src/lib/components/views/List.svelte
index 95e84b9..14fee86 100644
--- a/src/lib/components/views/List.svelte
+++ b/src/lib/components/views/List.svelte
@@ -1,13 +1,25 @@
 <script lang="ts">
-	import { getListNum } from "$lib/components/logic/dev.svelte";
-	import type { View } from "$lib/types/ui";
+	import type { ListCategory, View } from "$lib/types/ui";
+	import { getUserActions } from "$lib/services/database/actions";
+	import { getQuestions } from "$lib/services/database/questions";
 	import { getContext } from 'svelte';
 
 	const setView = getContext<(view:View) => void>('setView');
 
-	let entries = $state(getListNum());
+	const getList = getContext<() => ListCategory>('getList');
+	const setList = getContext<(list:ListCategory) => void>('setList');
+	let list = $derived(getList());
 
-	const onBackClick = () => { setView("dash") };
+	const getProfileId = getContext<() => string>('getProfileId');
+	let profileId = $derived(getProfileId());
+
+	let queryActions = $derived(getUserActions(profileId));
+	let queryQuestions = $state(getQuestions());
+
+	const onBackClick = () => {
+		setView("dash");
+		setList({ raw: "", format: "" });
+	};
 	const onListClick = () => { setView("detail") };
 </script>
 
@@ -20,11 +32,39 @@
 		</button>
 	</div>
 
-	<div id="list-items" class="dev flex flex-row justify-left">
-		{#each [...Array(entries)] as _, i}
-			<button onclick={onListClick} class="dev list">
-				List Item {i + 1}
-			</button>
-		{/each}
+	<div id="list-items" class="dev flex flex-col justify-left">
+		{#if list.raw == "actions"}
+			{#await queryActions}
+				<p>Loading...</p>
+			{:then result}
+				{#if result.data}
+					{#each result.data as action}
+						<button onclick={onListClick} class="dev list">
+							{action.description}
+						</button>
+					{/each}
+				{/if}
+			{:catch error}
+				<p>Error: {error.message}</p>
+			{/await}
+		{:else if list.raw}
+			{#await queryQuestions}
+				<p>Loading...</p>
+			{:then result}
+				{#if result.data}
+					{#each result.data as question}
+						<button onclick={onListClick} class="dev list">
+							{question.question_text}
+						</button>
+					{/each}
+				{/if}
+			{:catch error}
+				<p>Error: {error.message}</p>
+			{/await}
+		{:else}
+			<div class="dev list">
+				<p>No list selected</p>
+			</div>
+		{/if}
 	</div>
 </div>
\ No newline at end of file
diff --git a/src/lib/types/ui.ts b/src/lib/types/ui.ts
index ab50f4f..08e18c2 100644
--- a/src/lib/types/ui.ts
+++ b/src/lib/types/ui.ts
@@ -4,4 +4,9 @@ export interface ActionCheck {
   count: number;
 }
 
+export type ListCategory = {
+  raw: string;
+  format: string;
+};
+
 export type View = "dash" | "list" | "detail";
\ No newline at end of file
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 0d702fb..9cbc43b 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -3,23 +3,32 @@
 	import Header from "$lib/components/layouts/Header.svelte";
 	import Footer from "$lib/components/layouts/Footer.svelte";
 	import { setContext } from 'svelte';
-	import type { View } from "$lib/types/ui";
+	import type { ListCategory, View } from "$lib/types/ui";
 
 	let devMode = $state<boolean>(true);
-	setContext('devMode', () => devMode);
+	setContext('getDevMode', () => devMode);
 	setContext('toggleDevMode', () => { devMode = !devMode });
 
 	/* todo: Profile ID
 		This will need to be replaced by the authentication system
 		*/
 	let profileId = $derived(devMode ? "550e8400-e29b-41d4-a716-446655440001" : "");
-	setContext('profileId', () => profileId);
+	setContext('getProfileId', () => profileId);
 
 	let view = $state<View>("dash");
-	setContext('view', () => view);
+	setContext('getView', () => view);
 	setContext('setView', (newView: View) => { view = newView });
 
+	let list = $state<ListCategory>({ raw: "", format: "" });
+	setContext('getList', () => list);
+	setContext('setList', (newList: ListCategory) => { list = newList });
+
 	let { children } = $props();
+
+	$inspect(devMode).with((type, value) => console.log(`${type} devMode: ${value}`));
+	$inspect(profileId).with((type, value) => console.log(`${type} profileId: ${value}`));
+	$inspect(view).with((type, value) => console.log(`${type} view: ${value}`));
+	$inspect(list).with((type, value) => console.log(`${type} list: ${value.raw}`));
 </script>
 
 <Header />
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 9701c59..8249e81 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -12,16 +12,19 @@
 	//Delete later --> This needs to manually updated every time you db reset
 	// const questionId = 'bacc6ffa-b589-4bdc-8eb8-d29eeef7f153';
 
-	const getView = getContext<() => View>('view');
+	const getView = getContext<() => View>('getView');
+	let view = $derived(getView());
 </script>
 
 <main id="view" class="dev">
-	{#if getView() === "dash"}
+	{#if view === "dash"}
 		<Dash />
-	{:else if getView() === "list"}
+	{:else if view === "list"}
 		<List />
-	{:else if getView() === "detail"}
+	{:else if view === "detail"}
 		<Detail />
+	{:else}
+		<div>No view selected</div>
 	{/if}
 </main>
 

From d36ba26528f8f340f4997fbccbe18de7cbb6039c Mon Sep 17 00:00:00 2001
From: Jason Warren <jason@foundersandcoders.com>
Date: Mon, 9 Jun 2025 14:38:39 +0100
Subject: [PATCH 15/17] feat: :card_file_box: add preview field to question
 table

---
 src/lib/components/views/List.svelte                 |  4 ++--
 supabase/migrations/20250528170555_schema_tweaks.sql | 12 ++++--------
 supabase/migrations/20250609170556_item_previews.sql |  2 ++
 3 files changed, 8 insertions(+), 10 deletions(-)
 create mode 100644 supabase/migrations/20250609170556_item_previews.sql

diff --git a/src/lib/components/views/List.svelte b/src/lib/components/views/List.svelte
index 14fee86..d783173 100644
--- a/src/lib/components/views/List.svelte
+++ b/src/lib/components/views/List.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { ListCategory, View } from "$lib/types/ui";
 	import { getUserActions } from "$lib/services/database/actions";
-	import { getQuestions } from "$lib/services/database/questions";
+	import { getQuestionsByCategory } from "$lib/services/database/questions";
 	import { getContext } from 'svelte';
 
 	const setView = getContext<(view:View) => void>('setView');
@@ -14,7 +14,7 @@
 	let profileId = $derived(getProfileId());
 
 	let queryActions = $derived(getUserActions(profileId));
-	let queryQuestions = $state(getQuestions());
+	let queryQuestions = $derived(getQuestionsByCategory(list.raw));
 
 	const onBackClick = () => {
 		setView("dash");
diff --git a/supabase/migrations/20250528170555_schema_tweaks.sql b/supabase/migrations/20250528170555_schema_tweaks.sql
index 80b18e8..aa53292 100644
--- a/supabase/migrations/20250528170555_schema_tweaks.sql
+++ b/supabase/migrations/20250528170555_schema_tweaks.sql
@@ -1,14 +1,10 @@
 -- 1. Auth: No Changes
 
 -- 2. Profiles: Pronoun Arrays
-  -- Pronouns
-    -- Change pronouns to text array with exactly 3 elements
-      -- This means we can assign pronouns intelligently
-      -- ["he", "him", "his"]
-      -- ["they", "them", "theirs"]
-    alter table profiles
-      alter column pronouns type text[] using array[pronouns, '', ''],
-      add constraint pronouns_length_check check (array_length(pronouns, 1) = 3);
+  -- Change pronouns to text array with exactly 3 elements
+  alter table profiles
+    alter column pronouns type text[] using array[pronouns, '', ''],
+    add constraint pronouns_length_check check (array_length(pronouns, 1) = 3);
 
 -- 3. Questions: Unique Order Numbers
   -- Order
diff --git a/supabase/migrations/20250609170556_item_previews.sql b/supabase/migrations/20250609170556_item_previews.sql
new file mode 100644
index 0000000..dff131f
--- /dev/null
+++ b/supabase/migrations/20250609170556_item_previews.sql
@@ -0,0 +1,2 @@
+-- Add a new column to the questions table called "preview"
+  alter table questions add column preview text;
\ No newline at end of file

From 3b7e1e0b8374ceb7ac9d1da7cdebcab3a55f13e0 Mon Sep 17 00:00:00 2001
From: Jason Warren <jason@foundersandcoders.com>
Date: Mon, 9 Jun 2025 15:10:56 +0100
Subject: [PATCH 16/17] feat: :lipstick: render the correct questions/actions
 in list view

---
 package.json                         |  3 +-
 src/lib/components/views/Dash.svelte |  1 -
 src/lib/components/views/List.svelte |  2 +-
 src/lib/types/main.ts                |  1 +
 src/lib/types/supabase.ts            |  5 ++-
 supabase/seed.sql                    | 30 +++++++-------
 supabase/test_data_seed.sql          | 60 ++++++++++++++--------------
 7 files changed, 53 insertions(+), 49 deletions(-)

diff --git a/package.json b/package.json
index d29de1c..bc2063f 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,8 @@
 		"format:check": "prettier . --check",
 		"format": "prettier . --write",
 		"test:unit": "vitest",
-		"test": "npm run test:unit -- --run"
+		"test": "npm run test:unit -- --run",
+		"db:reset": "supabase db reset && ./scripts/seed-test-data.sh"
 	},
 	"devDependencies": {
 		"@eslint/compat": "^1.2.5",
diff --git a/src/lib/components/views/Dash.svelte b/src/lib/components/views/Dash.svelte
index a5f2b84..1a27703 100644
--- a/src/lib/components/views/Dash.svelte
+++ b/src/lib/components/views/Dash.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-	import { setListNum } from "$lib/components/logic/dev.svelte";
 	import { getUserActions } from "$lib/services/database/actions";
 	import { getQuestions } from "$lib/services/database/questions";
 	import type { ListCategory, View } from "$lib/types/ui";
diff --git a/src/lib/components/views/List.svelte b/src/lib/components/views/List.svelte
index d783173..c62bd92 100644
--- a/src/lib/components/views/List.svelte
+++ b/src/lib/components/views/List.svelte
@@ -54,7 +54,7 @@
 				{#if result.data}
 					{#each result.data as question}
 						<button onclick={onListClick} class="dev list">
-							{question.question_text}
+							{question.preview}
 						</button>
 					{/each}
 				{/if}
diff --git a/src/lib/types/main.ts b/src/lib/types/main.ts
index 127aed6..e1e3615 100644
--- a/src/lib/types/main.ts
+++ b/src/lib/types/main.ts
@@ -16,6 +16,7 @@ export interface Question {
 	category: string;
 	question_text: string;
 	order: number;
+	preview: string;
 }
 
 export interface Response {
diff --git a/src/lib/types/supabase.ts b/src/lib/types/supabase.ts
index d924dc5..fc2c430 100644
--- a/src/lib/types/supabase.ts
+++ b/src/lib/types/supabase.ts
@@ -132,18 +132,21 @@ export type Database = {
           id: string
           order: number
           question_text: string
+          preview: string
         }
         Insert: {
           category: string
           id?: string
           order: number
           question_text: string
+          preview: string
         }
-        Update: {
+        Update: { 
           category?: string
           id?: string
           order?: number
           question_text?: string
+          preview?: string
         }
         Relationships: []
       }
diff --git a/supabase/seed.sql b/supabase/seed.sql
index d37e5b2..8867ce2 100644
--- a/supabase/seed.sql
+++ b/supabase/seed.sql
@@ -1,18 +1,18 @@
 -- Seed data for questions table
 -- This file populates the questions table with initial data
 
-INSERT INTO questions (category, question_text, "order") VALUES
-  ('wellbeing', 'Is there anything either inside or outside of work that may affect your wellbeing, that you think we should know about?', 1),
-  ('wellbeing', 'Please describe how you are when you are having a good day.', 2),
-  ('wellbeing', 'Please describe how you are when you are having a bad, or not-so-good day. Sometimes people mask what''s really going on for them, so this may be things not visible to others.', 3),
-  ('wellbeing', 'If things are not going so well, are you aware of any early warning signs that would be useful for us to learn? What action can we take when we recognise your early warning signs? Please include how you would like us to approach and raise this with you, along with what we can and cannot do to help or support you.', 4),
-  ('wellbeing', 'The following symptoms are indications that I am not well enough to be at work', 5),
-  ('parental', 'Do you have any parental or caring responsibilities that you think it would be helpful for us to know about?', 6),
-  ('parental', 'What arrangements or support do you need from us to fulfil your role as parent or carer? This may include looking after your own wellbeing as well as that of the person you are a parent or carer for.', 7),
-  ('religious', 'Are there any arrangements or support you need from us which will enable you to take part in any religious practices? This may include space to pray or holidays you observe.', 8),
-  ('religious', 'Is there anything else you think would be helpful for us to know about your religion or belief? This may include dietary needs for work events.', 9),
-  ('disability', 'Use this space to give a brief description of the impact your disability or long-term condition may have at work. You may need to split this up if you have multiple conditions.', 10),
-  ('disability', 'Are there any barriers which are impacting on your ability to perform in your job?', 11),
-  ('What support or understanding do you need from us?', 'Share the information about your work needs that would be helpful for your colleagues.', 12),
-  ('employer_Support', 'What do you need to thrive in your role here at Islington? There is space in the next section to outline specific workplace adjustments.', 13),
-  ('personal_Introduction', 'Is there anything you think would be helpful for your colleagues to know? How should this be shared?', 14);
\ No newline at end of file
+INSERT INTO questions (category, question_text, "order", preview) VALUES
+  ('my_wellbeing', 'Is there anything either inside or outside of work that may affect your wellbeing, that you think we should know about?', 1, 'External Wellbeing Factors'),
+  ('my_wellbeing', 'Please describe how you are when you are having a good day.', 2, 'On a Good Day'),
+  ('my_wellbeing', 'Please describe how you are when you are having a bad, or not-so-good day. Sometimes people mask what''s really going on for them, so this may be things not visible to others.', 3, 'On a Bad Day'),
+  ('my_wellbeing', 'If things are not going so well, are you aware of any early warning signs that would be useful for us to learn? What action can we take when we recognise your early warning signs? Please include how you would like us to approach and raise this with you, along with what we can and cannot do to help or support you.', 4, 'Early Warning Signals'),
+  ('my_wellbeing', 'The following symptoms are indications that I am not well enough to be at work', 5, 'Symptoms I Experience'),
+  ('my_responsibilities', 'Do you have any parental or caring responsibilities that you think it would be helpful for us to know about?', 6, 'My Parental & Caring Responsibilities'),
+  ('my_responsibilities', 'What arrangements or support do you need from us to fulfil your role as parent or carer? This may include looking after your own wellbeing as well as that of the person you are a parent or carer for.', 7, 'Supporting My Parental & Caring Responsibilities'),
+  ('my_religion', 'Are there any arrangements or support you need from us which will enable you to take part in any religious practices? This may include space to pray or holidays you observe.', 8, 'My Religious Practices'),
+  ('my_religion', 'Is there anything else you think would be helpful for us to know about your religion or belief? This may include dietary needs for work events.', 9, 'Other Religious Requirements'),
+  ('my_conditions', 'Use this space to give a brief description of the impact your disability or long-term condition may have at work. You may need to split this up if you have multiple conditions.', 10, 'My Disability or Long-Term Condition'),
+  ('my_conditions', 'Are there any barriers which are impacting on your ability to perform in your job?', 11, 'Current Barriers'),
+  ('my_support_needs', 'Share the information about your work needs that would be helpful for your colleagues.', 12, 'What I Need'),
+  ('my_support_needs', 'What do you need to thrive in your role here at Islington? There is space in the next section to outline specific workplace adjustments.', 13, 'My Workplace Adjustments'),
+  ('about_me', 'Is there anything you think would be helpful for your colleagues to know? How should this be shared?', 14, 'Things to Know About Me');
\ No newline at end of file
diff --git a/supabase/test_data_seed.sql b/supabase/test_data_seed.sql
index 5b8b200..9ded36c 100644
--- a/supabase/test_data_seed.sql
+++ b/supabase/test_data_seed.sql
@@ -116,7 +116,7 @@ SELECT
   1,
   false,
   NOW() - INTERVAL '2 months'
-FROM questions q WHERE q.category = 'wellbeing' AND q."order" = 1;
+FROM questions q WHERE q.category = 'my_wellbeing' AND q."order" = 1;
 
 -- Updated version of the same question
 INSERT INTO responses (id, user_id, question_id, response_text, status, visibility, version, is_latest, created_at) 
@@ -130,7 +130,7 @@ SELECT
   2,
   true,
   NOW() - INTERVAL '2 weeks'
-FROM questions q WHERE q.category = 'wellbeing' AND q."order" = 1;
+FROM questions q WHERE q.category = 'my_wellbeing' AND q."order" = 1;
 
 INSERT INTO responses (id, user_id, question_id, response_text, status, visibility, version, is_latest) 
 SELECT 
@@ -142,7 +142,7 @@ SELECT
   'public',
   1,
   true
-FROM questions q WHERE q.category = 'wellbeing' AND q."order" = 2;
+FROM questions q WHERE q.category = 'my_wellbeing' AND q."order" = 2;
 
 INSERT INTO responses (id, user_id, question_id, response_text, status, visibility, version, is_latest) 
 SELECT 
@@ -154,7 +154,7 @@ SELECT
   'public',
   1,
   true
-FROM questions q WHERE q.category = 'wellbeing' AND q."order" = 3;
+FROM questions q WHERE q.category = 'my_wellbeing' AND q."order" = 3;
 
 INSERT INTO responses (id, user_id, question_id, response_text, status, visibility, version, is_latest) 
 SELECT 
@@ -166,7 +166,7 @@ SELECT
   'public',
   1,
   true
-FROM questions q WHERE q.category = 'wellbeing' AND q."order" = 4;
+FROM questions q WHERE q.category = 'my_wellbeing' AND q."order" = 4;
 
 -- Parental responsibilities
 INSERT INTO responses (id, user_id, question_id, response_text, status, visibility, version, is_latest) 
@@ -179,7 +179,7 @@ SELECT
   'private',
   1,
   true
-FROM questions q WHERE q.category = 'parental' AND q."order" = 6;
+FROM questions q WHERE q.category = 'my_responsibilities' AND q."order" = 6;
 
 -- Support needs
 INSERT INTO responses (id, user_id, question_id, response_text, status, visibility, version, is_latest) 
@@ -192,7 +192,7 @@ SELECT
   'public',
   1,
   true
-FROM questions q WHERE q.category = 'employer_Support' AND q."order" = 13;
+FROM questions q WHERE q.category = 'my_support_needs' AND q."order" = 13;
 
 -- ===========================================
 -- JORDAN MARTINEZ - UX Designer (Anxiety + Chronic Fatigue)
@@ -208,7 +208,7 @@ SELECT
   'public',
   1,
   true
-FROM questions q WHERE q.category = 'wellbeing' AND q."order" = 1;
+FROM questions q WHERE q.category = 'my_wellbeing' AND q."order" = 1;
 
 INSERT INTO responses (id, user_id, question_id, response_text, status, visibility, version, is_latest) 
 SELECT 
@@ -220,7 +220,7 @@ SELECT
   'public',
   1,
   true
-FROM questions q WHERE q.category = 'wellbeing' AND q."order" = 2;
+FROM questions q WHERE q.category = 'my_wellbeing' AND q."order" = 2;
 
 INSERT INTO responses (id, user_id, question_id, response_text, status, visibility, version, is_latest) 
 SELECT 
@@ -232,7 +232,7 @@ SELECT
   'public',
   1,
   true
-FROM questions q WHERE q.category = 'wellbeing' AND q."order" = 3;
+FROM questions q WHERE q.category = 'my_wellbeing' AND q."order" = 3;
 
 INSERT INTO responses (id, user_id, question_id, response_text, status, visibility, version, is_latest) 
 SELECT 
@@ -244,7 +244,7 @@ SELECT
   'public',
   1,
   true
-FROM questions q WHERE q.category = 'wellbeing' AND q."order" = 4;
+FROM questions q WHERE q.category = 'my_wellbeing' AND q."order" = 4;
 
 -- Disability details
 INSERT INTO responses (id, user_id, question_id, response_text, status, visibility, version, is_latest) 
@@ -257,7 +257,7 @@ SELECT
   'public',
   1,
   true
-FROM questions q WHERE q.category = 'disability' AND q."order" = 10;
+FROM questions q WHERE q.category = 'my_conditions' AND q."order" = 10;
 
 -- Religious needs
 INSERT INTO responses (id, user_id, question_id, response_text, status, visibility, version, is_latest) 
@@ -270,7 +270,7 @@ SELECT
   'private',
   1,
   true
-FROM questions q WHERE q.category = 'religious' AND q."order" = 8;
+FROM questions q WHERE q.category = 'my_religion' AND q."order" = 8;
 
 -- ===========================================
 -- SAM CHEN - Data Analyst (Autism)
@@ -286,7 +286,7 @@ SELECT
   'public',
   1,
   true
-FROM questions q WHERE q.category = 'wellbeing' AND q."order" = 1;
+FROM questions q WHERE q.category = 'my_wellbeing' AND q."order" = 1;
 
 INSERT INTO responses (id, user_id, question_id, response_text, status, visibility, version, is_latest) 
 SELECT 
@@ -298,7 +298,7 @@ SELECT
   'public',
   1,
   true
-FROM questions q WHERE q.category = 'wellbeing' AND q."order" = 2;
+FROM questions q WHERE q.category = 'my_wellbeing' AND q."order" = 2;
 
 INSERT INTO responses (id, user_id, question_id, response_text, status, visibility, version, is_latest) 
 SELECT 
@@ -310,7 +310,7 @@ SELECT
   'public',
   1,
   true
-FROM questions q WHERE q.category = 'wellbeing' AND q."order" = 3;
+FROM questions q WHERE q.category = 'my_wellbeing' AND q."order" = 3;
 
 -- Parental responsibilities  
 INSERT INTO responses (id, user_id, question_id, response_text, status, visibility, version, is_latest) 
@@ -323,7 +323,7 @@ SELECT
   'private',
   1,
   true
-FROM questions q WHERE q.category = 'parental' AND q."order" = 6;
+FROM questions q WHERE q.category = 'my_responsibilities' AND q."order" = 6;
 
 -- Personal introduction
 INSERT INTO responses (id, user_id, question_id, response_text, status, visibility, version, is_latest) 
@@ -336,7 +336,7 @@ SELECT
   'public',
   1,
   true
-FROM questions q WHERE q.category = 'personal_Introduction' AND q."order" = 14;
+FROM questions q WHERE q.category = 'about_me' AND q."order" = 14;
 
 -- ===========================================
 -- PRIYA PATEL - Product Manager (Depression + Diabetes)
@@ -352,7 +352,7 @@ SELECT
   'public',
   1,
   true
-FROM questions q WHERE q.category = 'wellbeing' AND q."order" = 1;
+FROM questions q WHERE q.category = 'my_wellbeing' AND q."order" = 1;
 
 INSERT INTO responses (id, user_id, question_id, response_text, status, visibility, version, is_latest) 
 SELECT 
@@ -364,7 +364,7 @@ SELECT
   'public',
   1,
   true
-FROM questions q WHERE q.category = 'wellbeing' AND q."order" = 2;
+FROM questions q WHERE q.category = 'my_wellbeing' AND q."order" = 2;
 
 -- Updated version of good days response
 INSERT INTO responses (id, user_id, question_id, response_text, status, visibility, version, is_latest, created_at) 
@@ -378,7 +378,7 @@ SELECT
   2,
   false,
   NOW() - INTERVAL '1 week'
-FROM questions q WHERE q.category = 'wellbeing' AND q."order" = 2;
+FROM questions q WHERE q.category = 'my_wellbeing' AND q."order" = 2;
 
 -- Latest version
 INSERT INTO responses (id, user_id, question_id, response_text, status, visibility, version, is_latest) 
@@ -391,7 +391,7 @@ SELECT
   'public',
   3,
   true
-FROM questions q WHERE q.category = 'wellbeing' AND q."order" = 2;
+FROM questions q WHERE q.category = 'my_wellbeing' AND q."order" = 2;
 
 INSERT INTO responses (id, user_id, question_id, response_text, status, visibility, version, is_latest) 
 SELECT 
@@ -403,7 +403,7 @@ SELECT
   'private',
   1,
   true
-FROM questions q WHERE q.category = 'wellbeing' AND q."order" = 3;
+FROM questions q WHERE q.category = 'my_wellbeing' AND q."order" = 3;
 
 -- Disability barriers
 INSERT INTO responses (id, user_id, question_id, response_text, status, visibility, version, is_latest) 
@@ -416,7 +416,7 @@ SELECT
   'public',
   1,
   true
-FROM questions q WHERE q.category = 'disability' AND q."order" = 11;
+FROM questions q WHERE q.category = 'my_conditions' AND q."order" = 11;
 
 -- ===========================================
 -- TAYLOR ADAMS - Marketing Specialist (Dyslexia)
@@ -432,7 +432,7 @@ SELECT
   'public',
   1,
   true
-FROM questions q WHERE q.category = 'wellbeing' AND q."order" = 1;
+FROM questions q WHERE q.category = 'my_wellbeing' AND q."order" = 1;
 
 INSERT INTO responses (id, user_id, question_id, response_text, status, visibility, version, is_latest) 
 SELECT 
@@ -444,7 +444,7 @@ SELECT
   'public',
   1,
   true
-FROM questions q WHERE q.category = 'wellbeing' AND q."order" = 2;
+FROM questions q WHERE q.category = 'my_wellbeing' AND q."order" = 2;
 
 INSERT INTO responses (id, user_id, question_id, response_text, status, visibility, version, is_latest) 
 SELECT 
@@ -456,7 +456,7 @@ SELECT
   'public',
   1,
   true
-FROM questions q WHERE q.category = 'wellbeing' AND q."order" = 3;
+FROM questions q WHERE q.category = 'my_wellbeing' AND q."order" = 3;
 
 INSERT INTO responses (id, user_id, question_id, response_text, status, visibility, version, is_latest) 
 SELECT 
@@ -468,7 +468,7 @@ SELECT
   'public',
   1,
   true
-FROM questions q WHERE q.category = 'wellbeing' AND q."order" = 4;
+FROM questions q WHERE q.category = 'my_wellbeing' AND q."order" = 4;
 
 -- Support needs
 INSERT INTO responses (id, user_id, question_id, response_text, status, visibility, version, is_latest) 
@@ -481,7 +481,7 @@ SELECT
   'public',
   1,
   true
-FROM questions q WHERE q.category = 'employer_Support' AND q."order" = 13;
+FROM questions q WHERE q.category = 'my_support_needs' AND q."order" = 13;
 
 -- Colleague information
 INSERT INTO responses (id, user_id, question_id, response_text, status, visibility, version, is_latest) 
@@ -494,7 +494,7 @@ SELECT
   'public',
   1,
   true
-FROM questions q WHERE q.category = 'personal_Introduction' AND q."order" = 14;
+FROM questions q WHERE q.category = 'about_me' AND q."order" = 14;
 
 -- Insert comprehensive fake actions linked to responses
 

From 86e3a4ba18200c1673f9298cf25070b416bae55d Mon Sep 17 00:00:00 2001
From: Jason Warren <jason@foundersandcoders.com>
Date: Mon, 9 Jun 2025 15:14:56 +0100
Subject: [PATCH 17/17] refactor(project): :truck: reorganise components

---
 src/lib/components/cards/QuestionCard.svelte           | 4 ++--
 src/lib/components/layouts/Header.svelte               | 2 +-
 src/lib/components/{buttons => ui}/Button.svelte       | 0
 src/lib/components/{buttons => ui}/SubmitButton.svelte | 0
 src/lib/components/{buttons => ui}/ToggleStatus.svelte | 0
 5 files changed, 3 insertions(+), 3 deletions(-)
 rename src/lib/components/{buttons => ui}/Button.svelte (100%)
 rename src/lib/components/{buttons => ui}/SubmitButton.svelte (100%)
 rename src/lib/components/{buttons => ui}/ToggleStatus.svelte (100%)

diff --git a/src/lib/components/cards/QuestionCard.svelte b/src/lib/components/cards/QuestionCard.svelte
index 98a151d..c07fae0 100644
--- a/src/lib/components/cards/QuestionCard.svelte
+++ b/src/lib/components/cards/QuestionCard.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
 	import { getQuestionById } from '$lib/services/database';
-	import SubmitButton from '../buttons/SubmitButton.svelte';
+	import SubmitButton from '../ui/SubmitButton.svelte';
 	import type { DbResult } from '$lib/services/database/types';
 	import type { Database } from '$lib/types/supabase';
 	import { getLatestResponses } from '$lib/services/database/responses';
 	import { getLatestActions } from '$lib/services/database';
-	import ToggleStatus from '../buttons/ToggleStatus.svelte';
+	import ToggleStatus from '../ui/ToggleStatus.svelte';
 
 	type Question = Database['public']['Tables']['questions']['Row'];
 
diff --git a/src/lib/components/layouts/Header.svelte b/src/lib/components/layouts/Header.svelte
index 247067e..d41cf6a 100644
--- a/src/lib/components/layouts/Header.svelte
+++ b/src/lib/components/layouts/Header.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { getContext } from 'svelte';
-	import Button from './button.svelte';
+	import Button from '$lib/components/ui/Button.svelte';
 
 	const toggleDevMode = getContext<() => void>('toggleDevMode');
 	const onToggleDevMode = () => { toggleDevMode() };
diff --git a/src/lib/components/buttons/Button.svelte b/src/lib/components/ui/Button.svelte
similarity index 100%
rename from src/lib/components/buttons/Button.svelte
rename to src/lib/components/ui/Button.svelte
diff --git a/src/lib/components/buttons/SubmitButton.svelte b/src/lib/components/ui/SubmitButton.svelte
similarity index 100%
rename from src/lib/components/buttons/SubmitButton.svelte
rename to src/lib/components/ui/SubmitButton.svelte
diff --git a/src/lib/components/buttons/ToggleStatus.svelte b/src/lib/components/ui/ToggleStatus.svelte
similarity index 100%
rename from src/lib/components/buttons/ToggleStatus.svelte
rename to src/lib/components/ui/ToggleStatus.svelte