fix: added code for citation and chat history panel independence

[Yamini-Microsoft]

Purpose

This pull request makes several improvements to the deployment documentation and refactors the way the citation panel is displayed in the application UI. The most important changes include adding Bicep CLI as a required tool in the documentation, and updating the citation panel to render as a fixed overlay instead of within the main layout, simplifying its visibility logic.

Documentation updates:

• Added Bicep CLI (v0.33.0+) as a required tool in both DeploymentGuide.md and AVMPostDeploymentGuide.md to ensure users have all necessary dependencies for deployment. [1] [2]

UI/Code refactoring:

• Updated the citation panel to render as a fixed overlay using the new .citation-overlay CSS class, improving its visibility and separation from the main layout. [1] [2]
• Removed outdated logic that set the citation panel’s width based on the chat history panel and instead always displays it as a fixed overlay.
• Simplified the panel state handler by removing unnecessary dispatch of hideCitation, and updated dependencies for the related callback. [1] [2]

Does this introduce a breaking change?

• Yes
• No

Golden Path Validation

• I have tested the primary workflows (the "golden path") to ensure they function correctly without errors.

Deployment Validation

• I have validated the deployment process successfully and all services are running as expected with this change.

What to Check

Verify that the following are valid

• Citation panel appears as a fixed overlay when clicking a citation link
• Citation panel stays visible when toggling chat history or dashboard
  panels
• Dismiss (X) button closes the citation panel correctly
• Panel layouts (Dashboard, Chat, History) are unaffected by the citation
  overlay
• No UI overlap or clipping on resize

Other Information

[Copilot]

Pull request overview

This PR updates deployment prerequisites documentation and refactors the citation panel so it renders independently from the main dashboard/chat/history layout as a fixed overlay.

Changes:

• Added Bicep CLI to deployment prerequisite documentation.
• Moved citation panel rendering outside the main flex layout.
• Added .citation-overlay styling and stopped hiding citations on panel toggle.

Reviewed changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 2 comments.

File	Description
src/App/src/App.tsx	Renders CitationPanel as a sibling overlay and updates panel toggle behavior.
src/App/src/App.css	Adds fixed-position citation overlay styling.
documents/DeploymentGuide.md	Adds Bicep CLI to local deployment required tools.
documents/AVMPostDeploymentGuide.md	Adds Bicep CLI to post-deployment required tools.

Comments suppressed due to low confidence (1)

src/App/src/App.css:59

• With min-width: 280px on a fixed panel and no small-screen override, the citation overlay becomes wider than the viewport on very narrow windows and will be clipped/off-screen. Use a responsive width cap (for example based on 100vw) so the dismiss button and content remain reachable during resize.

  width: 20%;
  min-width: 280px;
  max-width: 400px;

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.