TeamSync AI

TeamSync AI is a browser extension that automatically extracts deadlines and events from Microsoft Teams chats and adds them to your Outlook Calendar. It leverages advanced AI models to understand chat context and identify important dates.

Features

• Smart Detection: Uses Google Gemini (and Groq as fallback) to parse chat messages for deadlines.
• Seamless Integration: Works directly within the Microsoft Teams web interface.
• Dashboard: A clean, modern dashboard to view detected events and manage settings.
• Privacy Focused: API keys are stored locally in your browser.

Screenshots

TeamSync Command Center Dashboard

Monthly Calendar View

Prerequisites

Before you begin, ensure you have the following installed:

• Node.js (for building the dashboard)
• Python (for the build script)

Installation

1. Build the Extension

1. Open a terminal in the project root directory (TeamSyncAI/).
2. Run the build script:

   python package_extension.py

   This script will:
   • Install necessary dependencies.
   • Build the React dashboard.
   • Package the extension files into the dashboard-build/ directory.

2. Load into Chrome/Edge

1. Open your browser (Chrome, Edge, or Brave).
2. Navigate to the extensions management page:
   • Chrome: chrome://extensions
   • Edge: edge://extensions
3. Enable Developer mode (usually a toggle in the top right corner).
4. Click the Load unpacked button.
5. Select the dashboard-build folder located in your project directory.

The extension should now be installed and visible in your browser toolbar.

Configuration (API Keys)

To use TeamSync AI, you need to provide API keys for the AI models.

Getting the API Keys

1. Google Gemini API Key (Primary)

1. Visit Google AI Studio.
2. Sign in with your Google account.
3. Click on "Get API key" in the sidebar.
4. Click "Create API key".
5. Copy the generated key.

2. Groq API Key (Fallback)

Optional but recommended for backup.

1. Visit the Groq Console.
2. Sign in or create an account.
3. Click "Create API Key".
4. Name your key and click "Submit".
5. Copy the generated key.

Setting up the Extension

1. Click the TeamSync AI icon in your browser toolbar.
2. Click "Open Dashboard" or navigate to the Settings tab within the popup.
3. Paste your Gemini API Key into the corresponding field.
4. (Optional) Paste your Groq API Key.
5. Click "Save Settings".

Usage

1. Log in to Microsoft Teams on the web.
2. The extension will automatically run in the background.
3. When you view chats, TeamSync AI will analyze messages for potential deadlines.
4. Open the TeamSync AI Dashboard to view detected events, statistics, and manage your calendar.

Development

• Dashboard Code: Located in dashboard/ (React + Vite + Tailwind).
• Extension Logic: background.js, content.js, manifest.json in the root.
• Build Script: package_extension.py handles the merging of the React app and extension files.