{
  "id": "map_console_navigation_bar",
  "component": "div",
  "extraclass": "map-console-primary-header",
  "elementId": "map_console_navigation_bar",
  "items": [
    {
      "component": "div",
      "extraclass": "map-title-block",
      "show": "@hasValidMap",
      "items": [
        {
          "component": "div",
          "extraclass": "map-title",
          "title": "@title",
          "items": [
            {
              "component": "label",
              "label": "@mapTitle",
              "extraclass": "overflow-ellipses"
            }
          ]
        },
        {
          "component": "spectrum_menuTrigger",
          "items": [
            {
              "component": "spectrum_actionButton",
              "isQuiet": true,
              "style": {
                "height": "size-350"
              },
              "items": [
                { "component": "spectrum_icon", "icon": "chevronDown" }
              ]
            },
            {
              "component": "spectrum_menu",
              "on-action": "menuItemSelected",
              "style": {
                "minWidth": "200px"
              },
              "items": "@dropDownItems"
            }
          ]
        }
      ]
    },
    {
      "component": "div",
      "extraclass": "map-console-header-actions",
      "items": [
        {
          "component": "widget",
          "id": "ai_assistant_button"
        },
        { 
          "component": "spectrum_divider",
          "size": "S",
          "show":"@showAiAssistantButton",
          "orientation": "vertical"
        },
        {
          "component": "widget",
          "id": "common_header_actions"
        },
        { 
          "component": "spectrum_divider",
          "size": "S",
          "orientation": "vertical"
        },
        {
          "component": "spectrum_actionButton",
          "on-press": "$$APP_ACTIONS_MAXIMIZE_GUIDES",
          "aria-label": "$$maximiseButtonTitle",
          "isQuiet": true,
          "title": "$$maximiseButtonTitle",
          "style": { "marginEnd": "size-100" },
          "items": [{ "component": "spectrum_icon", "icon": "$$maximizeIcon" }]
        }
      ]
    }
  ]
}