* Add a component that displays the header with icons

* Replace Settings component with SettingsV9 and adjust header styles

* Fix tooltip relationship in SettingsV9 component

* Add telemetry tracking for settings button and theme chooser interactions

* Add tracking for Office Dev Program link click and update menu item to use MenuItemLink

* Remove unused Link import from SettingsV9 component

* Move common header code into a utils file

* Add HelpV9 component with telemetry tracking for help button and links

* Refactor uiStringMap type to use Record<string, string> for better type safety

* Add FeedbackButtonV9 component with telemetry tracking and integrate into MainHeaderV9

* Remove MenuTrigger wrapper around the Button component

* Add Tenant component to MainHeaderV9 and update styles

* Add AuthenticationV9 component and integrate into MainHeaderV9

* Remove AuthenticationV9 and implement ProfileButtonV9 with sign-in functionality

* Implement AuthenticationV9 component and integrate ProfileButtonV9 for sign-in functionality

…3429)

* Add fluent v9 components and react-icons

* Add fluent provider and register theme to current theme

* Add v9 sample queries to sidebar

* Add the search box and message bars for cache and see more queries

* Get the sample queries

* WIP: decompose search and samples components

* Enhance SampleQueriesV9 component with grouping and search functionality

* Enhance search functionality and improve group rendering

* Enhance badge display for group counts and improved styling

* Add HTTP method badges and improved icon display

* Enhance SampleQueriesV9 component with improved icon display and code organization

* Enhance SampleQueriesV9 component with tooltip for query names and improved key handling

* Enhance SampleQueriesV9 component with resource link rendering and document link tracking

* Enhance SampleQueriesV9 component with sample query selection handling and error message display

* Improved method icon rendering and styling

* Refactor App component structure and improve indentation in SampleQueriesV9

* Use a text component for builtin styling

* Extract sample body parsing logic, improve prop destructuring and open first sample item

* Add loading spinner and improved query handling on search

* Update Fluent UI dependencies to specific versions

* Enhance accessibility by adding aria-labels to badges and tree items

* Add authentication handling to method icons and improve layout

* Use Spinner from react-components

* feat: refactor sidebar and sample queries components for Fluent UI v9 compatibility

* Enhance search functionality and show no results message

* feat: implement sidebar toggle functionality and update tab rendering logic

* Add search in HistoryV9 component

* feat: enhance HistoryV9 component with message bar and improved layout

* feat: refactor dynamicSort function to use generics and update related components

* feat: implement FlatTree for history display with download icon and badge count

* feat: add download functionality for history groups in HistoryV9 component

* feat: add confirmation dialog for deleting history groups in HistoryV9 component

* feat: add action menu for history items with view, run, export, and delete options

* feat: add new components for Monaco and response display in v9

* feat: implement Monaco v9 editor and enhance response display functionality

* feat: implement ResponseV9 component and update pivot items to use it

* feat: add OneNote and PDF content types, update response headers handling, and enhance response display components

* feat: add @microsoft/microsoft-graph-types dependency, update response handling, and improve type safety in graph request functions

* feat: update graph response handling to initialize headers and remove unused response headers in history item

* Use a Record to allow serialization of headers

* refactor: update response handling to use ResponseBody type and improve header processing

* feat: add CopyButtonV9 and ResponseHeadersV9 components, update component registry

* feat: introduce SnippetV9 and CopyButtonV9 components, update related imports and types

* feat: enhance MonacoV9 and SnippetsV9 components with extra information display and improved styling

* feat: add GraphToolkitV9 component and integrate it into pivot items

* refactor: remove unused styledGraphToolkit definition from GraphToolkitV9 component

* refactor: update adaptive cards lookup and improve error handling in adaptive card utilities

* refactor: clean up imports and reorganize state selection in AdaptiveCardV9 component

* WIP: back from leave

* refactor: Update imports and clean up code formatting in QueryResponse and App components

* refactor: Simplify QueryResponse component by returning GetPivotItems directly

* refactor: Restore GetPivotItems usage and reintroduce QueryResponse layout

* refactor: Introduce QueryResponseV9 component and update App to use it

* fix: update Permissions component props type to any

* refactor: improve layout and styling in QueryResponse and Monaco components

* feat: enhance PivotItemsDialog with new icons and improved styling

* refactor: enhance QueryResponseV9 styling with borders and padding

* refactor: clean up code formatting and improve layout in App and QueryResponse components

* add sidebar and main content resizing

* refactor: enhance layout styles in Layout component with improved spacing and sidebar styling

* refactor: improve layout and styling in Layout and QueryRunner components with enhanced responsiveness and state management

