M365 Copilot + Loop Full Width

Expands M365 Copilot Chat and the main Microsoft Loop notes canvas.
Ask a question, post a review, or report the script.
Wrap lines
// ==UserScript==
// @name         M365 Copilot + Loop Full Width
// @namespace    http://tampermonkey.net/
// @version      4.2
// @description  Expands M365 Copilot Chat and the main Microsoft Loop notes canvas.
// @match        https://m365.cloud.microsoft/*
// @match        https://*.m365.cloud.microsoft/*
// @match        https://microsoft365.com/*
// @match        https://www.microsoft365.com/*
// @match        https://loop.cloud.microsoft/*
// @match        https://*.loop.cloud.microsoft/*
// @match        https://loop.microsoft.com/*
// @match        https://*.loop.microsoft.com/*
// @grant        GM_addStyle
// @run-at       document-start
// @license      MIT
// ==/UserScript==

(() => {
  'use strict';

  GM_addStyle(`
    /* M365 Copilot */
    #m365-copilot-app-layout-content {
      width: 100% !important;
      max-width: none !important;
      padding-inline: clamp(12px, 1.5vw, 24px) !important;
      box-sizing: border-box !important;
    }

    #m365-copilot-app-layout-content :has(#m365-chat-input-shared-container) {
      width: 100% !important;
      max-width: none !important;
      margin-inline: 0 !important;
      box-sizing: border-box !important;
    }

    #m365-copilot-app-layout-content div {
      max-width: none !important;
    }

    #m365-chat-input-shared-container,
    [data-test-id="chat-input-wrapper"] {
      width: 100% !important;
      max-width: none !important;
    }

    /* Loop: target only the main notes editor, not Title or table cells. */
    .scriptor-pageContainer[role="textbox"][aria-label="Canvas"] {
      width: 100% !important;
      max-width: none !important;
      box-sizing: border-box !important;
    }

    .scriptor-pageContainer[role="textbox"][aria-label="Canvas"]
      > .scriptor-pageFrame {
      width: 100% !important;
      max-width: none !important;
      margin-inline: 0 !important;
      box-sizing: border-box !important;
    }

    @media (max-width: 700px) {
      #m365-copilot-app-layout-content {
        padding-inline: 10px !important;
      }

      .scriptor-pageContainer[role="textbox"][aria-label="Canvas"] {
        padding-inline: 10px !important;
      }
    }
  `);
})();