Add Bugsink error tracking via @sentry/nuxt

packages/dashboard/.env.example

@@ -21,3 +21,7 @@ AXIOM_TOKEN=
 CLICKHOUSE_URL=http://localhost:8123
 CLICKHOUSE_USER=default
 CLICKHOUSE_PASSWORD=
+
+# Bugslide error tracking (Sentry-compatible, https://github.com/anbraten/bugslide)
+# Get the DSN from your Bugslide instance
+SENTRY_DSN=

packages/dashboard/app/pages/organizations/[organizationId].vue

@@ -10,15 +10,13 @@
 const route = useRoute();
 const organizationId = computed(() => route.params.organizationId as string);
 
-const {
-  data: organization,
-  refresh: refreshOrg,
-  pending,
-} = await useFetch(() => `/api/organizations/${organizationId.value}`);
+// Start the fetch and provide the reactive refs synchronously before any await,
+// so Vue's provide/inject context is properly established for child pages during SSR.
+const fetchResult = useFetch(() => `/api/organizations/${organizationId.value}`);
+const { data: organization, refresh: refreshOrg, pending } = fetchResult;
 
-typedProvide(
-  'org',
-  computed(() => organization.value!),
-);
+typedProvide('org', computed(() => organization.value!));
 typedProvide('refreshOrg', refreshOrg);
+
+await fetchResult;
 </script>

packages/dashboard/app/pages/organizations/[organizationId]/apps/[appName].vue

@@ -9,11 +9,14 @@
 <script setup lang="ts">
 const route = useRoute();
 const appName = computed(() => route.params.appName as string);
-const { data: app, pending, refresh: refreshApp } = await useFetch(() => `/api/apps/by-name/${appName.value}`);
 
-typedProvide(
-  'app',
-  computed(() => app.value!),
-);
+// Start the fetch and provide the reactive refs synchronously before any await,
+// so Vue's provide/inject context is properly established for child pages during SSR.
+const fetchResult = useFetch(() => `/api/apps/by-name/${appName.value}`);
+const { data: app, pending, refresh: refreshApp } = fetchResult;
+
+typedProvide('app', computed(() => app.value!));
 typedProvide('refreshApp', refreshApp);
+
+await fetchResult;
 </script>

packages/dashboard/nuxt.config.ts

@@ -1,7 +1,11 @@
 import { defineNuxtConfig } from 'nuxt/config';
 
 export default defineNuxtConfig({
-  modules: ['@nuxt/ui'],
+  modules: ['@nuxt/ui', '@sentry/nuxt/module'],
+
+  sentry: {
+    dsn: process.env.SENTRY_DSN,
+  },
 
   runtimeConfig: {
     auth: {

packages/dashboard/package.json

@@ -32,5 +32,8 @@
     "uplot": "^1.6.32",
     "vue-tsc": "^3.2.5",
     "zod": "^4.3.6"
+  },
+  "dependencies": {
+    "@sentry/nuxt": "^10.46.0"
   }
 }

packages/dashboard/sentry.client.config.ts

@@ -0,0 +1,6 @@
+import * as Sentry from '@sentry/nuxt';
+
+Sentry.init({
+  dsn: import.meta.env.SENTRY_DSN,
+  tracesSampleRate: 1.0,
+});

packages/dashboard/sentry.server.config.ts

@@ -0,0 +1,6 @@
+import * as Sentry from '@sentry/nuxt';
+
+Sentry.init({
+  dsn: process.env.SENTRY_DSN,
+  tracesSampleRate: 1.0,
+});