diff --git a/localization/de.xlf b/localization/de.xlf
index b5187aa..19d9fe3 100644
--- a/localization/de.xlf
+++ b/localization/de.xlf
@@ -46,6 +46,26 @@
   <source>Your editing history will be displayed here.</source>
   <target>Hier wird Ihre Bearbeitungshistorie angezeigt.</target>
 </trans-unit>
+<trans-unit id="s690714fde574c188">
+  <source>Filename</source>
+  <target>Dateiname</target>
+</trans-unit>
+<trans-unit id="s1b528387ae29637a">
+  <source>Extension</source>
+  <target>Dateiendung</target>
+</trans-unit>
+<trans-unit id="s737e3dbdf9c08cdf">
+  <source>Close file</source>
+  <target>Datei schließen</target>
+</trans-unit>
+<trans-unit id="s2ceb11be2290bb1b">
+  <source>Cancel</source>
+  <target>Abbrechen</target>
+</trans-unit>
+<trans-unit id="s60320a18282b2b33">
+  <source>Rename</source>
+  <target>Umbenennen</target>
+</trans-unit>
 <trans-unit id="s5e8250fb85d64c23">
   <source>Close</source>
   <target>Schließen</target>
diff --git a/open-scd.editing.spec.ts b/open-scd.editing.spec.ts
index ed35142..df9ee9f 100644
--- a/open-scd.editing.spec.ts
+++ b/open-scd.editing.spec.ts
@@ -48,7 +48,7 @@ export namespace util {
   <SCL version="2007" revision="B" xmlns="http://www.iec.ch/61850/2003/SCL" xmlns:ens1="http://example.org/somePreexistingExtensionNamespace">
   <Substation name="A1" desc="test substation"></Substation>
 </SCL>`;
-  const testDocStrings = [
+  export const testDocStrings = [
     sclDocString,
     `<?xml version="1.0" encoding="UTF-8"?>
   <testDoc1>
@@ -210,7 +210,13 @@ export namespace util {
   }
 }
 
