@@ -183,6 +233,8 @@
.btn-secondary { width: 100%; padding: 10px; border-radius: 8px; border: none; background: rgba(255,255,255,0.08); color: #E8E4DC; font-weight: 600; cursor: pointer; margin: 8px 0 4px; font-size: 13px; }
.trigger-status { display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: #B8B2A6; margin: 16px 0 10px; }
.ready { color: #2ECC71; font-weight: 600; }
+ .agent-restriction { font-size: 12px; color: #C9A84C; background: rgba(201,168,76,0.08); border-radius: 8px; padding: 10px 12px; margin: 10px 0; line-height: 1.5; }
+ .error-text { font-size: 12px; color: #EF4444; margin: 8px 0; }
.btn-danger-solid { width: 100%; padding: 14px; border-radius: 8px; border: none; background: #EF4444; color: white; font-weight: 700; cursor: pointer; }
.btn-danger-solid:disabled { opacity: 0.3; cursor: not-allowed; }
diff --git a/src/lib/FamilyManagement.svelte b/src/lib/FamilyManagement.svelte
new file mode 100644
index 0000000..7f61741
--- /dev/null
+++ b/src/lib/FamilyManagement.svelte
@@ -0,0 +1,119 @@
+
+
+
+
+
diff --git a/src/lib/FamilySwitcher.svelte b/src/lib/FamilySwitcher.svelte
new file mode 100644
index 0000000..842c206
--- /dev/null
+++ b/src/lib/FamilySwitcher.svelte
@@ -0,0 +1,125 @@
+
+
+
+
+
diff --git a/src/lib/FamilyWaqfDesignator.svelte b/src/lib/FamilyWaqfDesignator.svelte
index f1cb313..71cd297 100644
--- a/src/lib/FamilyWaqfDesignator.svelte
+++ b/src/lib/FamilyWaqfDesignator.svelte
@@ -5,20 +5,23 @@
// logic below follows the PRD's literal specification (marad al-mawt only) but the
// in-app note is kept honest about the open question rather than presenting
// invented certainty, consistent with this project's own stated practice.
- import { load, save, estateTotal } from './storage.js';
+ import { onMount } from 'svelte';
+ import { activeFamilyId } from './family.js';
+ import { listAssets, getWaqfDesignation, upsertWaqfDesignation, addWaqfBeneficiary, removeWaqfBeneficiary, estateTotal } from './db.js';
import MaradAlMawtGuard from './MaradAlMawtGuard.svelte';
import Disclaimer from './Disclaimer.svelte';
import InfoPanel from './InfoPanel.svelte';
- const assets = load('assets', []);
- const total = estateTotal(assets);
+ let familyId = $state(null);
+ activeFamilyId.subscribe(v => familyId = v);
- let corpusAssetId = $state(load('waqfCorpusAssetId', ''));
-
- $effect(() => { save('waqfCorpusAssetId', corpusAssetId); });
+ let assets = $state([]);
+ let total = $state(0);
+ let waqfId = $state(null);
+ let corpusAssetId = $state('');
let mutawalli = $state('');
let successorMutawalli = $state('');
- let beneficiaries = $state(load('waqfBeneficiaries', []));
+ let beneficiaries = $state([]);
let beneficiaryForm = $state({ name: '', relation: '', sharePercent: '' });
let equalSplit = $state(true);
let deviationAcknowledged = $state(false);
@@ -26,18 +29,42 @@
let showGuard = $state(false);
let guardResult = $state(null);
- const corpusAsset = $derived(assets.find(a => a.id === corpusAssetId));
-
- function addBeneficiary() {
- if (!beneficiaryForm.name) return;
- beneficiaries = [...beneficiaries, { ...beneficiaryForm, id: crypto.randomUUID() }];
- save('waqfBeneficiaries', beneficiaries);
- beneficiaryForm = { name: '', relation: '', sharePercent: '' };
+ async function refresh() {
+ if (!familyId) return;
+ assets = await listAssets(familyId);
+ total = estateTotal(assets);
+ const w = await getWaqfDesignation(familyId);
+ if (w) {
+ waqfId = w.id;
+ corpusAssetId = w.corpusAssetId || '';
+ mutawalli = w.mutawalli || '';
+ successorMutawalli = w.successorMutawalli || '';
+ equalSplit = w.equalSplit;
+ jurisdiction = w.jurisdiction || 'Perak';
+ beneficiaries = w.beneficiaries;
+ }
}
- function remove(id) {
- beneficiaries = beneficiaries.filter(b => b.id !== id);
- save('waqfBeneficiaries', beneficiaries);
+ onMount(refresh);
+ $effect(() => { familyId; refresh(); });
+
+ async function persistDesignation() {
+ waqfId = await upsertWaqfDesignation(familyId, waqfId, { corpusAssetId, mutawalli, successorMutawalli, equalSplit, jurisdiction });
+ }
+
+ const corpusAsset = $derived(assets.find(a => a.id === corpusAssetId));
+
+ async function addBeneficiary() {
+ if (!beneficiaryForm.name) return;
+ if (!waqfId) await persistDesignation();
+ await addWaqfBeneficiary(waqfId, beneficiaryForm);
+ beneficiaryForm = { name: '', relation: '', sharePercent: '' };
+ await refresh();
+ }
+
+ async function remove(id) {
+ await removeWaqfBeneficiary(id);
+ await refresh();
}
function exportDeed() {
@@ -94,21 +121,21 @@
Dedicate a specific asset to your family in perpetuity.
diff --git a/src/lib/HibahTracker.svelte b/src/lib/HibahTracker.svelte
index 502c021..e9a124c 100644
--- a/src/lib/HibahTracker.svelte
+++ b/src/lib/HibahTracker.svelte
@@ -1,17 +1,30 @@
diff --git a/src/lib/NominationRegistry.svelte b/src/lib/NominationRegistry.svelte
index 74c194f..6092195 100644
--- a/src/lib/NominationRegistry.svelte
+++ b/src/lib/NominationRegistry.svelte
@@ -9,12 +9,17 @@
// interests generally have no such channel and need a pre-funded trust/nominee
// holding structure instead — a real legal step this app can prepare paperwork
// for but cannot execute on its own.
- import { load, save } from './storage.js';
+ import { onMount } from 'svelte';
+ import { activeFamilyId } from './family.js';
+ import { listAssets, listNominations, addNomination as addNominationDb, removeNomination as removeNominationDb } from './db.js';
import { suggestedChannel } from './nonprobate.js';
import Disclaimer from './Disclaimer.svelte';
import InfoPanel from './InfoPanel.svelte';
- const assets = load('assets', []);
+ let familyId = $state(null);
+ activeFamilyId.subscribe(v => familyId = v);
+
+ let assets = $state([]);
const CHANNEL_TYPES = [
{ value: 'epf', label: 'EPF nomination', note: 'Pays the nominee directly under EPF Act 1991 s.51 — bypasses probate by law.' },
@@ -44,10 +49,19 @@
const emptyForm = () => ({ linkedAssetId: '', type: 'epf', institution: '', nomineeeName: '', referenceNumber: '', trusteeName: '', successorTrustee: '', trustBeneficiaries: '', businessStructure: 'company', businessInstrument: 'shareholder-buy-sell', successorOwner: '', buySellTerms: '', custodyType: 'exchange-beneficiary', platform: '', keyHolderName: '', accessInstructionsRef: '' });
- let nominations = $state(load('nominations', []));
+ let nominations = $state([]);
let form = $state(emptyForm());
- function addNomination() {
+ async function refresh() {
+ if (!familyId) return;
+ assets = await listAssets(familyId);
+ nominations = await listNominations(familyId);
+ }
+
+ onMount(refresh);
+ $effect(() => { familyId; refresh(); });
+
+ async function addNomination() {
if (!form.linkedAssetId) return;
if (form.type === 'trust') {
if (!form.trusteeName) return;
@@ -59,9 +73,9 @@
} else if (!form.nomineeeName) {
return;
}
- nominations = [...nominations, { ...form, id: crypto.randomUUID() }];
- save('nominations', nominations);
+ await addNominationDb(familyId, form);
form = emptyForm();
+ await refresh();
}
function exportBusinessContinuity(n) {
@@ -156,9 +170,9 @@
URL.revokeObjectURL(url);
}
- function remove(id) {
- nominations = nominations.filter(n => n.id !== id);
- save('nominations', nominations);
+ async function remove(id) {
+ await removeNominationDb(id);
+ await refresh();
}
const selectedAsset = $derived(assets.find(a => a.id === form.linkedAssetId));
diff --git a/src/lib/auth.js b/src/lib/auth.js
new file mode 100644
index 0000000..2d33c95
--- /dev/null
+++ b/src/lib/auth.js
@@ -0,0 +1,39 @@
+import { writable } from 'svelte/store';
+import { supabase } from './supabaseClient.js';
+
+export const session = writable(null);
+export const authLoading = writable(true);
+
+supabase.auth.getSession().then(({ data }) => {
+ session.set(data.session);
+ authLoading.set(false);
+});
+
+supabase.auth.onAuthStateChange((_event, s) => {
+ session.set(s);
+});
+
+export async function signUp(email, password, fullName) {
+ const { data, error } = await supabase.auth.signUp({
+ email, password,
+ options: { data: { full_name: fullName } }
+ });
+ if (error) throw error;
+ return data;
+}
+
+export async function signIn(email, password) {
+ const { data, error } = await supabase.auth.signInWithPassword({ email, password });
+ if (error) throw error;
+ return data;
+}
+
+export async function signOut() {
+ await supabase.auth.signOut();
+}
+
+export function currentUser() {
+ let s;
+ session.subscribe(v => s = v)();
+ return s?.user ?? null;
+}
diff --git a/src/lib/db.js b/src/lib/db.js
new file mode 100644
index 0000000..bbe85c6
--- /dev/null
+++ b/src/lib/db.js
@@ -0,0 +1,188 @@
+// Family-scoped data layer over Supabase. Replaces the old per-device localStorage
+// calls in storage.js for estate data — Asset Registry, Hibah, Waqf, Nominations,
+// Attestors, and the Death Trigger — so an owner and their assigned agent(s) see
+// and manage the same live data, with the "agent cannot fire the trigger" rule
+// enforced by RLS on nf_death_triggers (see the migration), not just hidden in
+// the UI.
+import { supabase } from './supabaseClient.js';
+
+// ── Assets ──
+export async function listAssets(familyId) {
+ const { data, error } = await supabase.from('nf_assets').select('*').eq('family_id', familyId).order('created_at');
+ if (error) throw error;
+ return (data || []).map(a => ({ id: a.id, type: a.type, description: a.description, value: a.value, location: a.location, ownershipShare: a.ownership_share }));
+}
+export async function addAsset(familyId, userId, a) {
+ const { data, error } = await supabase.from('nf_assets').insert({
+ family_id: familyId, type: a.type, description: a.description, value: Number(a.value),
+ location: a.location, ownership_share: Number(a.ownershipShare ?? 100), created_by: userId
+ }).select().single();
+ if (error) throw error;
+ return data;
+}
+export async function updateAsset(id, a) {
+ const { error } = await supabase.from('nf_assets').update({
+ type: a.type, description: a.description, value: Number(a.value), location: a.location, ownership_share: Number(a.ownershipShare ?? 100)
+ }).eq('id', id);
+ if (error) throw error;
+}
+export async function removeAsset(id) {
+ const { error } = await supabase.from('nf_assets').delete().eq('id', id);
+ if (error) throw error;
+}
+
+// ── Trusted contacts ──
+export async function listTrustedContacts(familyId) {
+ const { data, error } = await supabase.from('nf_trusted_contacts').select('*').eq('family_id', familyId).order('created_at');
+ if (error) throw error;
+ return data || [];
+}
+export async function addTrustedContact(familyId, name, method) {
+ const { error } = await supabase.from('nf_trusted_contacts').insert({ family_id: familyId, name, method });
+ if (error) throw error;
+}
+export async function removeTrustedContact(id) {
+ const { error } = await supabase.from('nf_trusted_contacts').delete().eq('id', id);
+ if (error) throw error;
+}
+
+// ── Hibah ──
+export async function listHibahGifts(familyId) {
+ const { data, error } = await supabase.from('nf_hibah_gifts').select('*').eq('family_id', familyId).order('created_at');
+ if (error) throw error;
+ return (data || []).map(g => ({ id: g.id, recipient: g.recipient, relation: g.relation, description: g.description, date: g.gift_date, statement: g.statement, linkedAssetId: g.linked_asset_id, flagged: g.flagged, cap: g.cap }));
+}
+export async function addHibahGift(familyId, g) {
+ const { error } = await supabase.from('nf_hibah_gifts').insert({
+ family_id: familyId, recipient: g.recipient, relation: g.relation, description: g.description,
+ gift_date: g.date, statement: g.statement, linked_asset_id: g.linkedAssetId || null,
+ flagged: !!g.flagged, cap: g.cap ?? null, acknowledgment_link: g.acknowledgmentLink
+ });
+ if (error) throw error;
+}
+export async function removeHibahGift(id) {
+ const { error } = await supabase.from('nf_hibah_gifts').delete().eq('id', id);
+ if (error) throw error;
+}
+
+// ── Waqf ──
+export async function getWaqfDesignation(familyId) {
+ const { data, error } = await supabase.from('nf_waqf_designations').select('*').eq('family_id', familyId).order('created_at', { ascending: false }).limit(1).maybeSingle();
+ if (error) throw error;
+ if (!data) return null;
+ const { data: beneficiaries } = await supabase.from('nf_waqf_beneficiaries').select('*').eq('waqf_id', data.id);
+ return {
+ id: data.id, corpusAssetId: data.corpus_asset_id, mutawalli: data.mutawalli,
+ successorMutawalli: data.successor_mutawalli, equalSplit: data.equal_split, jurisdiction: data.jurisdiction,
+ beneficiaries: (beneficiaries || []).map(b => ({ id: b.id, name: b.name, relation: b.relation, sharePercent: b.share_percent }))
+ };
+}
+export async function upsertWaqfDesignation(familyId, existingId, fields) {
+ if (existingId) {
+ const { error } = await supabase.from('nf_waqf_designations').update({
+ corpus_asset_id: fields.corpusAssetId || null, mutawalli: fields.mutawalli, successor_mutawalli: fields.successorMutawalli,
+ equal_split: fields.equalSplit, jurisdiction: fields.jurisdiction
+ }).eq('id', existingId);
+ if (error) throw error;
+ return existingId;
+ }
+ const { data, error } = await supabase.from('nf_waqf_designations').insert({
+ family_id: familyId, corpus_asset_id: fields.corpusAssetId || null, mutawalli: fields.mutawalli,
+ successor_mutawalli: fields.successorMutawalli, equal_split: fields.equalSplit, jurisdiction: fields.jurisdiction
+ }).select().single();
+ if (error) throw error;
+ return data.id;
+}
+export async function addWaqfBeneficiary(waqfId, b) {
+ const { error } = await supabase.from('nf_waqf_beneficiaries').insert({ waqf_id: waqfId, name: b.name, relation: b.relation, share_percent: b.sharePercent || null });
+ if (error) throw error;
+}
+export async function removeWaqfBeneficiary(id) {
+ const { error } = await supabase.from('nf_waqf_beneficiaries').delete().eq('id', id);
+ if (error) throw error;
+}
+
+// ── Nominations ──
+export async function listNominations(familyId) {
+ const { data, error } = await supabase.from('nf_nominations').select('*').eq('family_id', familyId).order('created_at');
+ if (error) throw error;
+ return (data || []).map(n => ({
+ id: n.id, linkedAssetId: n.linked_asset_id, type: n.type, institution: n.institution, nomineeeName: n.nominee_name,
+ referenceNumber: n.reference_number, trusteeName: n.trustee_name, successorTrustee: n.successor_trustee,
+ trustBeneficiaries: n.trust_beneficiaries, businessStructure: n.business_structure, businessInstrument: n.business_instrument,
+ successorOwner: n.successor_owner, buySellTerms: n.buy_sell_terms, custodyType: n.custody_type, platform: n.platform,
+ keyHolderName: n.key_holder_name, accessInstructionsRef: n.access_instructions_ref
+ }));
+}
+export async function addNomination(familyId, n) {
+ const { error } = await supabase.from('nf_nominations').insert({
+ family_id: familyId, linked_asset_id: n.linkedAssetId || null, type: n.type, institution: n.institution,
+ nominee_name: n.nomineeeName, reference_number: n.referenceNumber, trustee_name: n.trusteeName,
+ successor_trustee: n.successorTrustee, trust_beneficiaries: n.trustBeneficiaries, business_structure: n.businessStructure,
+ business_instrument: n.businessInstrument, successor_owner: n.successorOwner, buy_sell_terms: n.buySellTerms,
+ custody_type: n.custodyType, platform: n.platform, key_holder_name: n.keyHolderName, access_instructions_ref: n.accessInstructionsRef
+ });
+ if (error) throw error;
+}
+export async function removeNomination(id) {
+ const { error } = await supabase.from('nf_nominations').delete().eq('id', id);
+ if (error) throw error;
+}
+
+// ── Attestors & Death Trigger ──
+export async function listAttestors(familyId) {
+ const { data, error } = await supabase.from('nf_attestors').select('*').eq('family_id', familyId).order('created_at');
+ if (error) throw error;
+ return data || [];
+}
+export async function addAttestor(familyId, name) {
+ const { data, error } = await supabase.from('nf_attestors').insert({ family_id: familyId, name }).select().single();
+ if (error) throw error;
+ return data;
+}
+export async function setAttestorConfirmed(id, confirmed) {
+ const { error } = await supabase.from('nf_attestors').update({ confirmed, confirmed_at: confirmed ? new Date().toISOString() : null }).eq('id', id);
+ if (error) throw error;
+}
+export async function updateAttestorName(id, name) {
+ const { error } = await supabase.from('nf_attestors').update({ name }).eq('id', id);
+ if (error) throw error;
+}
+
+export async function getDeathTrigger(familyId) {
+ const { data, error } = await supabase.from('nf_death_triggers').select('*').eq('family_id', familyId).maybeSingle();
+ if (error) throw error;
+ return data;
+}
+export async function upsertDeathTriggerSetup(familyId, fields) {
+ const { error } = await supabase.from('nf_death_triggers').upsert({
+ family_id: familyId, executor_name: fields.executorName, date_of_death: fields.dateOfDeath || null,
+ death_cert_ref: fields.deathCertRef, updated_at: new Date().toISOString()
+ }, { onConflict: 'family_id' });
+ if (error) throw error;
+}
+/**
+ * Updates a single death-trigger setup field. Used instead of
+ * upsertDeathTriggerSetup for per-keystroke autosave on individual inputs —
+ * three fields each firing their own full-snapshot upsert can complete
+ * out of order over the network, and the last one to *finish* (not the last
+ * one to *fire*) silently clobbers the other two fields back to whatever
+ * stale value it captured. A single-column update can't do that.
+ */
+export async function updateDeathTriggerField(familyId, column, value) {
+ const { error } = await supabase.from('nf_death_triggers').upsert({
+ family_id: familyId, [column]: value, updated_at: new Date().toISOString()
+ }, { onConflict: 'family_id' });
+ if (error) throw error;
+}
+/** Only succeeds (per RLS) if the caller has role='owner' on this family. */
+export async function fireDeathTrigger(familyId) {
+ const { error } = await supabase.from('nf_death_triggers').upsert({
+ family_id: familyId, triggered: true, triggered_at: new Date().toISOString(), updated_at: new Date().toISOString()
+ }, { onConflict: 'family_id' });
+ if (error) throw error;
+}
+
+export function estateTotal(assets) {
+ return (assets || []).reduce((sum, a) => sum + (Number(a.value) || 0) * (Number(a.ownershipShare ?? 100) / 100), 0);
+}
diff --git a/src/lib/family.js b/src/lib/family.js
new file mode 100644
index 0000000..34f9bac
--- /dev/null
+++ b/src/lib/family.js
@@ -0,0 +1,100 @@
+import { writable } from 'svelte/store';
+import { supabase } from './supabaseClient.js';
+import { currentUser } from './auth.js';
+
+// The family currently being managed — an owner has exactly one (their own),
+// an agent may have several and switches between them here.
+export const activeFamilyId = writable(localStorage.getItem('nf.activeFamilyId') || null);
+activeFamilyId.subscribe(id => {
+ if (id) localStorage.setItem('nf.activeFamilyId', id);
+});
+
+export async function createFamily(name) {
+ const user = currentUser();
+ if (!user) throw new Error('Not signed in');
+ const { data: fam, error: famErr } = await supabase
+ .from('nf_families')
+ .insert({ name, owner_id: user.id })
+ .select()
+ .single();
+ if (famErr) throw famErr;
+
+ const { error: memErr } = await supabase.from('nf_family_members').insert({
+ family_id: fam.id,
+ user_id: user.id,
+ invited_email: user.email,
+ role: 'owner',
+ status: 'active'
+ });
+ if (memErr) throw memErr;
+
+ activeFamilyId.set(fam.id);
+ return fam;
+}
+
+/** List every family this user belongs to, owner or agent, with their role. */
+export async function listMyFamilies() {
+ const user = currentUser();
+ if (!user) return [];
+ const { data, error } = await supabase
+ .from('nf_family_members')
+ .select('role, status, family_id, nf_families(id, name)')
+ .eq('user_id', user.id)
+ .eq('status', 'active');
+ if (error) throw error;
+ return (data || []).map(r => ({ id: r.family_id, name: r.nf_families?.name, role: r.role }));
+}
+
+/** Pending invites addressed to this user's email, not yet accepted. */
+export async function listPendingInvites() {
+ const user = currentUser();
+ if (!user) return [];
+ const { data, error } = await supabase
+ .from('nf_family_members')
+ .select('id, role, family_id, nf_families(name)')
+ .eq('invited_email', user.email)
+ .eq('status', 'invited');
+ if (error) throw error;
+ return (data || []).map(r => ({ membershipId: r.id, familyId: r.family_id, familyName: r.nf_families?.name, role: r.role }));
+}
+
+export async function acceptInvite(membershipId) {
+ const user = currentUser();
+ if (!user) throw new Error('Not signed in');
+ const { error } = await supabase
+ .from('nf_family_members')
+ .update({ user_id: user.id, status: 'active' })
+ .eq('id', membershipId);
+ if (error) throw error;
+}
+
+/** Owner invites an agent by email — creates a pending membership row. */
+export async function inviteAgent(familyId, email) {
+ const { error } = await supabase.from('nf_family_members').insert({
+ family_id: familyId,
+ invited_email: email,
+ role: 'agent',
+ status: 'invited'
+ });
+ if (error) throw error;
+}
+
+export async function listFamilyMembers(familyId) {
+ const { data, error } = await supabase
+ .from('nf_family_members')
+ .select('id, invited_email, role, status')
+ .eq('family_id', familyId);
+ if (error) throw error;
+ return data || [];
+}
+
+export async function removeMember(membershipId) {
+ const { error } = await supabase.from('nf_family_members').delete().eq('id', membershipId);
+ if (error) throw error;
+}
+
+export function getActiveFamilyId() {
+ let id;
+ activeFamilyId.subscribe(v => id = v)();
+ return id;
+}
diff --git a/src/lib/nonprobate.js b/src/lib/nonprobate.js
index a49c09b..12a306e 100644
--- a/src/lib/nonprobate.js
+++ b/src/lib/nonprobate.js
@@ -21,15 +21,9 @@
// trust entity to exist; the app can only record that one has been
// set up, it cannot create the legal entity itself.
-import { load } from './storage.js';
-
-export function computeCoverage() {
- const assets = load('assets', []);
- const gifts = load('hibahGifts', []);
- const nominations = load('nominations', []);
- // waqf corpus assets: any asset referenced by a saved waqf corpus selection
- const waqfCorpusId = load('waqfCorpusAssetId', null);
-
+// Takes already-fetched data rather than loading it itself — the caller (now
+// Supabase-backed via db.js instead of localStorage) owns the fetch.
+export function computeCoverage({ assets = [], gifts = [], nominations = [], waqfCorpusId = null } = {}) {
const rows = assets.map(a => {
const ownedValue = (Number(a.value) || 0) * (Number(a.ownershipShare ?? 100) / 100);
const hibahMatch = gifts.find(g => g.linkedAssetId === a.id);
diff --git a/src/lib/supabaseClient.js b/src/lib/supabaseClient.js
new file mode 100644
index 0000000..e54d0ac
--- /dev/null
+++ b/src/lib/supabaseClient.js
@@ -0,0 +1,6 @@
+import { createClient } from '@supabase/supabase-js';
+
+const SUPABASE_URL = 'https://xfewdqfdcukxjsxqyrjk.supabase.co';
+const SUPABASE_PUBLISHABLE_KEY = 'sb_publishable_K0BKNzxMp9YaeezT4YcQyQ_RRVI2saW';
+
+export const supabase = createClient(SUPABASE_URL, SUPABASE_PUBLISHABLE_KEY);