Refactor frontend to use .tsx extensions and update paths

Renamed several frontend files from .ts to .tsx for consistency and future React component support. Moved RAIErrorCard.css to styles directory and updated import path. Added deployment_name field to agent definitions in default_team.json. Added a console.log for formData in TeamService for debugging.

Author: Fr4nc3

data/agent_teams/default_team.json

@@ -10,6 +10,7 @@
             "input_key": "hr-agent-001",
             "type": "HR",
             "name": "HR Specialist",
+            "deployment_name": "gpt-4o",
             "system_message": "You are an AI Agent. You have knowledge about HR (e.g., human resources), policies, procedures, and onboarding guidelines.",
             "description": "Handles employee onboarding, HR policies, and human resources management tasks.",
             "icon": "Person",
@@ -19,6 +20,7 @@
             "input_key": "tech-support-001",
             "type": "TechSupport",
             "name": "Tech Support Specialist",
+            "deployment_name": "gpt-4o",
             "system_message": "You are a Product agent. You have knowledge about product management, development, and compliance guidelines. When asked to call a function, you should summarize back what was done.",
             "description": "Provides technical support for mobile plans, telecommunications, and IT services.",
             "icon": "Phone",
@@ -28,6 +30,7 @@
             "input_key": "procurement-001",
             "type": "Procurement",
             "name": "Procurement Specialist",
+            "deployment_name": "gpt-4o",
             "system_message": "You are a Procurement agent. You specialize in purchasing, vendor management, supply chain operations, and inventory control. You help with creating purchase orders, managing vendors, tracking orders, and ensuring efficient procurement processes.",
             "description": "Manages purchasing decisions, add-ons, and procurement processes.",
             "icon": "ShoppingBag",
@@ -37,6 +40,7 @@
             "input_key": "marketing-001",
             "type": "Marketing",
             "name": "Marketing Specialist",
+            "deployment_name": "gpt-4o",
             "system_message": "You are a Marketing agent. You specialize in marketing strategy, campaign development, content creation, and market analysis. You help create effective marketing campaigns, analyze market data, and develop promotional content for products and services.",
             "description": "Creates marketing content, press releases, and promotional materials.",
             "icon": "DocumentEdit",
@@ -46,6 +50,7 @@
             "input_key": "generic-001",
             "type": "Generic",
             "name": "General Assistant",
+            "deployment_name": "gpt-4o",
             "system_message": "You are a Generic agent that can help with general questions and provide basic information. You can search for information and perform simple calculations.",
             "description": "Provides general assistance and handles miscellaneous tasks that don't require specialized expertise.",
             "icon": "Bot",

src/frontend/src/components/errors/RAIErrorCard.tsx

@@ -10,7 +10,7 @@ import {
     Lightbulb20Regular,
     Dismiss20Regular
 } from '@fluentui/react-icons';
-import './RAIErrorCard.css';
+import '../../styles/RAIErrorCard.css';
 
 export interface RAIErrorData {
     error_type: string;

…/frontend/src/components/errors/index.ts …frontend/src/components/errors/index.tsxsrc/frontend/src/components/errors/index.ts renamed to src/frontend/src/components/errors/index.tsx src/frontend/src/components/errors/index.ts renamed to src/frontend/src/components/errors/index.tsx

@@ -37,7 +37,7 @@ export class TeamService {
         try {
             const formData = new FormData();
             formData.append('file', teamFile);
-
+            console.log(formData);
             const response = await apiClient.upload('/v3/upload_team_config', formData);
 
             return {