* refactor: update height styling in QueryResponseV9 and RequestV9 components for better layout consistency

* refactor: enhance layout and styling in Layout, QueryResponseV9, and RequestV9 components for improved structure and visual consistency

* refactor: update MonacoV9 component styling and remove unnecessary height prop in RequestBody for improved layout consistency

* refactor: improve layout and styling in response components for better visual consistency

* refactor: update MonacoV9 component to adjust editor height and improve code formatting

* refactor: reorganize imports and improve access token display in AuthV9 component

* refactor: adjust MonacoV9 component height handling and improve code readability in SnippetsV9

* refactor: enhance MonacoV9 component with theme support and clean up Layout component imports

* refactor: improve styling and structure in GraphToolkitV9 component for better readability and maintainability

* feat: update response layout and enhance message bar styling

* feat: implement layout resize handler and enhance sidebar functionality

* feat: enhance layout with sidebar resizing functionality and improved styles

* feat: refine sidebar behavior and layout styles for improved usability

* WIP: clean up App.tsx

* refactor: simplify App.tsx by removing unused ParsedMessageCode interface and commented-out code

* Provisional try-it view

* Handle mobile phone view

* Clean up App.tsx file

* Fix linting issues

* refactor: improve variable naming for clarity in ResourceExplorer component

* refactor: update ResourceExplorer styles and improve SidebarV9 component structure

* refactor: remove duplicate state declaration for showSidebarValue in SidebarV9 component

* refactor: adjust sidebar size to use percentage and improve responsiveness

* refactor: adjust sidebar size from 25% to 17% for improved layout responsiveness

* refactor: adjust dialog maxWidth to 40% and center content for improved layout

* refactor: set maxHeight to 50% in layout styles and adjust MonacoV9 height to 25rem for improved responsiveness

* refactor: set height of MonacoV9 to 25rem for improved layout

* refactor: remove unused height calculations and dispatch logic for cleaner code

* refactor: enhance snippet layout with styled containers and improved copy button positioning

* refactor: update AuthV9 styles for better text handling and remove unused height logic

* refactor: adjust layout heights and overflow properties for improved responsiveness

* refactor: replace section elements with divs in SidebarV9 and ResourceExplorer for consistency

* refactor: update sidebar flex basis for improved layout responsiveness

* refactor: update header format in iframe-message-parser tests for consistency

* refactor: remove unused main.go and Handle.tsx files to clean up the codebase

* refactor: extract layout styles into separate LayoutStyles.tsx file for better organization

* refactor: consolidate imports in LayoutStyles.tsx for improved clarity

* refactor: export SIDEBAR_SIZE_CSS_VAR from LayoutStyles.tsx for better accessibility

* feat: adjust layout heights and improve component structure

* fix: correct spelling of 'noreferrer' in rel attributes

* feat: enhance ResponseMessagesV9 component structure with MessageBarBody

* refactor: streamline QueryRunner and QueryInput components for improved readability and layout

* fix: update border colors in layout and snippet components for consistency

* feat: enhance QueryResponseV9 component with dismiss button and layout adjustments

* feat: restructure QueryResponseV9 component and adjust ResponseDisplayV9 height for improved layout

* add max-width to fill entire space

* Update typo

* fix api explorer regression

* show buttons on hover

* add collection button to history

* use user initials

* handle profile and header cleanup

* feat: add new components for Monaco and response display in v9

* feat: implement Monaco v9 editor and enhance response display functionality

* feat: implement ResponseV9 component and update pivot items to use it

* feat: add OneNote and PDF content types, update response headers handling, and enhance response display components

* feat: add @microsoft/microsoft-graph-types dependency, update response handling, and improve type safety in graph request functions

* feat: update graph response handling to initialize headers and remove unused response headers in history item

* Use a Record to allow serialization of headers

* refactor: update response handling to use ResponseBody type and improve header processing

* feat: add CopyButtonV9 and ResponseHeadersV9 components, update component registry

* feat: introduce SnippetV9 and CopyButtonV9 components, update related imports and types

* feat: enhance MonacoV9 and SnippetsV9 components with extra information display and improved styling

* feat: add GraphToolkitV9 component and integrate it into pivot items

* refactor: remove unused styledGraphToolkit definition from GraphToolkitV9 component

* refactor: update adaptive cards lookup and improve error handling in adaptive card utilities

* refactor: clean up imports and reorganize state selection in AdaptiveCardV9 component

* WIP: back from leave

* refactor: Update imports and clean up code formatting in QueryResponse and App components

* refactor: Simplify QueryResponse component by returning GetPivotItems directly

* refactor: Restore GetPivotItems usage and reintroduce QueryResponse layout

