feat: New UI for the template and merging dev changes into main

[Roopan-Microsoft]

Purpose

• This pull request introduces a variety of changes across the codebase, focusing on backend functionality enhancements, frontend setup improvements, and documentation updates. The most significant updates include new backend endpoints for retrieving agent messages and plans, adjustments to the frontend environment setup, and modifications to the Dockerfile for multi-stage builds.

Backend Enhancements:

• Added a new endpoint get_agent_messages_by_plan in src/backend/app_kernel.py to retrieve agent messages by plan ID, including detailed API documentation.
• Enhanced the get_plans endpoint to support filtering by plan_id and returning associated messages. Added error handling for missing plans.
• Added get_plan_by_plan_id and get_data_by_type_and_session_id methods in src/backend/context/cosmos_memory_kernel.py to support querying plans and data by specific identifiers. [1] [2]

Frontend Setup Improvements:

• Introduced a sample .env file (src/frontend/.env.sample) to simplify frontend environment configuration.
• Added an ESLint configuration file (src/frontend/.eslintrc.js) for enforcing coding standards in the frontend project.
• Updated .gitignore to exclude common development and production artifacts.

Dockerfile Updates:

• Refactored src/frontend/Dockerfile into a multi-stage build process, separating frontend and backend dependencies for improved efficiency and security.

Documentation Updates:

• Updated image references in README.md to reflect new architecture diagrams and added a new section titled "Agentic architecture."
• Replaced outdated application image links within the business scenario section of README.md.

Does this introduce a breaking change?

• Yes
• No

How to Test

• Get the code

git clone [repo-address]
cd [repo-name]
git checkout [branch-name]
npm install

• Test the code

What to Check

Verify that the following are valid

• ...

Other Information