-describe('Editing Element', () => {
+function newTestDoc() {
+  const docString =
+    util.testDocStrings[Math.floor(Math.random() * util.testDocStrings.length)];
+  return new DOMParser().parseFromString(docString, 'application/xml');
+}
+
+describe('open-scd', () => {
   let editor: OpenSCD;
   let sclDoc: XMLDocument;
 
@@ -222,13 +228,76 @@ describe('Editing Element', () => {
     );
   });
 
-  it('loads a document on OpenDocEvent', async () => {
+  it('loads a non-SCL document on OpenDocEvent', async () => {
+    editor.dispatchEvent(newOpenEvent(sclDoc, 'test.xml'));
+    await editor.updateComplete;
+    expect(editor.docs).to.have.property('test.xml', sclDoc);
+  });
+
+  it('opens an SCL document for editing on OpenDocEvent', async () => {
     editor.dispatchEvent(newOpenEvent(sclDoc, 'test.scd'));
     await editor.updateComplete;
     expect(editor.doc).to.equal(sclDoc);
     expect(editor.docName).to.equal('test.scd');
   });
 
+  describe('with an SCL document loaded', () => {
+    beforeEach(async () => {
+      editor.dispatchEvent(newOpenEvent(sclDoc, 'test.scd'));
+      await editor.updateComplete;
+    });
+
+    it('allows the user to change the current doc name', async () => {
+      editor.shadowRoot
+        ?.querySelector<HTMLButtonElement>('mwc-icon-button[icon=edit]')
+        ?.click();
+      const dialog = editor.editFileUI;
+      await dialog.updateComplete;
+      const textfield = dialog.querySelector('mwc-textfield')!;
+      textfield.value = 'newName';
+      const select = dialog.querySelector('mwc-select')!;
+      select.value = 'cid';
+      await textfield.updateComplete;
+      await select.updateComplete;
+      dialog
+        .querySelector<HTMLButtonElement>('mwc-button[slot="primaryAction"]')
+        ?.click();
+      await editor.updateComplete;
+      expect(editor).to.have.property('docName', 'newName.cid');
+      expect(editor).to.have.property('doc', sclDoc);
+    });
+  });
+
+  it('allows the user to close the current doc', async () => {
+    editor.shadowRoot
+      ?.querySelector<HTMLButtonElement>('mwc-icon-button[icon=edit]')
+      ?.click();
+    const dialog = editor.editFileUI;
+    await dialog.updateComplete;
+    dialog
+      .querySelector<HTMLButtonElement>('mwc-button[icon="delete"]')
+      ?.click();
+    await editor.updateComplete;
+    expect(editor).to.have.property('docName');
+    expect(editor).to.have.property('doc');
+  });
+
+  describe('with several documents loaded', () => {
+    beforeEach(async () => {
+      for (let i = 0; i < Math.floor(Math.random() * 10) + 1; i += 1)
+        editor.dispatchEvent(newOpenEvent(newTestDoc(), `test${i}.scd`));
+    });
+
+    it('allows the user to switch documents', async () => {
+      const oldDocName = editor.docName;
+      editor.fileMenuButtonUI?.click();
+      await editor.fileMenuUI.updateComplete;
+      (editor.fileMenuUI.firstElementChild as HTMLButtonElement).click();
+      await editor.updateComplete;
+      expect(editor).to.not.have.property('docName', oldDocName);
+    });
+  });
+
   it('inserts an element on Insert', () => {
     const parent = sclDoc.documentElement;
     const node = sclDoc.createElement('test');
diff --git a/open-scd.spec.ts b/open-scd.spec.ts
index ec59386..54bec5a 100644
--- a/open-scd.spec.ts
+++ b/open-scd.spec.ts
@@ -48,31 +48,31 @@ describe('with editor plugins loaded', () => {
   });
 
   it('passes attribute docname', async () => {
-    editor.dispatchEvent(newOpenEvent(doc, 'test.xml'));
+    editor.dispatchEvent(newOpenEvent(doc, 'test.scd'));
     await editor.updateComplete;
 
-    const plugin = editor.shadowRoot?.querySelector('*[docName="test.xml"]');
+    const plugin = editor.shadowRoot?.querySelector('*[docName="test.scd"]');
     expect(plugin?.tagName).to.exist.and.to.satisfy(isOscdPlugin);
   });
 
   it('passes property doc', async () => {
-    editor.dispatchEvent(newOpenEvent(doc, 'test.xml'));
+    editor.dispatchEvent(newOpenEvent(doc, 'test.scd'));
     await editor.updateComplete;
 
-    const plugin = editor.shadowRoot?.querySelector('*[docname="test.xml"]');
+    const plugin = editor.shadowRoot?.querySelector('*[docname="test.scd"]');
     expect(plugin).to.have.property('docs');
   });
 
   it('passes property editCount', async () => {
-    editor.dispatchEvent(newOpenEvent(doc, 'test.xml'));
+    editor.dispatchEvent(newOpenEvent(doc, 'test.scd'));
     await editor.updateComplete;
 
-    const plugin = editor.shadowRoot?.querySelector('*[docname="test.xml"]');
+    const plugin = editor.shadowRoot?.querySelector('*[docname="test.scd"]');
     expect(plugin).to.have.property('editCount', 0);
   });
 
   it('updated passed editCount property on edit events', async () => {
-    editor.dispatchEvent(newOpenEvent(doc, 'test.xml'));
+    editor.dispatchEvent(newOpenEvent(doc, 'test.scd'));
     await editor.updateComplete;
 
     editor.dispatchEvent(
@@ -83,7 +83,7 @@ describe('with editor plugins loaded', () => {
     );
     await editor.updateComplete;
 
-    const plugin = editor.shadowRoot?.querySelector('*[docname="test.xml"]');
+    const plugin = editor.shadowRoot?.querySelector('*[docname="test.scd"]');
     expect(plugin).to.have.property('editCount', 1);
   });
 });
@@ -111,31 +111,31 @@ describe('with menu plugins loaded', () => {
   });
 
   it('passes attribute docname', async () => {
-    editor.dispatchEvent(newOpenEvent(doc, 'test.xml'));
+    editor.dispatchEvent(newOpenEvent(doc, 'test.scd'));
     await editor.updateComplete;
 
-    const plugin = editor.shadowRoot?.querySelector('*[docName="test.xml"]');
+    const plugin = editor.shadowRoot?.querySelector('*[docName="test.scd"]');
     expect(plugin?.tagName).to.exist.and.to.satisfy(isOscdPlugin);
   });
 
   it('passes property doc', async () => {
-    editor.dispatchEvent(newOpenEvent(doc, 'test.xml'));
+    editor.dispatchEvent(newOpenEvent(doc, 'test.scd'));
     await editor.updateComplete;
 
-    const plugin = editor.shadowRoot?.querySelector('*[docname="test.xml"]');
+    const plugin = editor.shadowRoot?.querySelector('*[docname="test.scd"]');
     expect(plugin).to.have.property('docs');
   });
 
   it('passes property editCount', async () => {
-    editor.dispatchEvent(newOpenEvent(doc, 'test.xml'));
+    editor.dispatchEvent(newOpenEvent(doc, 'test.scd'));
     await editor.updateComplete;
 
-    const plugin = editor.shadowRoot?.querySelector('*[docname="test.xml"]');
+    const plugin = editor.shadowRoot?.querySelector('*[docname="test.scd"]');
     expect(plugin).to.have.property('editCount', 0);
   });
 
   it('updated passed editCount property on edit events', async () => {
-    editor.dispatchEvent(newOpenEvent(doc, 'test.xml'));
+    editor.dispatchEvent(newOpenEvent(doc, 'test.scd'));
     await editor.updateComplete;
 
     editor.dispatchEvent(
@@ -146,7 +146,7 @@ describe('with menu plugins loaded', () => {
     );
     await editor.updateComplete;
 
-    const plugin = editor.shadowRoot?.querySelector('*[docname="test.xml"]');
+    const plugin = editor.shadowRoot?.querySelector('*[docname="test.scd"]');
     expect(plugin).to.have.property('editCount', 1);
   });
 });
diff --git a/open-scd.test.ts b/open-scd.test.ts
index 71ec820..8eda043 100644
--- a/open-scd.test.ts
+++ b/open-scd.test.ts
@@ -75,7 +75,7 @@ allLocales.forEach(lang =>
     it(`displays a current document title`, async () => {
       await editor.updateComplete;
 
-      editor.dispatchEvent(newOpenEvent(doc, 'test.xml'));
+      editor.dispatchEvent(newOpenEvent(doc, 'test.scd'));
       await editor.updateComplete;
       await timeout(20);
       await visualDiff(editor, `document-name-${lang}`);
@@ -208,7 +208,7 @@ allLocales.forEach(lang =>
             },
             {
               name: 'Test Menu Plugin 2',
-              src: 'data:text/javascript;charset=utf-8,export%20default%20class%20TestPlugin%20extends%20HTMLElement%20%7B%0D%0A%20%20async%20run%28%29%20%7B%0D%0A%20%20%20%20this.dispatchEvent%28new%20CustomEvent%28%27oscd-open%27%2C%20%7Bdetail%3A%20%7BdocName%3A%20%27testDoc%27%2C%20doc%3A%20window.document%7D%2C%20bubbles%3A%20true%2C%20composed%3A%20true%7D%29%29%3B%0D%0A%20%20%7D%0D%0A%7D',
+              src: 'data:text/javascript;charset=utf-8,export%20default%20class%20TestPlugin%20extends%20HTMLElement%20%7B%0D%0A%20%20async%20run%28%29%20%7B%0D%0A%20%20%20%20this.dispatchEvent%28new%20CustomEvent%28%27oscd-open%27%2C%20%7Bdetail%3A%20%7BdocName%3A%20%27testDoc.scd%27%2C%20doc%3A%20window.document%7D%2C%20bubbles%3A%20true%2C%20composed%3A%20true%7D%29%29%3B%0D%0A%20%20%7D%0D%0A%7D',
               icon: 'polymer',
               active: true,
               requireDoc: false,
@@ -259,7 +259,7 @@ allLocales.forEach(lang =>
 
         await editor.updateComplete;
         await timeout(200);
-        expect(editor.docName).to.equal('testDoc');
+        expect(editor.docName).to.equal('testDoc.scd');
         await editor.updateComplete;
         await visualDiff(editor, `menu-plugins-triggered-${lang}`);
       });
@@ -311,7 +311,7 @@ allLocales.forEach(lang =>
       });
 
       it('displays more tabs with a doc loaded', async () => {
-        editor.dispatchEvent(newOpenEvent(doc, 'test.xml'));
+        editor.dispatchEvent(newOpenEvent(doc, 'test.scd'));
         await editor.updateComplete;
         await visualDiff(editor, `editor-plugins-with-doc-${lang}`);
       });
diff --git a/open-scd.ts b/open-scd.ts
index 20ee272..3623b42 100644
--- a/open-scd.ts
+++ b/open-scd.ts
@@ -10,11 +10,19 @@ import '@material/mwc-drawer';
 import '@material/mwc-icon';
 import '@material/mwc-icon-button';
 import '@material/mwc-list';
+import '@material/mwc-menu';
+import '@material/mwc-select';
 import '@material/mwc-tab-bar';
+import '@material/mwc-textfield';
 import '@material/mwc-top-app-bar-fixed';
-import type { ActionDetail } from '@material/mwc-list';
+import type { ActionDetail, SingleSelectedEvent } from '@material/mwc-list';
 import type { Dialog } from '@material/mwc-dialog';
 import type { Drawer } from '@material/mwc-drawer';
+import type { IconButton } from '@material/mwc-icon-button';
+import type { ListItemBase } from '@material/mwc-list/mwc-list-item-base.js';
+import type { Menu } from '@material/mwc-menu';
+import type { Select } from '@material/mwc-select';
+import type { TextField } from '@material/mwc-textfield';
 
 import { allLocales, sourceLocale, targetLocales } from './locales.js';
 
@@ -142,6 +150,27 @@ export class OpenSCD extends LitElement {
   /** The name of the [[`doc`]] currently being edited */
   @property({ type: String, reflect: true }) docName = '';
 
+  /** The file endings of editable files */
+  @property({ type: Array, reflect: true }) editable = [
+    'cid',
+    'icd',
+    'iid',
+    'scd',
+    'sed',
+    'ssd',
+  ];
+
+  isEditable(docName: string): boolean {
+    return !!this.editable.find(ext =>
+      docName.toLowerCase().endsWith(`.${ext}`)
+    );
+  }
+
+  @state()
+  get editableDocs(): string[] {
+    return Object.keys(this.docs).filter(name => this.isEditable(name));
+  }
+
   #loadedPlugins = new Map<string, Plugin>();
 
   @state()
@@ -173,8 +202,8 @@ export class OpenSCD extends LitElement {
   }
 
   handleOpenDoc({ detail: { docName, doc } }: OpenEvent) {
-    this.docName = docName;
-    this.docs[this.docName] = doc;
+    this.docs[docName] = doc;
+    if (this.isEditable(docName)) this.docName = docName;
   }
 
   handleEditEvent(event: EditEvent) {
@@ -203,9 +232,24 @@ export class OpenSCD extends LitElement {
   @query('#log')
   logUI!: Dialog;
 
+  @query('#editFile')
+  editFileUI!: Dialog;
+
   @query('#menu')
   menuUI!: Drawer;
 
+  @query('#fileName')
+  fileNameUI!: TextField;
+
+  @query('#fileExtension')
+  fileExtensionUI!: Select;
+
+  @query('#fileMenu')
+  fileMenuUI!: Menu;
+
+  @query('#fileMenuButton')
+  fileMenuButtonUI?: IconButton;
+
   @property({ type: String, reflect: true })
   get locale() {
     return getLocale() as LocaleTag;
@@ -379,7 +423,42 @@ export class OpenSCD extends LitElement {
         </mwc-list>
         <mwc-top-app-bar-fixed slot="appContent">
           ${renderActionItem(this.controls.menu, 'navigationIcon')}
-          <div slot="title" id="title">${this.docName}</div>
+          <div
+            slot="title"
+            id="title"
+            style="position: relative; --mdc-icon-button-size: 32px"
+          >
+            ${this.editableDocs.length > 1
+              ? html`<mwc-icon-button
+                  icon="arrow_drop_down"
+                  id="fileMenuButton"
+                  @click=${() => this.fileMenuUI.show()}
+                ></mwc-icon-button>`
+              : nothing}
+            ${this.docName}
+            ${this.docName
+              ? html`<mwc-icon-button
+                  icon="edit"
+                  @click=${() => this.editFileUI.show()}
+                ></mwc-icon-button>`
+              : nothing}
+            <mwc-menu
+              fixed
+              id="fileMenu"
+              corner="BOTTOM_END"
+              @selected=${({ detail: { index } }: SingleSelectedEvent) => {
+                const item = this.fileMenuUI.selected as ListItemBase | null;
+                if (!item) return;
+                this.docName = this.editableDocs[index];
+                item.selected = false;
+                this.fileMenuUI.layout();
+              }}
+            >
+              ${this.editableDocs.map(
+                name => html`<mwc-list-item>${name}</mwc-list-item>`
+              )}
+            </mwc-menu>
+          </div>
           ${this.#actions.map(op => renderActionItem(op))}
           <mwc-tab-bar
             activeIndex=${this.editors.filter(p => !p.isDisabled()).length
@@ -411,6 +490,78 @@ export class OpenSCD extends LitElement {
             : nothing}
         </mwc-top-app-bar-fixed>
       </mwc-drawer>
+      <mwc-dialog
+        id="editFile"
+        heading="${this.docName}"
+        @closed=${({ detail }: { detail: { action: string } | null }) => {
+          if (!detail) return;
+          if (detail.action === 'remove') {
+            delete this.docs[this.docName];
+            this.docName = this.editableDocs[0] || '';
+          }
+        }}
+      >
+        <mwc-textfield
+          id="fileName"
+          label="${msg('Filename')}"
+          value="${this.docName.replace(/\.[^.]+$/, '')}"
+          dialogInitialFocus
+          .validityTransform=${(value: string) => {
+            const name = `${value}.${this.fileExtensionUI.value}`;
+            if (name in this.docs && name !== this.docName)
+              return {
+                valid: false,
+              };
+            return {};
+          }}
+        ></mwc-textfield>
+        <mwc-select
+          label="${msg('Extension')}"
+          fixedMenuPosition
+          id="fileExtension"
+          @selected=${() => this.fileNameUI.reportValidity()}
+        >
+          ${this.editable.map(
+            ext =>
+              html`<mwc-list-item
+                ?selected=${this.docName.endsWith(`.${ext}`)}
+                value="${ext}"
+                >${ext}</mwc-list-item
+              >`
+          )}
+        </mwc-select>
+        <mwc-button
+          slot="secondaryAction"
+          icon="delete"
+          style="--mdc-theme-primary: var(--oscd-error)"
+          dialogAction="remove"
+        >
+          ${msg('Close file')}
+        </mwc-button>
+        <mwc-button slot="secondaryAction" dialogAction="close">
+          ${msg('Cancel')}
+        </mwc-button>
+        <mwc-button
+          slot="primaryAction"
+          icon="edit"
+          @click=${() => {
+            const valid = this.fileNameUI.checkValidity();
+            if (!valid) {
+              this.fileNameUI.reportValidity();
+              return;
+            }
+            const newDocName = `${this.fileNameUI.value}.${this.fileExtensionUI.value}`;
+            if (this.docs[newDocName]) return;
+            this.docs[newDocName] = this.doc;
+            delete this.docs[this.docName];
+            this.docName = newDocName;
+            this.editFileUI.close();
+          }}
+          trailingIcon
+        >
+          ${msg('Rename')}
+        </mwc-button>
+      </mwc-dialog>
       <mwc-dialog id="log" heading="${this.controls.log.getName()}">
         <mwc-list wrapFocus>${this.renderHistory()}</mwc-list>
         <mwc-button
@@ -452,7 +603,23 @@ export class OpenSCD extends LitElement {
     document.body.style.background = background;
   }
 
+  updated() {
+    if (this.fileMenuButtonUI) this.fileMenuUI.anchor = this.fileMenuButtonUI;
+  }
+
   static styles = css`
+    .fileext {
+      opacity: 0.81;
+    }
+
+    .filename {
+      caret-color: var(--oscd-secondary);
+    }
+
+    .filename:focus {
+      outline: none;
+    }
+
     aside {
       position: absolute;
       top: 0;
@@ -529,6 +696,19 @@ export class OpenSCD extends LitElement {
 
       --mdc-dialog-heading-ink-color: var(--oscd-base00);
 
+      --mdc-text-field-fill-color: var(--oscd-base2);
+      --mdc-text-field-ink-color: var(--oscd-base02);
+      --mdc-text-field-label-ink-color: var(--oscd-base01);
+      --mdc-text-field-idle-line-color: var(--oscd-base00);
+      --mdc-text-field-hover-line-color: var(--oscd-base02);
+
+      --mdc-select-fill-color: var(--oscd-base2);
+      --mdc-select-ink-color: var(--oscd-base02);
+      --mdc-select-label-ink-color: var(--oscd-base01);
+      --mdc-select-idle-line-color: var(--oscd-base00);
+      --mdc-select-hover-line-color: var(--oscd-base02);
+      --mdc-select-dropdown-icon-color: var(--oscd-base01);
+
       --mdc-typography-font-family: var(--oscd-text-font);
       --mdc-icon-font: var(--oscd-icon-font);
     }
diff --git a/package-lock.json b/package-lock.json
index 95e8446..d445f9e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16,7 +16,10 @@
         "@material/mwc-icon": "^0.27.0",
         "@material/mwc-icon-button": "^0.27.0",
         "@material/mwc-list": "^0.27.0",
+        "@material/mwc-menu": "^0.27.0",
+        "@material/mwc-select": "^0.27.0",
         "@material/mwc-tab-bar": "^0.27.0",
+        "@material/mwc-textfield": "^0.27.0",
         "@material/mwc-top-app-bar-fixed": "^0.27.0",
         "lit": "^2.2.7"
       },
@@ -2146,6 +2149,21 @@
         "tslib": "^2.1.0"
       }
     },
+    "node_modules/@material/floating-label": {
+      "version": "14.0.0-canary.53b3cad2f.0",
+      "resolved": "https://registry.npmjs.org/@material/floating-label/-/floating-label-14.0.0-canary.53b3cad2f.0.tgz",
+      "integrity": "sha512-gHZUTTVKnP+Zjz4l9IT/G89NPmypn5FlTGLWKKqXbuQphr37rsKFR3Y80SJxULRyMDnAdKSxuZwiXLFKQz9KlA==",
+      "dependencies": {
+        "@material/animation": "14.0.0-canary.53b3cad2f.0",
+        "@material/base": "14.0.0-canary.53b3cad2f.0",
+        "@material/dom": "14.0.0-canary.53b3cad2f.0",
+        "@material/feature-targeting": "14.0.0-canary.53b3cad2f.0",
+        "@material/rtl": "14.0.0-canary.53b3cad2f.0",
+        "@material/theme": "14.0.0-canary.53b3cad2f.0",
+        "@material/typography": "14.0.0-canary.53b3cad2f.0",
+        "tslib": "^2.1.0"
+      }
+    },
     "node_modules/@material/focus-ring": {
       "version": "14.0.0-canary.53b3cad2f.0",
       "resolved": "https://registry.npmjs.org/@material/focus-ring/-/focus-ring-14.0.0-canary.53b3cad2f.0.tgz",
@@ -2174,6 +2192,18 @@
         "tslib": "^2.1.0"
       }
     },
+    "node_modules/@material/line-ripple": {
+      "version": "14.0.0-canary.53b3cad2f.0",
+      "resolved": "https://registry.npmjs.org/@material/line-ripple/-/line-ripple-14.0.0-canary.53b3cad2f.0.tgz",
+      "integrity": "sha512-k8f8uuDwnSqZZ98CzbYtQVtxlp1ryUup9nd2uobo3kiqQNlQfXdGkVjuCXcla0OPiKFizNn7dS6Kl/j6L09XUA==",
+      "dependencies": {
+        "@material/animation": "14.0.0-canary.53b3cad2f.0",
+        "@material/base": "14.0.0-canary.53b3cad2f.0",
+        "@material/feature-targeting": "14.0.0-canary.53b3cad2f.0",
+        "@material/theme": "14.0.0-canary.53b3cad2f.0",
+        "tslib": "^2.1.0"
+      }
+    },
     "node_modules/@material/list": {
       "version": "14.0.0-canary.53b3cad2f.0",
       "resolved": "https://registry.npmjs.org/@material/list/-/list-14.0.0-canary.53b3cad2f.0.tgz",
@@ -2191,6 +2221,38 @@
         "tslib": "^2.1.0"
       }
     },
+    "node_modules/@material/menu": {
+      "version": "14.0.0-canary.53b3cad2f.0",
+      "resolved": "https://registry.npmjs.org/@material/menu/-/menu-14.0.0-canary.53b3cad2f.0.tgz",
+      "integrity": "sha512-MmYKVrMIqOtP3TN4vdrrnQrS8P81+tMaA6bKiT9V79R1U6+mKsBYTzaLtLbzyem5vF8O0q7bSwyPwhWPtJr75Q==",
+      "dependencies": {
+        "@material/base": "14.0.0-canary.53b3cad2f.0",
+        "@material/dom": "14.0.0-canary.53b3cad2f.0",
+        "@material/elevation": "14.0.0-canary.53b3cad2f.0",
+        "@material/feature-targeting": "14.0.0-canary.53b3cad2f.0",
+        "@material/list": "14.0.0-canary.53b3cad2f.0",
+        "@material/menu-surface": "14.0.0-canary.53b3cad2f.0",
+        "@material/ripple": "14.0.0-canary.53b3cad2f.0",
+        "@material/rtl": "14.0.0-canary.53b3cad2f.0",
+        "@material/theme": "14.0.0-canary.53b3cad2f.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/menu-surface": {
+      "version": "14.0.0-canary.53b3cad2f.0",
+      "resolved": "https://registry.npmjs.org/@material/menu-surface/-/menu-surface-14.0.0-canary.53b3cad2f.0.tgz",
+      "integrity": "sha512-IQWb/n15FpLnn+kHp0EqzLE+UoWSPumq3eze2QifiowvGb37bNFR9oSe7CaOzPMrHdkrZ5SBWnDU41wPZN5kOg==",
+      "dependencies": {
+        "@material/animation": "14.0.0-canary.53b3cad2f.0",
+        "@material/base": "14.0.0-canary.53b3cad2f.0",
+        "@material/elevation": "14.0.0-canary.53b3cad2f.0",
+        "@material/feature-targeting": "14.0.0-canary.53b3cad2f.0",
+        "@material/rtl": "14.0.0-canary.53b3cad2f.0",
+        "@material/shape": "14.0.0-canary.53b3cad2f.0",
+        "@material/theme": "14.0.0-canary.53b3cad2f.0",
+        "tslib": "^2.1.0"
+      }
+    },
     "node_modules/@material/mwc-base": {
       "version": "0.27.0",
       "resolved": "https://registry.npmjs.org/@material/mwc-base/-/mwc-base-0.27.0.tgz",
@@ -2252,6 +2314,17 @@
         "wicg-inert": "^3.0.0"
       }
     },
+    "node_modules/@material/mwc-floating-label": {
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/@material/mwc-floating-label/-/mwc-floating-label-0.27.0.tgz",
+      "integrity": "sha512-uLleloTxQ6dDShcZzqgqfC8otQY8DtGMO9HFQbAEncoFAWpAehcEonsuT/IUhMORN+c5un0P5WXwcZsInJb7og==",
+      "deprecated": "MWC beta is longer supported. Please upgrade to @material/web",
+      "dependencies": {
+        "@material/floating-label": "=14.0.0-canary.53b3cad2f.0",
+        "lit": "^2.0.0",
+        "tslib": "^2.0.1"
+      }
+    },
     "node_modules/@material/mwc-icon": {
       "version": "0.27.0",
       "resolved": "https://registry.npmjs.org/@material/mwc-icon/-/mwc-icon-0.27.0.tgz",
@@ -2271,6 +2344,17 @@
         "tslib": "^2.0.1"
       }
     },
+    "node_modules/@material/mwc-line-ripple": {
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/@material/mwc-line-ripple/-/mwc-line-ripple-0.27.0.tgz",
+      "integrity": "sha512-n9Xpt5g3RJEl9rvk14OP6dUNJUtsJA46beTQiep7ppO7IPVFLC1v/5sPpUzfNPUBsclSPxdBuNlCxsgcIYueUw==",
+      "deprecated": "MWC beta is longer supported. Please upgrade to @material/web",
+      "dependencies": {
+        "@material/line-ripple": "=14.0.0-canary.53b3cad2f.0",
+        "lit": "^2.0.0",
+        "tslib": "^2.0.1"
+      }
+    },
     "node_modules/@material/mwc-list": {
       "version": "0.27.0",
       "resolved": "https://registry.npmjs.org/@material/mwc-list/-/mwc-list-0.27.0.tgz",
@@ -2287,6 +2371,34 @@
         "tslib": "^2.0.1"
       }
     },
+    "node_modules/@material/mwc-menu": {
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/@material/mwc-menu/-/mwc-menu-0.27.0.tgz",
+      "integrity": "sha512-K+L/t267ZGrlhjK/iSKUVZQKRMkWELArKVglfS5of93ALP4in0RGnj1sOG2u3IFI2F/mEZxRi+wr7HgNxpe0wA==",
+      "deprecated": "MWC beta is longer supported. Please upgrade to @material/web",
+      "dependencies": {
+        "@material/menu": "=14.0.0-canary.53b3cad2f.0",
+        "@material/menu-surface": "=14.0.0-canary.53b3cad2f.0",
+        "@material/mwc-base": "^0.27.0",
+        "@material/mwc-list": "^0.27.0",
+        "@material/shape": "=14.0.0-canary.53b3cad2f.0",
+        "@material/theme": "=14.0.0-canary.53b3cad2f.0",
+        "lit": "^2.0.0",
+        "tslib": "^2.0.1"
+      }
+    },
+    "node_modules/@material/mwc-notched-outline": {
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/@material/mwc-notched-outline/-/mwc-notched-outline-0.27.0.tgz",
+      "integrity": "sha512-IlqfQVaEd1RAHqhOG0Xk5JhTDgBe/P9og0pnACglK6bPE0vUhYKwibJiHcr4ACTPtGWHO9o92aktR+7AIEAKtQ==",
+      "deprecated": "MWC beta is longer supported. Please upgrade to @material/web",
+      "dependencies": {
+        "@material/mwc-base": "^0.27.0",
+        "@material/notched-outline": "=14.0.0-canary.53b3cad2f.0",
+        "lit": "^2.0.0",
+        "tslib": "^2.0.1"
+      }
+    },
     "node_modules/@material/mwc-radio": {
       "version": "0.27.0",
       "resolved": "https://registry.npmjs.org/@material/mwc-radio/-/mwc-radio-0.27.0.tgz",
@@ -2311,6 +2423,28 @@
         "tslib": "^2.0.1"
       }
     },
+    "node_modules/@material/mwc-select": {
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/@material/mwc-select/-/mwc-select-0.27.0.tgz",
+      "integrity": "sha512-LTr2nl7gAYq8ung4eWfUz24mey4/K9vAlqJBo/uu6w0122C9X64szBS9kHAb87aD1oxLkxAJCDuv/wwlXV1i2w==",
+      "deprecated": "MWC beta is longer supported. Please upgrade to @material/web",
+      "dependencies": {
+        "@material/dom": "=14.0.0-canary.53b3cad2f.0",
+        "@material/floating-label": "=14.0.0-canary.53b3cad2f.0",
+        "@material/line-ripple": "=14.0.0-canary.53b3cad2f.0",
+        "@material/list": "=14.0.0-canary.53b3cad2f.0",
+        "@material/mwc-base": "^0.27.0",
+        "@material/mwc-floating-label": "^0.27.0",
+        "@material/mwc-icon": "^0.27.0",
+        "@material/mwc-line-ripple": "^0.27.0",
+        "@material/mwc-list": "^0.27.0",
+        "@material/mwc-menu": "^0.27.0",
+        "@material/mwc-notched-outline": "^0.27.0",
+        "@material/select": "=14.0.0-canary.53b3cad2f.0",
+        "lit": "^2.0.0",
+        "tslib": "^2.0.1"
+      }
+    },
     "node_modules/@material/mwc-tab": {
       "version": "0.27.0",
       "resolved": "https://registry.npmjs.org/@material/mwc-tab/-/mwc-tab-0.27.0.tgz",
@@ -2361,6 +2495,23 @@
         "tslib": "^2.0.1"
       }
     },
+    "node_modules/@material/mwc-textfield": {
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/@material/mwc-textfield/-/mwc-textfield-0.27.0.tgz",
+      "integrity": "sha512-4/OEeEVAWWQ1DzpjeMLYLsa9HMlifOPjAvi0681Yj1g/RYJs5ONZS80HZ8HOT+efAOlZDugshgM4gdNS3I0XFQ==",
+      "deprecated": "MWC beta is longer supported. Please upgrade to @material/web",
+      "dependencies": {
+        "@material/floating-label": "=14.0.0-canary.53b3cad2f.0",
+        "@material/line-ripple": "=14.0.0-canary.53b3cad2f.0",
+        "@material/mwc-base": "^0.27.0",
+        "@material/mwc-floating-label": "^0.27.0",
+        "@material/mwc-line-ripple": "^0.27.0",
+        "@material/mwc-notched-outline": "^0.27.0",
+        "@material/textfield": "=14.0.0-canary.53b3cad2f.0",
+        "lit": "^2.0.0",
+        "tslib": "^2.0.1"
+      }
+    },
     "node_modules/@material/mwc-top-app-bar": {
       "version": "0.27.0",
       "resolved": "https://registry.npmjs.org/@material/mwc-top-app-bar/-/mwc-top-app-bar-0.27.0.tgz",
@@ -2383,6 +2534,20 @@
         "tslib": "^2.0.1"
       }
     },
+    "node_modules/@material/notched-outline": {
+      "version": "14.0.0-canary.53b3cad2f.0",
+      "resolved": "https://registry.npmjs.org/@material/notched-outline/-/notched-outline-14.0.0-canary.53b3cad2f.0.tgz",
+      "integrity": "sha512-3ByiPOC/wWQmFKfgJS98kb5/6v92n7uIfJ6v6sryKJlJCJn39qfpGcCM5RpRIws1RET1s1zBJT2JDwYeu/hM5A==",
+      "dependencies": {
+        "@material/base": "14.0.0-canary.53b3cad2f.0",
+        "@material/feature-targeting": "14.0.0-canary.53b3cad2f.0",
+        "@material/floating-label": "14.0.0-canary.53b3cad2f.0",
+        "@material/rtl": "14.0.0-canary.53b3cad2f.0",
+        "@material/shape": "14.0.0-canary.53b3cad2f.0",
+        "@material/theme": "14.0.0-canary.53b3cad2f.0",
+        "tslib": "^2.1.0"
+      }
+    },
     "node_modules/@material/radio": {
       "version": "14.0.0-canary.53b3cad2f.0",
       "resolved": "https://registry.npmjs.org/@material/radio/-/radio-14.0.0-canary.53b3cad2f.0.tgz",
@@ -2423,6 +2588,32 @@
         "tslib": "^2.1.0"
       }
     },
+    "node_modules/@material/select": {
+      "version": "14.0.0-canary.53b3cad2f.0",
+      "resolved": "https://registry.npmjs.org/@material/select/-/select-14.0.0-canary.53b3cad2f.0.tgz",
+      "integrity": "sha512-fAiTaHZ1PIEmCUbufS+IZvsWO0hDxtbU8rOsbmSu1oupAboP7jSgOVgcCGdT9KY5WacrniIIMO6jZjhnvrC0Lg==",
+      "dependencies": {
+        "@material/animation": "14.0.0-canary.53b3cad2f.0",
+        "@material/base": "14.0.0-canary.53b3cad2f.0",
+        "@material/density": "14.0.0-canary.53b3cad2f.0",
+        "@material/dom": "14.0.0-canary.53b3cad2f.0",
+        "@material/elevation": "14.0.0-canary.53b3cad2f.0",
+        "@material/feature-targeting": "14.0.0-canary.53b3cad2f.0",
+        "@material/floating-label": "14.0.0-canary.53b3cad2f.0",
+        "@material/line-ripple": "14.0.0-canary.53b3cad2f.0",
+        "@material/list": "14.0.0-canary.53b3cad2f.0",
+        "@material/menu": "14.0.0-canary.53b3cad2f.0",
+        "@material/menu-surface": "14.0.0-canary.53b3cad2f.0",
+        "@material/notched-outline": "14.0.0-canary.53b3cad2f.0",
+        "@material/ripple": "14.0.0-canary.53b3cad2f.0",
+        "@material/rtl": "14.0.0-canary.53b3cad2f.0",
+        "@material/shape": "14.0.0-canary.53b3cad2f.0",
+        "@material/theme": "14.0.0-canary.53b3cad2f.0",
+        "@material/tokens": "14.0.0-canary.53b3cad2f.0",
+        "@material/typography": "14.0.0-canary.53b3cad2f.0",
+        "tslib": "^2.1.0"
+      }
+    },
     "node_modules/@material/shape": {
       "version": "14.0.0-canary.53b3cad2f.0",
       "resolved": "https://registry.npmjs.org/@material/shape/-/shape-14.0.0-canary.53b3cad2f.0.tgz",
@@ -2494,6 +2685,28 @@
         "tslib": "^2.1.0"
       }
     },
+    "node_modules/@material/textfield": {
+      "version": "14.0.0-canary.53b3cad2f.0",
+      "resolved": "https://registry.npmjs.org/@material/textfield/-/textfield-14.0.0-canary.53b3cad2f.0.tgz",
+      "integrity": "sha512-Pla9Tr94Is18o97E/mqHKdkR24rPES9atGm3BlXrNzyr5tu6+h++RBbxy7V6IExcfl0MX+v9Gyqz7sPZzFtwMA==",
+      "dependencies": {
+        "@material/animation": "14.0.0-canary.53b3cad2f.0",
+        "@material/base": "14.0.0-canary.53b3cad2f.0",
+        "@material/density": "14.0.0-canary.53b3cad2f.0",
+        "@material/dom": "14.0.0-canary.53b3cad2f.0",
+        "@material/feature-targeting": "14.0.0-canary.53b3cad2f.0",
+        "@material/floating-label": "14.0.0-canary.53b3cad2f.0",
+        "@material/line-ripple": "14.0.0-canary.53b3cad2f.0",
+        "@material/notched-outline": "14.0.0-canary.53b3cad2f.0",
+        "@material/ripple": "14.0.0-canary.53b3cad2f.0",
+        "@material/rtl": "14.0.0-canary.53b3cad2f.0",
+        "@material/shape": "14.0.0-canary.53b3cad2f.0",
+        "@material/theme": "14.0.0-canary.53b3cad2f.0",
+        "@material/tokens": "14.0.0-canary.53b3cad2f.0",
+        "@material/typography": "14.0.0-canary.53b3cad2f.0",
+        "tslib": "^2.1.0"
+      }
+    },
     "node_modules/@material/theme": {
       "version": "14.0.0-canary.53b3cad2f.0",
       "resolved": "https://registry.npmjs.org/@material/theme/-/theme-14.0.0-canary.53b3cad2f.0.tgz",
diff --git a/package.json b/package.json
index d4590a6..d1ed32e 100644
--- a/package.json
+++ b/package.json
@@ -56,7 +56,10 @@
     "@material/mwc-icon": "^0.27.0",
     "@material/mwc-icon-button": "^0.27.0",
     "@material/mwc-list": "^0.27.0",
+    "@material/mwc-menu": "^0.27.0",
+    "@material/mwc-select": "^0.27.0",
     "@material/mwc-tab-bar": "^0.27.0",
+    "@material/mwc-textfield": "^0.27.0",
     "@material/mwc-top-app-bar-fixed": "^0.27.0",
     "lit": "^2.2.7"
   },
diff --git a/screenshots/Chromium/baseline/document-name-de.png b/screenshots/Chromium/baseline/document-name-de.png
index ad06dac..b7bbf4a 100644
Binary files a/screenshots/Chromium/baseline/document-name-de.png and b/screenshots/Chromium/baseline/document-name-de.png differ
diff --git a/screenshots/Chromium/baseline/document-name-en.png b/screenshots/Chromium/baseline/document-name-en.png
index ad06dac..b7bbf4a 100644
Binary files a/screenshots/Chromium/baseline/document-name-en.png and b/screenshots/Chromium/baseline/document-name-en.png differ
diff --git a/screenshots/Chromium/baseline/editor-plugins-with-doc-de.png b/screenshots/Chromium/baseline/editor-plugins-with-doc-de.png
index a87f2d8..4da630d 100644
Binary files a/screenshots/Chromium/baseline/editor-plugins-with-doc-de.png and b/screenshots/Chromium/baseline/editor-plugins-with-doc-de.png differ
diff --git a/screenshots/Chromium/baseline/editor-plugins-with-doc-en.png b/screenshots/Chromium/baseline/editor-plugins-with-doc-en.png
index a4cd007..01d8f81 100644
Binary files a/screenshots/Chromium/baseline/editor-plugins-with-doc-en.png and b/screenshots/Chromium/baseline/editor-plugins-with-doc-en.png differ
diff --git a/screenshots/Chromium/baseline/menu-plugins-triggered-de.png b/screenshots/Chromium/baseline/menu-plugins-triggered-de.png
index 60da54e..fb9b813 100644
Binary files a/screenshots/Chromium/baseline/menu-plugins-triggered-de.png and b/screenshots/Chromium/baseline/menu-plugins-triggered-de.png differ
diff --git a/screenshots/Chromium/baseline/menu-plugins-triggered-en.png b/screenshots/Chromium/baseline/menu-plugins-triggered-en.png
index 6094c68..a1650a2 100644
Binary files a/screenshots/Chromium/baseline/menu-plugins-triggered-en.png and b/screenshots/Chromium/baseline/menu-plugins-triggered-en.png differ
diff --git a/screenshots/Firefox/baseline/document-name-de.png b/screenshots/Firefox/baseline/document-name-de.png
index 14835fd..9e633c2 100644
Binary files a/screenshots/Firefox/baseline/document-name-de.png and b/screenshots/Firefox/baseline/document-name-de.png differ
diff --git a/screenshots/Firefox/baseline/document-name-en.png b/screenshots/Firefox/baseline/document-name-en.png
index 14835fd..9e633c2 100644
Binary files a/screenshots/Firefox/baseline/document-name-en.png and b/screenshots/Firefox/baseline/document-name-en.png differ
diff --git a/screenshots/Firefox/baseline/editor-plugins-with-doc-de.png b/screenshots/Firefox/baseline/editor-plugins-with-doc-de.png
index c7afb13..24f4a78 100644
Binary files a/screenshots/Firefox/baseline/editor-plugins-with-doc-de.png and b/screenshots/Firefox/baseline/editor-plugins-with-doc-de.png differ
diff --git a/screenshots/Firefox/baseline/editor-plugins-with-doc-en.png b/screenshots/Firefox/baseline/editor-plugins-with-doc-en.png
index 57b0fed..de998aa 100644
Binary files a/screenshots/Firefox/baseline/editor-plugins-with-doc-en.png and b/screenshots/Firefox/baseline/editor-plugins-with-doc-en.png differ
diff --git a/screenshots/Firefox/baseline/menu-plugins-triggered-de.png b/screenshots/Firefox/baseline/menu-plugins-triggered-de.png
index 0b55db5..7e86e15 100644
Binary files a/screenshots/Firefox/baseline/menu-plugins-triggered-de.png and b/screenshots/Firefox/baseline/menu-plugins-triggered-de.png differ
diff --git a/screenshots/Firefox/baseline/menu-plugins-triggered-en.png b/screenshots/Firefox/baseline/menu-plugins-triggered-en.png
index 4c776f9..90415ed 100644
Binary files a/screenshots/Firefox/baseline/menu-plugins-triggered-en.png and b/screenshots/Firefox/baseline/menu-plugins-triggered-en.png differ
diff --git a/screenshots/Webkit/baseline/document-name-de.png b/screenshots/Webkit/baseline/document-name-de.png
index 5722c66..859ee13 100644
Binary files a/screenshots/Webkit/baseline/document-name-de.png and b/screenshots/Webkit/baseline/document-name-de.png differ
diff --git a/screenshots/Webkit/baseline/document-name-en.png b/screenshots/Webkit/baseline/document-name-en.png
index 5722c66..859ee13 100644
Binary files a/screenshots/Webkit/baseline/document-name-en.png and b/screenshots/Webkit/baseline/document-name-en.png differ
diff --git a/screenshots/Webkit/baseline/editor-plugins-with-doc-de.png b/screenshots/Webkit/baseline/editor-plugins-with-doc-de.png
index 83cf44c..f26d22a 100644
Binary files a/screenshots/Webkit/baseline/editor-plugins-with-doc-de.png and b/screenshots/Webkit/baseline/editor-plugins-with-doc-de.png differ
diff --git a/screenshots/Webkit/baseline/editor-plugins-with-doc-en.png b/screenshots/Webkit/baseline/editor-plugins-with-doc-en.png
index f771f2b..fa96ce6 100644
Binary files a/screenshots/Webkit/baseline/editor-plugins-with-doc-en.png and b/screenshots/Webkit/baseline/editor-plugins-with-doc-en.png differ
diff --git a/screenshots/Webkit/baseline/menu-plugins-triggered-de.png b/screenshots/Webkit/baseline/menu-plugins-triggered-de.png
index 1467d45..b097230 100644
Binary files a/screenshots/Webkit/baseline/menu-plugins-triggered-de.png and b/screenshots/Webkit/baseline/menu-plugins-triggered-de.png differ
diff --git a/screenshots/Webkit/baseline/menu-plugins-triggered-en.png b/screenshots/Webkit/baseline/menu-plugins-triggered-en.png
index d968d23..6b8ec17 100644
Binary files a/screenshots/Webkit/baseline/menu-plugins-triggered-en.png and b/screenshots/Webkit/baseline/menu-plugins-triggered-en.png differ
diff --git a/web-test-runner.config.js b/web-test-runner.config.js
index ca081a8..9ef6aa2 100644
--- a/web-test-runner.config.js
+++ b/web-test-runner.config.js
@@ -15,7 +15,7 @@ const thresholdPercentage = fuzzy && local ? 1 : 0;
 const filteredLogs = [
   'Running in dev mode',
   'Lit is in dev mode',
-  'mwc-list-item scheduled an update',
+  'scheduled an update',
 ];
 
 const browsers = [