Add technical support topics and error handling

src/lib/profiles/index.svelte.ts

@@ -70,6 +70,9 @@ export type Profile = {
         cookies: string;
         pricing: string;
     };
+    support: {
+        technical: string[];
+    };
 };
 
 export const base: Profile = {
@@ -130,6 +133,27 @@ export const base: Profile = {
         cookies: 'https://appwrite.io/cookies',
         privacy: 'https://appwrite.io/privacy',
         pricing: 'https://appwrite.io/pricing'
+    },
+    support: {
+        technical: [
+            'Auth',
+            'Databases',
+            'Storage',
+            'Functions',
+            'Realtime',
+            'Messaging',
+            'Migrations',
+            'Webhooks',
+            'SDKs',
+            'Console',
+            'Backups',
+            'Blocked project',
+            'Domains',
+            'Outage',
+            'Platforms',
+            'Sites',
+            'Other'
+        ]
     }
 };
 
@@ -195,6 +219,17 @@ export const studio: Profile = {
         cookies: 'https://imagine.dev/cookies',
         privacy: 'https://imagine.dev/privacy',
         pricing: 'https://imagine.dev/pricing'
+    },
+    support: {
+        technical: [
+            'AI issue',
+            'Generation error',
+            'Preview not working',
+            'Auth',
+            'Databases',
+            'Storage',
+            'Other'
+        ]
     }
 };
 

src/lib/stores/feedback.ts

@@ -5,7 +5,7 @@ import { get, writable } from 'svelte/store';
 import { Submit, trackEvent } from '$lib/actions/analytics';
 import FeedbackNps from '$lib/components/feedback/feedbackNPS.svelte';
 import FeedbackGeneral from '$lib/components/feedback/feedbackGeneral.svelte';
-import type { Profile } from '$lib/profiles/index.svelte';
+import { resolvedProfile, type Profile } from '$lib/profiles/index.svelte';
 
 export type Feedback = {
     elapsed: number;
@@ -147,6 +147,7 @@ function createFeedbackStore() {
                     customFields,
                     firstname: (name || 'Unknown').slice(0, 40),
                     metaFields: {
+                        platform: resolvedProfile.platform,
                         source: get(feedback).source,
                         orgId,
                         projectId,

src/lib/stores/support.ts

@@ -0,0 +1,4 @@
+import { writable } from 'svelte/store';
+import type { ErrorParams } from '$lib/studio/studio-widget';
+
+export const lastError = writable<ErrorParams>(null);

src/lib/studio/studio-widget.ts

@@ -280,7 +280,11 @@ export function hideStudio() {
     component.style.width = '';
     restoreBodyScroll();
 }
-
+export type ErrorParams = {
+    traceId?: string;
+    message: string;
+    isChatError: boolean;
+} | null;
 export async function initImagine(
     region: string,
     projectId: string,
@@ -289,6 +293,7 @@ export async function initImagine(
         onProjectNameChange: () => void;
         onAddDomain: () => void | Promise<void>;
         onManageDomains: (primaryDomain?: string) => void | Promise<void>;
+        onError: (params: ErrorParams) => void | Promise<void>;
         onUpgrade: () => void | Promise<void>;
     }
 ) {

src/lib/studio/studio.svelte

@@ -16,6 +16,7 @@
     import { resolve } from '$app/paths';
     import { get } from 'svelte/store';
     import { organization as organizationStore } from '$lib/stores/organization';
+    import { lastError } from '$lib/stores/support';
 
     const {
         region,
@@ -46,9 +47,12 @@
             onProjectNameChange: () => {
                 invalidate(Dependencies.PROJECT);
             },
-            onAddDomain: async () => {
+            onAddDomain: () => {
                 showAddDomainsWizard = true;
             },
+            onError: (error) => {
+                lastError.set(error);
+            },
             onManageDomains: (primaryDomain) => {
                 if (primaryDomain) {
                     primaryDomainForSite = primaryDomain;

src/routes/(console)/supportWizard.svelte

@@ -26,6 +26,7 @@
     import { VARS } from '$lib/system';
     import { IconCheckCircle, IconXCircle, IconInfo } from '@appwrite.io/pink-icons-svelte';
     import { resolvedProfile } from '$lib/profiles/index.svelte';
+    import { lastError } from '$lib/stores/support';
 
     let projectOptions = $state<Array<{ value: string; label: string }>>([]);
 
@@ -48,25 +49,7 @@
             'Other'
         ],
         billing: ['Invoice', 'Plans', 'Payment methods', 'Downgrade', 'Refund', 'Usage', 'Other'],
-        technical: [
-            'Auth',
-            'Databases',
-            'Storage',
-            'Functions',
-            'Realtime',
-            'Messaging',
-            'Migrations',
-            'Webhooks',
-            'SDKs',
-            'Console',
-            'Backups',
-            'Blocked project',
-            'Domains',
-            'Outage',
-            'Platforms',
-            'Sites',
-            'Other'
-        ]
+        technical: resolvedProfile.support.technical
     };
 
     // Severity options
@@ -134,7 +117,10 @@
                     { id: '48491', value: $supportData?.project ?? '' },
                     { id: '56023', value: $supportData?.severity ?? '' },
                     { id: '56024', value: $organization?.billingPlan ?? '' }
-                ]
+                ],
+                metaFields: {
+                    error: $lastError
+                }
             })
         });
         trackEvent(Submit.SupportTicket);