From 87651775c754e268199ed0de2b4cba93e8b4b28b Mon Sep 17 00:00:00 2001
From: Stefan Dej <meteyou@gmail.com>
Date: Fri, 27 Oct 2023 21:33:10 +0200
Subject: [PATCH 1/2] feat: add extruder panel settings

Signed-off-by: Stefan Dej <meteyou@gmail.com>
---
 .../panels/Extruder/ExtruderPanelSettings.vue | 37 +++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 src/components/panels/Extruder/ExtruderPanelSettings.vue

diff --git a/src/components/panels/Extruder/ExtruderPanelSettings.vue b/src/components/panels/Extruder/ExtruderPanelSettings.vue
new file mode 100644
index 000000000..edf57135f
--- /dev/null
+++ b/src/components/panels/Extruder/ExtruderPanelSettings.vue
@@ -0,0 +1,37 @@
+<template>
+    <v-menu :offset-y="true" :left="true" :close-on-content-click="false">
+        <template #activator="{ on, attrs }">
+            <v-btn icon tile v-bind="attrs" v-on="on">
+                <v-icon small>{{ mdiCog }}</v-icon>
+            </v-btn>
+        </template>
+        <v-list>
+            <v-list-item class="minHeight36">
+                <v-checkbox
+                    v-model="showPosition"
+                    class="mt-0"
+                    hide-details
+                    :label="$t('Panels.ToolheadControlPanel.PositionOutput')" />
+            </v-list-item>
+        </v-list>
+    </v-menu>
+</template>
+
+<script lang="ts">
+import Component from 'vue-class-component'
+import { Mixins } from 'vue-property-decorator'
+import BaseMixin from '@/components/mixins/base'
+import { mdiCog } from '@mdi/js'
+@Component
+export default class ExtruderPanelSettings extends Mixins(BaseMixin) {
+    mdiCog = mdiCog
+
+    get showPosition(): boolean {
+        return this.$store.state.gui.view.toolhead.showPosition ?? true
+    }
+
+    set showPosition(newVal: boolean) {
+        this.$store.dispatch('gui/saveSetting', { name: 'view.toolhead.showPosition', value: newVal })
+    }
+}
+</script>

From d3ed2214f569b82221cf119ffb9257e8a555a1e4 Mon Sep 17 00:00:00 2001
From: Stefan Dej <meteyou@gmail.com>
Date: Fri, 8 Dec 2023 23:37:55 +0100
Subject: [PATCH 2/2] feat: add option to hide parts of the ExtruderPanel

Signed-off-by: Stefan Dej <meteyou@gmail.com>
---
 src/components/mixins/control.ts              |  16 +++
 .../Extruder/EstimatedExtrusionOutput.vue     |   2 +-
 .../Extruder/ExtruderControlPanelControl.vue  |   2 +
 .../Extruder/ExtruderControlPanelTools.vue    |  18 +--
 .../panels/Extruder/ExtruderPanelSettings.vue |  76 +++++++++-
 .../Extruder/ExtrusionFactorSettings.vue      |   2 +-
 .../Extruder/FirmwareRetractionSettings.vue   |   1 -
 .../Extruder/PressureAdvanceSettings.vue      | 131 ++++++++----------
 .../panels/ExtruderControlPanel.vue           |  59 ++++++--
 src/locales/de.json                           |   4 +
 src/locales/en.json                           |   4 +
 src/store/gui/index.ts                        |   7 +
 src/store/gui/types.ts                        |   7 +
 13 files changed, 222 insertions(+), 107 deletions(-)

diff --git a/src/components/mixins/control.ts b/src/components/mixins/control.ts
index 8e4c6834e..0e669f1a4 100644
--- a/src/components/mixins/control.ts
+++ b/src/components/mixins/control.ts
@@ -1,5 +1,6 @@
 import Vue from 'vue'
 import Component from 'vue-class-component'
