This project is an SPFx-based SharePoint Online (SPO) Dashboard that enables users to explore and interact with deployed SPO AI Agents within their Microsoft 365 Tenant. The solution provides a seamless UI where users can:
- Browse and select available AI Agents.
- View detailed agent information in a popup modal.
- Choose to interact with the selected agent.
This dashboard simplifies AI-powered task execution by offering a centralized interface for managing and utilizing SharePoint AI Agents.
This project is valid for the SharePoint Hackathon open from 3rd March to 17th March 2025.
✅ SPFx-based web part for easy deployment in SharePoint Online
✅ Dynamic agent discovery across the tenant
✅ Popup modal for detailed agent insights
✅ Interactive UI to trigger agent functionalities
✅ Secure and seamless SharePoint integration
Ensure you have the following tools installed:
- Node.js (LTS version)
- Gulp
npm install -g gulp
git clone https://github.com/your-org/spfx-copilot-dashboard.git
cd spfx-copilot-dashboardnpm installImportant
Since the current used version of SPFx is a pre-release version, you need to perform a workaround to use fast-serve. A small guide can be found here: Fast-Serve with SPFx pre-release version.
gulp buildgulp serveIf you prefer using fast-serve, you can run the following command:
npm run serveOpen https://your-sharepoint-site/_layouts/15/workbench.aspx to test locally.
- Build the package:
gulp bundle --ship gulp package-solution --ship
- Upload the
.sppkgfile from./sharepoint/solution/to the App Catalog. - Deploy the app and add it to your SharePoint site.
- Navigate to the SPO Agent Dashboard web part.
- Browse the list of available AI Agents.
- Click on an agent to open a popup modal with detailed information.
- Decide whether to interact with the agent.
- SharePoint Framework (SPFx)
- React
- TypeScript
- Fluent UI
- Microsoft 365 APIs
This project is licensed under the MIT License.