chore: update demo instance (#869)

Ref: HDX-1802

Author: wrn14897

packages/app/src/components/OnboardingModal.tsx

@@ -6,7 +6,7 @@ import { notifications } from '@mantine/notifications';
 import { ConnectionForm } from '@/components/ConnectionForm';
 import { IS_LOCAL_MODE } from '@/config';
 import { useConnections, useCreateConnection } from '@/connection';
-import { useCreateSource, useSources } from '@/source';
+import { useCreateSource, useSources, useUpdateSource } from '@/source';
 
 import { TableSourceForm } from './SourceForm';
 
@@ -39,6 +39,7 @@ export default function OnboardingModal({
 
   const createSourceMutation = useCreateSource();
   const createConnectionMutation = useCreateConnection();
+  const updateSourceMutation = useUpdateSource();
 
   return (
     <Modal
@@ -94,9 +95,9 @@ export default function OnboardingModal({
                   connection: {
                     id: 'local',
                     name: 'Demo',
-                    host: 'https://demo-ch.hyperdx.io',
-                    username: 'demo',
-                    password: 'demo',
+                    host: 'https://sql-clickhouse.clickhouse.com',
+                    username: 'otel_demo',
+                    password: '',
                   },
                 });
                 const metricsSource = await createSourceMutation.mutateAsync({
@@ -105,7 +106,7 @@ export default function OnboardingModal({
                     name: 'Demo Metrics',
                     connection: 'local',
                     from: {
-                      databaseName: 'default',
+                      databaseName: 'otel_v2',
                       tableName: '',
                     },
                     timestampValueExpression: 'TimeUnix',
@@ -127,7 +128,7 @@ export default function OnboardingModal({
                     name: 'Demo Traces',
                     connection: 'local',
                     from: {
-                      databaseName: 'default',
+                      databaseName: 'otel_v2',
                       tableName: 'otel_traces',
                     },
                     timestampValueExpression: 'Timestamp',
@@ -147,6 +148,7 @@ export default function OnboardingModal({
                     logSourceId: 'l-758211293',
                     statusCodeExpression: 'StatusCode',
                     statusMessageExpression: 'StatusMessage',
+                    spanEventsValueExpression: 'Events',
                     metricSourceId: metricsSource.id,
                   },
                 });
@@ -156,7 +158,7 @@ export default function OnboardingModal({
                     name: 'Demo Logs',
                     connection: 'local',
                     from: {
-                      databaseName: 'default',
+                      databaseName: 'otel_v2',
                       tableName: 'otel_logs',
                     },
                     timestampValueExpression: 'TimestampTime',
@@ -171,6 +173,13 @@ export default function OnboardingModal({
                     spanIdExpression: 'SpanId',
                     implicitColumnExpression: 'Body',
                     metricSourceId: metricsSource.id,
+                    displayedTimestampValueExpression: 'Timestamp',
+                  },
+                });
+                await updateSourceMutation.mutateAsync({
+                  source: {
+                    ...metricsSource,
+                    logSourceId: logSource.id,
                   },
                 });
                 const sessionSource = await createSourceMutation.mutateAsync({
@@ -179,7 +188,7 @@ export default function OnboardingModal({
                     name: 'Demo Sessions',
                     connection: 'local',
                     from: {
-                      databaseName: 'default',
+                      databaseName: 'otel_v2',
                       tableName: 'hyperdx_sessions',
                     },
                     timestampValueExpression: 'TimestampTime',
@@ -195,6 +204,13 @@ export default function OnboardingModal({
                     implicitColumnExpression: 'Body',
                   },
                 });
+                await updateSourceMutation.mutateAsync({
+                  source: {
+                    ...traceSource,
+                    logSourceId: logSource.id,
+                    sessionSourceId: sessionSource.id,
+                  },
+                });
                 notifications.show({
                   title: 'Success',
                   message: 'Connected to HyperDX demo server.',