+import { PrinterStateMacro, PrinterStateToolchangeMacro } from '@/store/printer/types'
 
 @Component
 export default class ControlMixin extends Vue {
@@ -83,6 +84,21 @@ export default class ControlMixin extends Vue {
         return this.homedAxes.includes('z')
     }
 
+    get macros() {
+        return this.$store.getters['printer/getMacros']
+    }
+
+    get toolchangeMacros(): PrinterStateToolchangeMacro[] {
+        return this.macros
+            .filter((macro: PrinterStateMacro) => macro.name.toUpperCase().match(/^T\d+/))
+            .sort((a: PrinterStateMacro, b: PrinterStateMacro) => {
+                const numberA = parseInt(a.name.slice(1))
+                const numberB = parseInt(b.name.slice(1))
+
+                return numberA - numberB
+            })
+    }
+
     doHome() {
         this.$store.dispatch('server/addEvent', { message: 'G28', type: 'command' })
         this.$socket.emit('printer.gcode.script', { script: 'G28' }, { loading: 'homeAll' })
diff --git a/src/components/panels/Extruder/EstimatedExtrusionOutput.vue b/src/components/panels/Extruder/EstimatedExtrusionOutput.vue
index 251cf1f23..6d252ed84 100644
--- a/src/components/panels/Extruder/EstimatedExtrusionOutput.vue
+++ b/src/components/panels/Extruder/EstimatedExtrusionOutput.vue
@@ -1,5 +1,5 @@
 <template>
-    <v-container v-if="showEstimatedExtrusion" class="pa-0 ma-0 pb-1">
+    <v-container v-if="showEstimatedExtrusion" class="pa-0 ma-0 pb-2">
         <div style="font-size: 0.8em" class="text--disabled text-caption font-weight-light d-flex justify-center">
             <span>
                 {{ $t('Panels.ExtruderControlPanel.EstimatedExtrusion') }} ~ {{ extrudedLength }} mm @
diff --git a/src/components/panels/Extruder/ExtruderControlPanelControl.vue b/src/components/panels/Extruder/ExtruderControlPanelControl.vue
index 162d7c6a1..1c142e972 100644
--- a/src/components/panels/Extruder/ExtruderControlPanelControl.vue
+++ b/src/components/panels/Extruder/ExtruderControlPanelControl.vue
@@ -187,6 +187,8 @@
                     </v-col>
                 </v-row>
             </v-container>
+            <!-- EXTRUSION ESTIMATION NOTE -->
+            <estimated-extrusion-output />
         </template>
     </responsive>
 </template>
diff --git a/src/components/panels/Extruder/ExtruderControlPanelTools.vue b/src/components/panels/Extruder/ExtruderControlPanelTools.vue
index 740d1f8a8..5248d26f8 100644
--- a/src/components/panels/Extruder/ExtruderControlPanelTools.vue
+++ b/src/components/panels/Extruder/ExtruderControlPanelTools.vue
@@ -1,5 +1,5 @@
 <template>
-    <div v-if="toolchangeMacros.length > 1">
+    <div class="mb-3">
         <v-row v-for="(row, index) in rows" :key="'row_' + index" class="mt-0">
             <v-col>
                 <v-item-group class="_btn-group py-0 px-3">
@@ -13,7 +13,6 @@
 <script lang="ts">
 import { mdiPrinter3dNozzle } from '@mdi/js'
 import { Component, Mixins } from 'vue-property-decorator'
-import { PrinterStateMacro, PrinterStateToolchangeMacro } from '@/store/printer/types'
 import BaseMixin from '@/components/mixins/base'
 import ControlMixin from '@/components/mixins/control'
 
@@ -21,21 +20,6 @@ import ControlMixin from '@/components/mixins/control'
 export default class ExtruderControlPanel extends Mixins(BaseMixin, ControlMixin) {
     mdiPrinter3dNozzle = mdiPrinter3dNozzle
 
-    get macros() {
-        return this.$store.getters['printer/getMacros']
-    }
-
-    get toolchangeMacros(): PrinterStateToolchangeMacro[] {
-        return this.macros
-            .filter((macro: PrinterStateMacro) => macro.name.toUpperCase().match(/^T\d+/))
-            .sort((a: PrinterStateMacro, b: PrinterStateMacro) => {
-                const numberA = parseInt(a.name.slice(1))
-                const numberB = parseInt(b.name.slice(1))
-
-                return numberA - numberB
-            })
-    }
-
     get rows() {
         const cols = 6
         let rows = []
diff --git a/src/components/panels/Extruder/ExtruderPanelSettings.vue b/src/components/panels/Extruder/ExtruderPanelSettings.vue
index edf57135f..68b944933 100644
--- a/src/components/panels/Extruder/ExtruderPanelSettings.vue
+++ b/src/components/panels/Extruder/ExtruderPanelSettings.vue
@@ -8,10 +8,38 @@
         <v-list>
             <v-list-item class="minHeight36">
                 <v-checkbox
-                    v-model="showPosition"
+                    v-model="showTools"
                     class="mt-0"
                     hide-details
-                    :label="$t('Panels.ToolheadControlPanel.PositionOutput')" />
+                    :label="$t('Panels.ExtruderControlPanel.Tools')" />
+            </v-list-item>
+            <v-list-item class="minHeight36">
+                <v-checkbox
+                    v-model="showExtrusionFactor"
+                    class="mt-0"
+                    hide-details
+                    :label="$t('Panels.ExtruderControlPanel.ExtrusionFactor')" />
+            </v-list-item>
+            <v-list-item v-if="existsPressureAdvance" class="minHeight36">
+                <v-checkbox
+                    v-model="showPressureAdvance"
+                    class="mt-0"
+                    hide-details
+                    :label="$t('Panels.ExtruderControlPanel.PressureAdvance')" />
+            </v-list-item>
+            <v-list-item class="minHeight36">
+                <v-checkbox
+                    v-model="showFirmwareRetraction"
+                    class="mt-0"
+                    hide-details
+                    :label="$t('Panels.ExtruderControlPanel.FirmwareRetraction')" />
+            </v-list-item>
+            <v-list-item class="minHeight36">
+                <v-checkbox
+                    v-model="showExtruderControl"
+                    class="mt-0"
+                    hide-details
+                    :label="$t('Panels.ExtruderControlPanel.ExtruderControl')" />
             </v-list-item>
         </v-list>
     </v-menu>
@@ -26,12 +54,48 @@ import { mdiCog } from '@mdi/js'
 export default class ExtruderPanelSettings extends Mixins(BaseMixin) {
     mdiCog = mdiCog
 
-    get showPosition(): boolean {
-        return this.$store.state.gui.view.toolhead.showPosition ?? true
+    get showTools(): boolean {
+        return this.$store.state.gui.view.extruder.showTools ?? true
+    }
+
+    set showTools(newVal: boolean) {
+        this.$store.dispatch('gui/saveSetting', { name: 'view.extruder.showTools', value: newVal })
+    }
+
+    get showExtrusionFactor(): boolean {
+        return this.$store.state.gui.view.extruder.showExtrusionFactor ?? true
+    }
+
+    set showExtrusionFactor(newVal: boolean) {
+        this.$store.dispatch('gui/saveSetting', { name: 'view.extruder.showExtrusionFactor', value: newVal })
+    }
+
+    get existsPressureAdvance(): boolean {
+        return !(this.$store.getters['printer/getExtruderSteppers'].length > 0)
+    }
+
+    get showPressureAdvance(): boolean {
+        return this.$store.state.gui.view.extruder.showPressureAdvance ?? true
+    }
+
+    set showPressureAdvance(newVal: boolean) {
+        this.$store.dispatch('gui/saveSetting', { name: 'view.extruder.showPressureAdvance', value: newVal })
+    }
+
+    get showFirmwareRetraction(): boolean {
+        return this.$store.state.gui.view.extruder.showFirmwareRetraction ?? true
+    }
+
+    set showFirmwareRetraction(newVal: boolean) {
+        this.$store.dispatch('gui/saveSetting', { name: 'view.extruder.showFirmwareRetraction', value: newVal })
+    }
+
+    get showExtruderControl(): boolean {
+        return this.$store.state.gui.view.extruder.showExtruderControl ?? true
     }
 
-    set showPosition(newVal: boolean) {
-        this.$store.dispatch('gui/saveSetting', { name: 'view.toolhead.showPosition', value: newVal })
+    set showExtruderControl(newVal: boolean) {
+        this.$store.dispatch('gui/saveSetting', { name: 'view.extruder.showExtruderControl', value: newVal })
     }
 }
 </script>
diff --git a/src/components/panels/Extruder/ExtrusionFactorSettings.vue b/src/components/panels/Extruder/ExtrusionFactorSettings.vue
index 0766e7ccf..654facc00 100644
--- a/src/components/panels/Extruder/ExtrusionFactorSettings.vue
+++ b/src/components/panels/Extruder/ExtrusionFactorSettings.vue
@@ -1,5 +1,5 @@
 <template>
-    <v-container class="pb-1">
+    <v-container>
         <tool-slider
             :label="$t('Panels.ExtruderControlPanel.ExtrusionFactor')"
             :icon="mdiPrinter3dNozzleOutline"
diff --git a/src/components/panels/Extruder/FirmwareRetractionSettings.vue b/src/components/panels/Extruder/FirmwareRetractionSettings.vue
index 9e42f99a8..aa7b5f718 100644
--- a/src/components/panels/Extruder/FirmwareRetractionSettings.vue
+++ b/src/components/panels/Extruder/FirmwareRetractionSettings.vue
@@ -1,6 +1,5 @@
 <template>
     <div v-if="existsFirmwareRetraction">
-        <v-divider />
         <v-container>
             <responsive
                 :breakpoints="{
diff --git a/src/components/panels/Extruder/PressureAdvanceSettings.vue b/src/components/panels/Extruder/PressureAdvanceSettings.vue
index 32ac28ef6..fa46ca35a 100644
--- a/src/components/panels/Extruder/PressureAdvanceSettings.vue
+++ b/src/components/panels/Extruder/PressureAdvanceSettings.vue
@@ -1,71 +1,64 @@
 <template>
-    <div v-if="show">
-        <v-divider />
-        <v-container>
-            <responsive
-                :breakpoints="{
-                    small: (el) => el.width <= 350,
-                    medium: (el) => el.width > 350 && el.width <= 500,
-                }">
-                <template #default="{ el }">
-                    <v-row>
-                        <v-col v-if="allExtruders.length > 1" :class="{ 'col-12': el.is.small || el.is.medium }">
-                            <div class="d-flex align-center">
-                                <v-btn
-                                    v-if="selectedExtruder !== activeExtruder"
-                                    icon
-                                    plain
-                                    @click="resetToActiveExtruder">
-                                    <v-icon>{{ mdiRestart }}</v-icon>
-                                </v-btn>
-                                <v-select
-                                    v-model="selectedExtruder"
-                                    :label="$t('Panels.ExtruderControlPanel.PressureAdvanceSettings.Extruder')"
-                                    :items="allExtruders"
-                                    :value="activeExtruder"
-                                    hide-details
-                                    outlined
-                                    dense />
-                            </div>
-                        </v-col>
-                        <v-col :class="{ 'col-12': el.is.small }">
-                            <number-input
-                                :label="$t('Panels.ExtruderControlPanel.PressureAdvanceSettings.Advance')"
-                                param="ADVANCE"
-                                :target="pressureAdvance"
-                                :default-value="defaultPressureAdvance"
-                                :extruder="selectedExtruder"
-                                :output-error-msg="true"
-                                :has-spinner="true"
-                                :min="0"
-                                :max="null"
-                                :step="0.001"
-                                :dec="3"
-                                unit="s"
-                                @submit="sendCmd" />
-                        </v-col>
-                        <v-col :class="{ 'col-12': el.is.small }">
-                            <number-input
-                                :label="$t('Panels.ExtruderControlPanel.PressureAdvanceSettings.SmoothTime')"
-                                param="SMOOTH_TIME"
-                                :target="smoothTime"
-                                :default-value="defaultSmoothTime"
-                                :extruder="selectedExtruder"
-                                :output-error-msg="true"
-                                :has-spinner="true"
-                                :spinner-factor="10"
-                                :min="0"
-                                :max="0.2"
-                                :step="0.001"
-                                :dec="3"
-                                unit="s"
-                                @submit="sendCmd" />
-                        </v-col>
-                    </v-row>
-                </template>
-            </responsive>
-        </v-container>
-    </div>
+    <responsive
+        :breakpoints="{
+            small: (el) => el.width <= 350,
+            medium: (el) => el.width > 350 && el.width <= 500,
+        }">
+        <template #default="{ el }">
+            <v-container>
+                <v-row>
+                    <v-col v-if="allExtruders.length > 1" :class="{ 'col-12': el.is.small || el.is.medium }">
+                        <div class="d-flex align-center">
+                            <v-btn v-if="selectedExtruder !== activeExtruder" icon plain @click="resetToActiveExtruder">
+                                <v-icon>{{ mdiRestart }}</v-icon>
+                            </v-btn>
+                            <v-select
+                                v-model="selectedExtruder"
+                                :label="$t('Panels.ExtruderControlPanel.PressureAdvanceSettings.Extruder')"
+                                :items="allExtruders"
+                                :value="activeExtruder"
+                                hide-details
+                                outlined
+                                dense />
+                        </div>
+                    </v-col>
+                    <v-col :class="{ 'col-12': el.is.small }">
+                        <number-input
+                            :label="$t('Panels.ExtruderControlPanel.PressureAdvanceSettings.Advance')"
+                            param="ADVANCE"
+                            :target="pressureAdvance"
+                            :default-value="defaultPressureAdvance"
+                            :extruder="selectedExtruder"
+                            :output-error-msg="true"
+                            :has-spinner="true"
+                            :min="0"
+                            :max="null"
+                            :step="0.001"
+                            :dec="3"
+                            unit="s"
+                            @submit="sendCmd" />
+                    </v-col>
+                    <v-col :class="{ 'col-12': el.is.small }">
+                        <number-input
+                            :label="$t('Panels.ExtruderControlPanel.PressureAdvanceSettings.SmoothTime')"
+                            param="SMOOTH_TIME"
+                            :target="smoothTime"
+                            :default-value="defaultSmoothTime"
+                            :extruder="selectedExtruder"
+                            :output-error-msg="true"
+                            :has-spinner="true"
+                            :spinner-factor="10"
+                            :min="0"
+                            :max="0.2"
+                            :step="0.001"
+                            :dec="3"
+                            unit="s"
+                            @submit="sendCmd" />
+                    </v-col>
+                </v-row>
+            </v-container>
+        </template>
+    </responsive>
 </template>
 
 <script lang="ts">
@@ -90,10 +83,6 @@ export default class PressureAdvanceSettings extends Mixins(BaseMixin) {
         this.selectedExtruder = this.$store.state.printer.toolhead?.extruder
     }
 
-    get show(): boolean {
-        return !(this.$store.getters['printer/getExtruderSteppers'].length > 0)
-    }
-
     get allExtruders(): string[] {
         Object.keys(this.$store.state.printer).forEach((e) => {
             if (e.startsWith('extruder') && !this.extruders.includes(e)) this.extruders.push(e)
diff --git a/src/components/panels/ExtruderControlPanel.vue b/src/components/panels/ExtruderControlPanel.vue
index e4c7db4b7..a3a9c9ad7 100644
--- a/src/components/panels/ExtruderControlPanel.vue
+++ b/src/components/panels/ExtruderControlPanel.vue
@@ -4,8 +4,7 @@
         :icon="mdiPrinter3dNozzle"
         :title="$t('Panels.ExtruderControlPanel.Headline')"
         :collapsible="true"
-        card-class="extruder-control-panel"
-        class="pb-1">
+        card-class="extruder-control-panel">
         <!-- PANEL-HEADER 3-DOT-MENU -->
         <template #buttons>
             <v-menu v-if="showFilamentMacros" :offset-y="true" :close-on-content-click="false" left>
@@ -79,20 +78,30 @@
                     </v-list-item>
                 </v-list>
             </v-menu>
+            <extruder-panel-settings />
         </template>
         <!-- TOOL SELECTOR BUTTONS -->
-        <extruder-control-panel-tools />
+        <extruder-control-panel-tools v-if="showTools" />
         <!-- EXTRUSION FACTOR SLIDER -->
-        <extrusion-factor-settings />
+        <template v-if="showExtrusionFactor">
+            <v-divider v-if="showTools" />
+            <extrusion-factor-settings />
+        </template>
         <!-- PRESSURE ADVANCE SETTINGS -->
-        <pressure-advance-settings />
+        <template v-if="showPressureAdvance">
+            <v-divider v-if="showTools || showExtrusionFactor" />
+            <pressure-advance-settings />
+        </template>
         <!-- FIRMWARE RETRACTION SETTINGS -->
-        <firmware-retraction-settings />
-        <v-divider class="pb-1" />
+        <template v-if="showFirmwareRetraction">
+            <v-divider v-if="showTools || showExtrusionFactor || showPressureAdvance" />
+            <firmware-retraction-settings />
+        </template>
         <!-- EXTRUDER INPUTS AND QUICKSELECTS -->
-        <extruder-control-panel-control />
-        <!-- EXTRUSION ESTIMATION NOTE -->
-        <estimated-extrusion-output />
+        <template v-if="showExtruderControl">
+            <v-divider v-if="showTools || showExtrusionFactor || showPressureAdvance || showFirmwareRetraction" />
+            <extruder-control-panel-control />
+        </template>
     </panel>
 </template>
 
@@ -177,5 +186,35 @@ export default class ExtruderControlPanel extends Mixins(BaseMixin, ControlMixin
     get extruders(): PrinterStateExtruder[] {
         return this.$store.getters['printer/getExtruders']
     }
+
+    get showTools(): boolean {
+        if (this.toolchangeMacros.length < 1) return false
+
+        return this.$store.state.gui.view.extruder.showTools ?? true
+    }
+
+    get showExtrusionFactor(): boolean {
+        return this.$store.state.gui.view.extruder.showExtrusionFactor ?? true
+    }
+
+    get existsPressureAdvance(): boolean {
+        return !(this.$store.getters['printer/getExtruderSteppers'].length > 0)
+    }
+
+    get showPressureAdvance(): boolean {
+        if (!this.existsPressureAdvance) return false
+
+        return this.$store.state.gui.view.extruder.showPressureAdvance ?? true
+    }
+
+    get showFirmwareRetraction(): boolean {
+        if (!this.existsFirmwareRetraction) return false
+
+        return this.$store.state.gui.view.extruder.showFirmwareRetraction ?? true
+    }
+
+    get showExtruderControl(): boolean {
+        return this.$store.state.gui.view.extruder.showExtruderControl ?? true
+    }
 }
 </script>
diff --git a/src/locales/de.json b/src/locales/de.json
index 2b5b75b5d..44326dbd9 100644
--- a/src/locales/de.json
+++ b/src/locales/de.json
@@ -539,10 +539,12 @@
             "CleanNozzle": "Düse reinigen",
             "EstimatedExtrusion": "Extrusion:",
             "Extrude": "Extrudieren",
+            "ExtruderControl": "Extruder Control",
             "ExtruderTempTooLow": "Extruder Temp. <",
             "ExtrusionFactor": "Extrusionsfaktor",
             "ExtrusionFeedrate": "Extrusionsgeschwindigkeit",
             "FilamentLength": "Filamentlänge",
+            "FirmwareRetraction": "Firmware Rückzug",
             "FirmwareRetractionSettings": {
                 "RetractLength": "Rückzugslänge",
                 "RetractSpeed": "Rückzuggeschwindigkeit",
@@ -551,6 +553,7 @@
             },
             "Headline": "Extruder",
             "LoadFilament": "Filament laden",
+            "PressureAdvance": "Pressure Advance",
             "PressureAdvanceSettings": {
                 "Advance": "Pressure Advance",
                 "Extruder": "Extruder",
@@ -560,6 +563,7 @@
             "Requested": "Angefordert",
             "Retract": "Rückzug",
             "TooLargeExtrusion": "Extrusion zu groß!",
+            "Tools": "Werkzeuge",
             "UnloadFilament": "Filament entladen"
         },
         "FarmPrinterPanel": {
diff --git a/src/locales/en.json b/src/locales/en.json
index 6083a4104..8388d465f 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -539,10 +539,12 @@
             "CleanNozzle": "Clean Nozzle",
             "EstimatedExtrusion": "Extrusion:",
             "Extrude": "Extrude",
+            "ExtruderControl": "Extruder Control",
             "ExtruderTempTooLow": "Extruder temp. <",
             "ExtrusionFactor": "Extrusion factor",
             "ExtrusionFeedrate": "Extrusion Feedrate",
             "FilamentLength": "Filament Length",
+            "FirmwareRetraction": "Firmware Retraction",
             "FirmwareRetractionSettings": {
                 "RetractLength": "Retract Length",
                 "RetractSpeed": "Retract Speed",
@@ -551,6 +553,7 @@
             },
             "Headline": "Extruder",
             "LoadFilament": "Load Filament",
+            "PressureAdvance": "Pressure Advance",
             "PressureAdvanceSettings": {
                 "Advance": "Pressure Advance",
                 "Extruder": "Extruder",
@@ -560,6 +563,7 @@
             "Requested": "Requested",
             "Retract": "Retract",
             "TooLargeExtrusion": "Extrusion too large!",
+            "Tools": "Tools",
             "UnloadFilament": "Unload Filament"
         },
         "FarmPrinterPanel": {
diff --git a/src/store/gui/index.ts b/src/store/gui/index.ts
index f1c095b12..99376754c 100644
--- a/src/store/gui/index.ts
+++ b/src/store/gui/index.ts
@@ -183,6 +183,13 @@ export const getDefaultState = (): GuiState => {
                 rootPath: 'config',
                 selectedFiles: [],
             },
+            extruder: {
+                showTools: true,
+                showExtrusionFactor: true,
+                showPressureAdvance: true,
+                showFirmwareRetraction: true,
+                showExtruderControl: true,
+            },
             gcodefiles: {
                 countPerPage: 10,
                 sortBy: 'modified',
diff --git a/src/store/gui/types.ts b/src/store/gui/types.ts
index 0555ebc4b..7bafd8b27 100644
--- a/src/store/gui/types.ts
+++ b/src/store/gui/types.ts
@@ -132,6 +132,13 @@ export interface GuiState {
             rootPath: string
             selectedFiles: FileStateFile[]
         }
+        extruder: {
+            showTools: boolean
+            showExtrusionFactor: boolean
+            showPressureAdvance: boolean
+            showFirmwareRetraction: boolean
+            showExtruderControl: boolean
+        }
         gcodefiles: {
             countPerPage: number
             sortBy: string