Our application fetches contacts on the client using JS. If the user doesn't have JS enabled, the table will fail silently. We should display an indication that JS must be enabled to load data / use the application.

You can use the command palette (CTRL/COMMAND + SHIFT + K) in chrome dev tools and type js to temporarily disable JS.

https://tanstack.com/table/v8/docs/guide/column-defs#:~:text=firstName%27%2C%20%7B-,cell%3A%20info%20%3D%3E%20info.getValue()%2C,-footer%3A%20props

Bare Minimum

• Create Contacts
• Import Contact
• Edit Contacts
• Delete Contacts
• Send Emails
• Add Members

Not Critical, But Very High Priority:

• Email Templates

Recently, Lucia V3 was released with major changes. V2 will be maintained until the end of the year¹ , so we should work on migrating before then.

https://lucia-auth.com/upgrade-v3/

Currently the dialog component's overlay element is not styled.

This element is supposed to cover the screen and darken the background contents behind the dialog when open.
The use:melt={$overlay} use directive already handles showing and hiding the element. However, the div element doesn't have any styling, so the div has no effect. Using css to make the div cover the entire screen and dim should be sufficient.

Relavant Resources:
https://melt-ui.com/docs/builders/dialog
https://melt-ui.com/docs/preprocessor
https://svelte.dev/docs/element-directives#use-action

Currently, notes tied to contacts are displayed as a text value in the table.

Realistically, notes are likely going to be longer and unwieldy to read and write inline. We should consider opening a dialog or drawer with a button in the notes column.

https://melt-ui.com/docs/builders/dialog#:~:text=Example%20Components-,Drawer,-An%20overlay%20window