* refactor: Introduce QueryResponseV9 component and update App to use it

* fix: update Permissions component props type to any

* refactor: improve layout and styling in QueryResponse and Monaco components

* feat: enhance PivotItemsDialog with new icons and improved styling

* refactor: enhance QueryResponseV9 styling with borders and padding

* refactor: clean up code formatting and improve layout in App and QueryResponse components

* add sidebar and main content resizing

* refactor: enhance layout styles in Layout component with improved spacing and sidebar styling

* refactor: improve layout and styling in Layout and QueryRunner components with enhanced responsiveness and state management

* refactor: update height styling in QueryResponseV9 and RequestV9 components for better layout consistency

* refactor: enhance layout and styling in Layout, QueryResponseV9, and RequestV9 components for improved structure and visual consistency

* refactor: update MonacoV9 component styling and remove unnecessary height prop in RequestBody for improved layout consistency

* refactor: improve layout and styling in response components for better visual consistency

* refactor: update MonacoV9 component to adjust editor height and improve code formatting

* refactor: reorganize imports and improve access token display in AuthV9 component

* refactor: adjust MonacoV9 component height handling and improve code readability in SnippetsV9

* refactor: enhance MonacoV9 component with theme support and clean up Layout component imports

* refactor: improve styling and structure in GraphToolkitV9 component for better readability and maintainability

* feat: update response layout and enhance message bar styling

* feat: implement layout resize handler and enhance sidebar functionality

* feat: enhance layout with sidebar resizing functionality and improved styles

* feat: refine sidebar behavior and layout styles for improved usability

* WIP: clean up App.tsx

* refactor: simplify App.tsx by removing unused ParsedMessageCode interface and commented-out code

* Provisional try-it view

* Handle mobile phone view

* Clean up App.tsx file

* Fix linting issues

* refactor: improve variable naming for clarity in ResourceExplorer component

* refactor: update ResourceExplorer styles and improve SidebarV9 component structure

* refactor: remove duplicate state declaration for showSidebarValue in SidebarV9 component

* refactor: adjust sidebar size to use percentage and improve responsiveness

* refactor: adjust sidebar size from 25% to 17% for improved layout responsiveness

* refactor: adjust dialog maxWidth to 40% and center content for improved layout

* refactor: set maxHeight to 50% in layout styles and adjust MonacoV9 height to 25rem for improved responsiveness

* refactor: set height of MonacoV9 to 25rem for improved layout

* refactor: remove unused height calculations and dispatch logic for cleaner code

* refactor: enhance snippet layout with styled containers and improved copy button positioning

* refactor: update AuthV9 styles for better text handling and remove unused height logic

* refactor: adjust layout heights and overflow properties for improved responsiveness

* refactor: replace section elements with divs in SidebarV9 and ResourceExplorer for consistency

* refactor: update sidebar flex basis for improved layout responsiveness

* refactor: update header format in iframe-message-parser tests for consistency

* refactor: remove unused main.go and Handle.tsx files to clean up the codebase

* refactor: extract layout styles into separate LayoutStyles.tsx file for better organization

* refactor: consolidate imports in LayoutStyles.tsx for improved clarity

* refactor: export SIDEBAR_SIZE_CSS_VAR from LayoutStyles.tsx for better accessibility

* update request area layout

* add mocaco visibility prop

* remove comments

* adjust response area style

* adjust container heights

* adjust heights

* adjust margins

* adjust query inout widths

* return tab icons

* add submit button style

* adjust code snippets

* fix query input area

* fix moncao on adaptive card

* update header styles

* Set responsiveness of the Request Headers form

* return expand dialog styles

* remove comments

* add mobile screen hook

* add toggle button on header

* add overflow on mobile

* add overflow on response area

* update screen size on initial load

* add resize listener while component is mounted

* fix conflicts

* remove commented code

* use classNames

---------

Co-authored-by: Musale Martin <[email protected]>
Co-authored-by: Mnickii <[email protected]>

* reduce white  space

* remove borders

* make code snippets more responsive

* reduce tab size

* add scrollbar

* remove v8 IGroup

* fix query version, edit collections and cleanup

* fix history item

* fix history errors

* fix text when no image

* adjust sidebar expand and collapse

* adjust resize handler

* adjust sidebar tabclick behaviour

* remove unused values

* adjust mobile view

* update sidebar file

* fix errors

* fix overflow

* remove console statement

* remove v8 IGroup

* fix query version, edit collections and cleanup

* fix history item

* fix history errors

* fix text when no image

* update collections design

* fix permissions alignment

* fix badge alignment

* update locked icon desing