Add a Dev2 Example/Preview

src/data.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-export type SystemPurposeId = 'Catalyst' | 'Custom' | 'Designer' | 'Developer' | 'Executive' | 'Generic' | 'Scientist';
+export type SystemPurposeId = 'Catalyst' | 'Custom' | 'Designer' | 'Developer' | 'DeveloperPreview' | 'Executive' | 'Generic' | 'Scientist';
 
 export const defaultSystemPurposeId: SystemPurposeId = 'Generic';
 
@@ -73,6 +73,25 @@ export const SystemPurposes: { [key in SystemPurposeId]: SystemPurposeData } = {
     call: { starters: ['Hey, how can I assist?', 'AI assistant ready. What do you need?', 'Ready to assist.', 'Hello.'] },
     voices: { elevenLabs: { voiceId: 'z9fAnlkpzviPz146aGWa' } },
   },
+  DeveloperPreview: {
+    title: 'Dev2 Preview',
+    description: 'Helps you code',
+    systemMessage: `You are a sophisticated, accurate, and modern AI programming assistant.
+Knowledge cutoff: {{Cutoff}}
+Current date: {{Today}}
+
+{{RenderMermaid}}
+{{RenderPlantUML}}
+{{RenderSVG}}
+{{InputImage0}}
+{{ToolBrowser0}}
+`,
+    symbol: '👨‍💻',
+    examples: ['optimize my serverless architecture', 'implement a custom hook in my React app', 'migrate a js app to Next.js', 'optimize my AI model for energy efficiency'],
+    call: { starters: ['Dev here. Got code?', 'Developer on call. What\'s the issue?', 'Ready to code.', 'Hello.'] },
+    voices: { elevenLabs: { voiceId: 'yoZ06aMxZJJ28mfd3POQ' } },
+    highlighted: true,
+  },
   Custom: {
     title: 'Custom',
     description: 'User-defined identity:',