feat: migrate auth from supabase to better auth (#596)

* feat: add README for @cio/db package and remove existingAccounts.json * load session, load profile and organization, add create profile hook * chore: cache session request The trick was passing all the cookies to the backend. Previously I was only passing the better-auth.session_token and not better-auth.session_data. Read about the difference here https://www.better-auth.com/docs/concepts/cookies#custom-cookies * feat: login, logout, onboarding, verify email, reset password. * feat: complete change email and email verification * feat: standardise how we make rpc calls and create org endpoints * fix ui errors * fix: handle potential undefined customerId and standardize avatar URL property * refactor: standardize custom domain handling and update telegram chat ID references * chore: add tailwind prefix to @cio/ui this fixed the media query issues because @cio/ui classes were overriding this dashboard tailwind build * chore: clean up org sidebar * chore: persist mode state * feat: implement order breadcrumbs * chore: upgrade to better auth 1.4 * chore: address common auth flow bugs and setup app for others to setup locally.
2025-11-24 01:00:50 +01:00
parent 24741644d6
commit a3924100dd
567 changed files with 22364 additions and 13437 deletions
@@ -0,0 +1,42 @@
+<script lang="ts">
+  import { Separator } from '@cio/ui/base/separator';
+  import * as Sidebar from '@cio/ui/base/sidebar';
+  import BellIcon from '@lucide/svelte/icons/bell';
+  import { Button } from '@cio/ui/base/button';
+  import * as Popover from '@cio/ui/base/popover';
+  import Search from '../search.svelte';
+  import AppBreadcrumbs from './app-breadcrumbs.svelte';
+</script>
+
+<header
+  class="group-has-data-[collapsible=icon]/sidebar-wrapper:h-8 border-border flex h-12 w-full shrink-0 items-center gap-2 border-b transition-[width,height] ease-linear"
+>
+  <div class="flex w-full items-center gap-2 px-4">
+    <Sidebar.Trigger />
+
+    <div class="h-4 w-2">
+      <Separator orientation="vertical" />
+    </div>
+
+    <AppBreadcrumbs />
+
+    <span class="grow"></span>
+
+    <Search />
+
+    <Popover.Root>
+      <Popover.Trigger>
+        <Button variant="outline" size="icon">
+          <BellIcon class="custom rounded-full" />
+        </Button>
+      </Popover.Trigger>
+      <Popover.Content>
+        <div class="flex flex-col gap-2">
+          <div class="flex items-center justify-between gap-2">
+            <p class="text-sm">Your notifications will show here</p>
+          </div>
+        </div>
+      </Popover.Content>
+    </Popover.Root>
+  </div>
+</header>