From 45972f4546860107520f50f33c96469570fb050d Mon Sep 17 00:00:00 2001
From: jimmyjon711 <jcmadill1@gmail.com>
Date: Thu, 27 Nov 2025 09:20:19 -0700
Subject: [PATCH 01/49] feat: Initial add of AFC integration files
 Signed-off-by: Jim Madill <jcmadill1@gmail.com>

---
 src/components/widgets/afc/.i18nignore        |   8 +
 src/components/widgets/afc/AfcCard.vue        |  68 ++++
 src/components/widgets/afc/AfcCardButtons.vue | 303 ++++++++++++++++++
 src/components/widgets/afc/AfcCardBypass.vue  |  23 ++
 .../widgets/afc/AfcCardExtruder.vue           | 212 ++++++++++++
 src/components/widgets/afc/AfcCardMessage.vue |  68 ++++
 .../widgets/afc/AfcCardSettings.vue           | 142 ++++++++
 .../widgets/afc/AfcCardSettingsExtruder.vue   |  71 ++++
 .../widgets/afc/AfcCardSettingsUnit.vue       |  74 +++++
 src/components/widgets/afc/AfcCardUnit.vue    | 106 ++++++
 src/components/widgets/afc/AfcCardUnitHub.vue |  58 ++++
 .../widgets/afc/AfcCardUnitLane.vue           |  78 +++++
 .../widgets/afc/AfcCardUnitLaneActions.vue    | 152 +++++++++
 .../widgets/afc/AfcCardUnitLaneBody.vue       | 255 +++++++++++++++
 .../widgets/afc/AfcCardUnitLaneEmpty.vue      |  71 ++++
 .../widgets/afc/AfcCardUnitLaneHeader.vue     |  46 +++
 .../widgets/afc/AfcFilamentReel.vue           | 110 +++++++
 .../widgets/afc/dialogs/AfcSettingsDialog.vue |  71 ++++
 .../afc/dialogs/AfcSettingsDialogExtruder.vue | 231 +++++++++++++
 .../afc/dialogs/AfcSettingsDialogHub.vue      |  72 +++++
 .../afc/dialogs/AfcSettingsDialogLane.vue     |  98 ++++++
 .../afc/dialogs/AfcUnitLaneFilamentDialog.vue | 151 +++++++++
 .../afc/dialogs/AfcUnitLaneInfiniteDialog.vue |  83 +++++
 .../dialogs/AfcUnitLaneMappingToolDialog.vue  |  63 ++++
 src/mixins/afc.ts                             | 153 +++++++++
 src/plugins/afcIcons.ts                       |  12 +
 src/store/afc/actions.ts                      |  12 +
 src/store/afc/getters.ts                      |   6 +
 src/store/afc/index.ts                        |  17 +
 src/store/afc/mutations.ts                    |  16 +
 src/store/afc/state.ts                        |  11 +
 src/store/afc/types.ts                        |   8 +
 32 files changed, 2849 insertions(+)
 create mode 100644 src/components/widgets/afc/.i18nignore
 create mode 100644 src/components/widgets/afc/AfcCard.vue
 create mode 100644 src/components/widgets/afc/AfcCardButtons.vue
 create mode 100644 src/components/widgets/afc/AfcCardBypass.vue
 create mode 100644 src/components/widgets/afc/AfcCardExtruder.vue
 create mode 100644 src/components/widgets/afc/AfcCardMessage.vue
 create mode 100644 src/components/widgets/afc/AfcCardSettings.vue
 create mode 100644 src/components/widgets/afc/AfcCardSettingsExtruder.vue
 create mode 100644 src/components/widgets/afc/AfcCardSettingsUnit.vue
 create mode 100644 src/components/widgets/afc/AfcCardUnit.vue
 create mode 100644 src/components/widgets/afc/AfcCardUnitHub.vue
 create mode 100644 src/components/widgets/afc/AfcCardUnitLane.vue
 create mode 100644 src/components/widgets/afc/AfcCardUnitLaneActions.vue
 create mode 100644 src/components/widgets/afc/AfcCardUnitLaneBody.vue
 create mode 100644 src/components/widgets/afc/AfcCardUnitLaneEmpty.vue
 create mode 100644 src/components/widgets/afc/AfcCardUnitLaneHeader.vue
 create mode 100644 src/components/widgets/afc/AfcFilamentReel.vue
 create mode 100644 src/components/widgets/afc/dialogs/AfcSettingsDialog.vue
 create mode 100644 src/components/widgets/afc/dialogs/AfcSettingsDialogExtruder.vue
 create mode 100644 src/components/widgets/afc/dialogs/AfcSettingsDialogHub.vue
 create mode 100644 src/components/widgets/afc/dialogs/AfcSettingsDialogLane.vue
 create mode 100644 src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue
 create mode 100644 src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue
 create mode 100644 src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue
 create mode 100644 src/mixins/afc.ts
 create mode 100644 src/plugins/afcIcons.ts
 create mode 100644 src/store/afc/actions.ts
 create mode 100644 src/store/afc/getters.ts
 create mode 100644 src/store/afc/index.ts
 create mode 100644 src/store/afc/mutations.ts
 create mode 100644 src/store/afc/state.ts
 create mode 100644 src/store/afc/types.ts

diff --git a/src/components/widgets/afc/.i18nignore b/src/components/widgets/afc/.i18nignore
new file mode 100644
index 0000000000..7a2f373f3c
--- /dev/null
+++ b/src/components/widgets/afc/.i18nignore
@@ -0,0 +1,8 @@
+$t('app.afc.Initialized')
+$t('app.afc.Idle')
+$t('app.afc.Error')
+$t('app.afc.Loading')
+$t('app.afc.Unloading')
+$t('app.afc.Ejecting')
+$t('app.afc.Moving')
+$t('app.afc.Restoring')
\ No newline at end of file
diff --git a/src/components/widgets/afc/AfcCard.vue b/src/components/widgets/afc/AfcCard.vue
new file mode 100644
index 0000000000..1bcdbb558b
--- /dev/null
+++ b/src/components/widgets/afc/AfcCard.vue
@@ -0,0 +1,68 @@
+<template>
+  <collapsable-card
+    v-if="afcEnabled"
+    :title="$t('app.afc.Headline')"
+    icon="$afcIcon"
+    draggable
+    layout-path="dashboard.afc-card"
+  >
+    <template #menu>
+      <afc-card-buttons />
+      <afc-card-settings />
+    </template>
+    <v-card-text class="pt-1">
+      <afc-card-message />
+      <afc-card-bypass />
+      <afc-card-extruder
+        v-for="extruder in filteredExtruders"
+        :key="extruder"
+        :name="extruder"
+        class="mt-3"
+      />
+      <afc-card-unit
+        v-for="unit in filteredUnits"
+        :key="unit"
+        :name="unit"
+        class="mt-3"
+      />
+    </v-card-text>
+  </collapsable-card>
+</template>
+<script lang="ts">
+import { Component, Mixins, Prop } from 'vue-property-decorator'
+import StateMixin from '@/mixins/state'
+import AfcMixin from '@/mixins/afc'
+import AfcCardMessage from '@/components/widgets/afc/AfcCardMessage.vue'
+import AfcCardBypass from '@/components/widgets/afc/AfcCardBypass.vue'
+import AfcCardExtruder from '@/components/widgets/afc/AfcCardExtruder.vue'
+import AfcCardUnit from '@/components/widgets/afc/AfcCardUnit.vue'
+import AfcCardButtons from '@/components/widgets/afc/AfcCardButtons.vue'
+import AfcCardSettings from '@/components/widgets/afc/AfcCardSettings.vue'
+
+@Component({
+  components: {
+    AfcCardMessage,
+    AfcCardBypass,
+    AfcCardExtruder,
+    AfcCardUnit,
+    AfcCardButtons,
+    AfcCardSettings
+  }
+})
+export default class AfcCard extends Mixins(StateMixin, AfcMixin) {
+  get filteredExtruders () {
+    return this.afcExtruders.filter((extruder) => !this.afcHiddenExtruders.includes(extruder))
+  }
+
+  get filteredUnits () {
+    return this.afcUnits.filter((unit) => !this.afcHiddenUnits.includes(unit))
+  }
+
+  @Prop({ type: Boolean })
+  readonly fullscreen?: boolean
+
+  get afcEnabled () {
+    return this.$typedGetters['printer/getSupportsAfc']
+  }
+}
+</script>
diff --git a/src/components/widgets/afc/AfcCardButtons.vue b/src/components/widgets/afc/AfcCardButtons.vue
new file mode 100644
index 0000000000..00b45e434f
--- /dev/null
+++ b/src/components/widgets/afc/AfcCardButtons.vue
@@ -0,0 +1,303 @@
+<template>
+  <v-menu
+    :offset-y="true"
+    :close-on-content-click="false"
+    :title="$t('app.afc.Functions')"
+    left
+  >
+    <template #activator="{ on, attrs }">
+      <v-btn
+        icon
+        tile
+        v-bind="attrs"
+        v-on="on"
+      >
+        <v-icon>
+          $menu
+        </v-icon>
+      </v-btn>
+    </template>
+    <v-list dense>
+      <v-list-item
+        v-for="command in commands"
+        :key="command.command"
+      >
+        <v-tooltip
+          top
+          :disabled="command.toolTipDisabled"
+        >
+          <template #activator="{ on, attrs }">
+            <v-btn
+              class="w-100"
+              :disabled="(command.disabledWhilePrinting && printerPrinting) || !klippyReady"
+              small
+              v-bind="attrs"
+              v-on="on"
+              @click="sendGcode(command.command)"
+            >
+              <v-icon
+                v-if="command.icon"
+                small
+                left
+              >
+                {{ command.icon }}
+              </v-icon>
+              {{ command.text }}
+            </v-btn>
+          </template>
+          <span>
+            {{ macroDescription(command.command) }}
+          </span>
+        </v-tooltip>
+      </v-list-item>
+      <v-list-item
+        v-for="macro in macros"
+        :key="macro.macroName"
+      >
+        <v-tooltip
+          top
+          :disabled="macro.toolTipDisabled"
+        >
+          <template #activator="{ on, attrs }">
+            <macro-btn
+              v-bind="attrs"
+              :macro="macro.macro"
+              small
+              color=" "
+              class="w-100"
+              v-on="on"
+              @click="sendGcode($event)"
+            >
+              {{ macro.text }}
+            </macro-btn>
+          </template>
+          <span>
+            {{ macroDescription(macro.macroName) }}
+          </span>
+        </v-tooltip>
+      </v-list-item>
+      <v-list-item>
+        <v-btn
+          class="w-100"
+          small
+          @click="showAfcSettings = true"
+        >
+          <v-icon
+            small
+            left
+          >
+            {{ mdiVariable }}
+          </v-icon>
+          {{ $t('app.afc.AfcSettings') }}
+        </v-btn>
+        <afc-settings-dialog
+          v-model="showAfcSettings"
+          @cancel="showAfcSettings = false"
+        />
+      </v-list-item>
+      <v-list-item>
+        <v-btn
+          class="w-100"
+          small
+          @click="downloadDebugJson"
+        >
+          <v-icon
+            small
+            left
+          >
+            {{ mdiArrowDownBold }}
+          </v-icon>
+          {{ $t('app.afc.DebugJson') }}
+        </v-btn>
+      </v-list-item>
+    </v-list>
+  </v-menu>
+</template>
+<script lang="ts">
+import { Component, Mixins } from 'vue-property-decorator'
+import StateMixin from '@/mixins/state'
+import AfcMixin from '@/mixins/afc'
+import type { Macro } from '@/store/macros/types'
+import MacroBtn from '@/components/widgets/macros/MacroBtn.vue'
+import AfcSettingsDialog from '@/components/widgets/afc/dialogs/AfcSettingsDialog.vue'
+import {
+  mdiArrowDownBold,
+  mdiLightbulbOnOutline,
+  mdiLightbulbOutline,
+  mdiVariable,
+  mdiWrench,
+} from '@mdi/js'
+
+@Component({
+  components: {
+    AfcSettingsDialog,
+    MacroBtn
+  }
+})
+export default class AfcCardButtons extends Mixins(StateMixin, AfcMixin) {
+  mdiArrowDownBold = mdiArrowDownBold
+  mdiVariable = mdiVariable
+
+  showAfcSettings = false
+
+  get commands () {
+    const commands = this.$typedState.printer.printer.gcode?.commands ?? {}
+    const commandsList = Object.keys(commands)
+
+    const buttons = [
+      {
+        icon: mdiWrench,
+        text: this.$t('app.afc.Calibrate'),
+        command: 'AFC_CALIBRATION',
+        disabled: false,
+        toolTipDisabled: this.macroDisabled('AFC_CALIBRATION'),
+        disabledWhilePrinting: true,
+      },
+    ]
+
+    const ledState = this.afc.led_state ?? false
+    if (ledState) {
+      buttons.push({
+        icon: mdiLightbulbOnOutline,
+        text: this.$t('app.afc.LedOff'),
+        command: 'TURN_OFF_AFC_LED',
+        disabled: false,
+        toolTipDisabled: this.macroDisabled('TURN_OFF_AFC_LED'),
+        disabledWhilePrinting: false,
+      })
+    } else {
+      buttons.push({
+        icon: mdiLightbulbOutline,
+        text: this.$t('app.afc.LedOn'),
+        command: 'TURN_ON_AFC_LED',
+        disabled: false,
+        toolTipDisabled: this.macroDisabled('TURN_ON_AFC_LED'),
+        disabledWhilePrinting: false,
+      })
+    }
+
+    if (this.afc?.td1_present) {
+      buttons.push({
+        icon: '',
+        text: 'Capture TD',
+        command: 'AFC_GET_TD_ONE_DATA',
+        disabled: false,
+        toolTipDisabled: this.macroDisabled('AFC_GET_TD_ONE_DATA'),
+        disabledWhilePrinting: true,
+      })
+    }
+
+    return buttons.filter((button) => {
+      return commandsList.includes(button.command.toUpperCase())
+    })
+  }
+
+  macroDisabled (macroName: string): boolean {
+    const macro = this.$typedGetters['macros/getMacroByName'](macroName)
+    if (macro) {
+      return !macro.config?.description || macro.config.description === 'G-Code macro'
+    } else {
+      return true
+    }
+  }
+
+  macroDescription (macroName: string) {
+    const macro = this.$typedGetters['macros/getMacroByName'](macroName)
+    if (macro) {
+      return macro?.config?.description
+    } else {
+      return ''
+    }
+  }
+
+  get macros () {
+    const macros = this.$typedGetters['macros/getMacros']
+    const settings = this.$typedState.printer.printer.configfile?.settings.afc ?? {}
+
+    const afcMacros = []
+    if (settings.wipe) {
+      const wipe_name:string = settings?.wipe_cmd || 'AFC_BRUSH'
+      afcMacros.push({
+        text: this.$t('app.afc.BrushNozzle'),
+        macroName: wipe_name,
+        disabled: this.printerPrinting,
+        toolTipDisabled: this.macroDisabled(wipe_name),
+      })
+    }
+
+    if (settings.park) {
+      const park_name:string = settings?.park_cmd || 'AFC_PARK'
+      afcMacros.push({
+        text: this.$t('app.afc.ParkNozzle'),
+        macroName: park_name,
+        disabled: this.printerPrinting,
+        toolTipDisabled: this.macroDisabled(park_name),
+      })
+    }
+
+    return afcMacros
+      .map((button) => {
+        return {
+          ...button,
+          macro:
+            macros.find(
+              (macro: Macro) => macro.name.toLowerCase() === button.macroName.toLowerCase()
+            ) ?? null,
+        }
+      })
+      .filter((button) => button.macro !== null)
+  }
+
+  downloadDebugJson () {
+    const AFC_DEBUG_FILENAME = 'afc_debug.json'
+    const output: {
+      config: { [key: string]: any }
+      settings: { [key: string]: any }
+      printer: { [key: string]: any }
+    } = {
+      config: {},
+      settings: {},
+      printer: {},
+    }
+    const printer = this.$typedState.printer.printer ?? {}
+    const config = printer.configfile?.config ?? {}
+    const settings = printer.configfile?.settings ?? {}
+
+    Object.keys(config)
+      .filter((key) => key.toLowerCase().startsWith('afc'))
+      .forEach((name) => {
+        output.config[name] = { ...config[name] }
+      })
+
+    Object.keys(settings)
+      .filter((key) => key.toLowerCase().startsWith('afc'))
+      .forEach((name) => {
+        output.settings[name] = { ...settings[name] }
+      })
+
+    Object.keys(printer)
+      .filter((key) => key.toLowerCase().startsWith('afc'))
+      .forEach((name) => {
+        output.printer[name] = { ...printer[name] }
+      })
+
+    // Convert the output object to a JSON string and create a Blob for download
+    const jsonString = JSON.stringify(output, null, 2)
+    const blob = new Blob([jsonString], { type: 'application/json' })
+    const url = URL.createObjectURL(blob)
+
+    // Create a link element to trigger the download
+    const link = document.createElement('a')
+    link.href = url
+    link.download = AFC_DEBUG_FILENAME
+
+    // Append the link to the body, click it to trigger download, then remove it
+    document.body.appendChild(link)
+    link.click()
+    document.body.removeChild(link)
+
+    // Clean up the URL object
+    URL.revokeObjectURL(url)
+  }
+}
+</script>
diff --git a/src/components/widgets/afc/AfcCardBypass.vue b/src/components/widgets/afc/AfcCardBypass.vue
new file mode 100644
index 0000000000..1644269f74
--- /dev/null
+++ b/src/components/widgets/afc/AfcCardBypass.vue
@@ -0,0 +1,23 @@
+<template>
+  <v-alert
+    v-if="bypassState"
+    type="warning"
+    class="mt-3"
+    dense
+    text
+  >
+    {{ $t('app.afc.BypassActive') }}
+  </v-alert>
+</template>
+<script lang="ts">
+import { Component, Mixins } from 'vue-property-decorator'
+import StateMixin from '@/mixins/state'
+import AfcMixin from '@/mixins/afc'
+
+@Component
+export default class AfcCardBypass extends Mixins(StateMixin, AfcMixin) {
+  get bypassState () {
+    return this.afc.bypass_state ?? false
+  }
+}
+</script>
diff --git a/src/components/widgets/afc/AfcCardExtruder.vue b/src/components/widgets/afc/AfcCardExtruder.vue
new file mode 100644
index 0000000000..a4a69b3791
--- /dev/null
+++ b/src/components/widgets/afc/AfcCardExtruder.vue
@@ -0,0 +1,212 @@
+<template>
+  <div
+    class="rounded-lg grey border-1"
+    :class="containerClasses"
+  >
+    <v-row>
+      <v-col
+        class="pl-6 py-4 text-no-wrap"
+      >
+        <v-tooltip top>
+          <template #activator="{ on, attr }">
+            <span
+              v-bind="attr"
+              class="sensor-status rounded-circle d-inline-block mr-2"
+              :class="preSensorClasses"
+              v-on="on"
+            />
+          </template>
+          <span>
+            {{ preSensorOutput }}
+          </span>
+        </v-tooltip>
+        <span>
+          {{ name }}
+        </span>
+        <v-tooltip
+          v-if="hasPostSensor"
+          top
+        >
+          <template #activator="{ on, attr }">
+            <span
+              v-bind="attr"
+              class="sensor-status rounded-circle d-inline-block ml-2"
+              :class="postSensorClasses"
+              v-on="on"
+            />
+          </template>
+          <span>
+            {{ postSensorOutput }}
+          </span>
+        </v-tooltip>
+      </v-col>
+      <v-col class="py-4 text-center">
+        {{ bufferOutput }}
+      </v-col>
+      <v-col class="py-4 pr-6 text-right">
+        {{ state }}:
+        <span :class="stateLaneClasses">
+          {{ stateLane }}
+        </span>
+      </v-col>
+    </v-row>
+  </div>
+</template>
+<script lang="ts">
+import { Component, Mixins, Prop } from 'vue-property-decorator'
+import StateMixin from '@/mixins/state'
+import AfcMixin from '@/mixins/afc'
+
+@Component({})
+export default class AfcCardExtruder extends Mixins(StateMixin, AfcMixin) {
+  @Prop({ type: String, required: true }) readonly name!: string
+
+  get afcExtruder () {
+    return this.getAfcExtruderObject(this.name)
+  }
+
+  get settings () {
+    return this.getAfcExtruderSettings(this.name)
+  }
+
+  get useRamming () {
+    const toolStart = this.afcExtruder.tool_start ?? ''
+
+    return toolStart === 'buffer'
+  }
+
+  get hasActiveLane () {
+    if (this.afcCurrentLane === null) return false
+
+    const lanes = this.afcExtruder.lanes ?? []
+    return lanes.includes(this.afcCurrentLane?.name)
+  }
+
+  get containerClasses () {
+    return {
+      'border-primary': this.hasActiveLane,
+      'border-error': this.hasActiveLane && this.afcErrorState,
+      'darken-3': this.$vuetify.theme.dark,
+      'lighten-2': !this.$vuetify.theme.dark,
+    }
+  }
+
+  get rammingState () {
+    if (!this.useRamming) return false
+
+    const extruder = this.afcCurrentLane?.extruder ?? ''
+    const bufferState = (this.afcCurrentBuffer?.state ?? '').toLowerCase()
+
+    return extruder === this.name && bufferState === 'trailing'
+  }
+
+  get laneLoaded () {
+    return this.afcExtruder.lane_loaded ?? ''
+  }
+
+  get preSensorStatus () {
+    return this.afcExtruder.tool_start_status ?? false
+  }
+
+  get preSensorClasses () {
+    if (this.useRamming) {
+      return {
+        success: !this.laneLoaded && this.rammingState,
+        error: !this.laneLoaded && !this.rammingState,
+        'grey lighten4': this.laneLoaded,
+      }
+    }
+
+    return {
+      success: this.preSensorStatus,
+      error: !this.preSensorStatus,
+    }
+  }
+
+  get preSensorOutput () {
+    if (this.useRamming) {
+      if (this.laneLoaded) return `${this.$t('app.afc.RammingSensor')}`
+
+      const status = this.rammingState ? this.$t('app.afc.Detected') : this.$t('app.afc.Empty')
+      return `${this.$t('app.afc.RammingSensor')} - ${status}`
+    }
+
+    const status = this.preSensorStatus ? this.$t('app.afc.Detected') : this.$t('app.afc.Empty')
+
+    return `${this.$t('app.afc.PreExtruderSensor')} - ${status}`
+  }
+
+  get hasPostSensor () {
+    return 'pin_tool_end' in this.settings
+  }
+
+  get postSensorStatus () {
+    return this.afcExtruder.tool_end_status ?? false
+  }
+
+  get postSensorClasses () {
+    return {
+      success: this.postSensorStatus,
+      error: !this.postSensorStatus,
+    }
+  }
+
+  get postSensorOutput () {
+    const status = this.postSensorStatus ? this.$t('app.afc.Detected') : this.$t('app.afc.Empty')
+
+    return `${this.$t('app.afc.PostExtruderSensor')} - ${status}`
+  }
+
+  get bufferOutput () {
+    const extruder = this.afcCurrentLane?.extruder ?? ''
+    if (extruder !== this.name) return this.$t('app.afc.BufferDisabled')
+
+    return `${this.afcCurrentLane?.buffer ?? '--'}: ${this.afcCurrentBuffer?.state ?? '--'}`
+  }
+
+  get state () {
+    const extruder = this.afcCurrentLane?.extruder ?? ''
+    if (extruder === this.name) {
+      if (this.printerPrinting) return this.$t('app.afc.Printing')
+
+      return this.$t(`app.afc.${this.afcCurrentState}`)
+    }
+
+    return this.$t('app.afc.Idle')
+  }
+
+  get stateLane () {
+    if (this.afcExtruder.lane_loaded) return this.afcExtruder.lane_loaded
+    if (this.afcCurrentLane) return this.afcCurrentLane.name
+
+    return this.$t('app.afc.LaneLoadedNone')
+  }
+
+  get stateLaneClasses () {
+    return {
+      'primary--text': this.hasActiveLane,
+      'error--text': this.hasActiveLane && this.afcErrorState,
+    }
+  }
+}
+</script>
+
+<style scoped>
+.sensor-status {
+  width: 10px;
+  height: 10px;
+}
+
+.border-1 {
+  border-width: 1px;
+  border-style: solid;
+}
+
+.v-application .border-primary {
+  border-color: var(--v-primary-base) !important;
+}
+
+.v-application .border-error {
+  border-color: var(--v-error-base) !important;
+}
+</style>
diff --git a/src/components/widgets/afc/AfcCardMessage.vue b/src/components/widgets/afc/AfcCardMessage.vue
new file mode 100644
index 0000000000..9a82751c03
--- /dev/null
+++ b/src/components/widgets/afc/AfcCardMessage.vue
@@ -0,0 +1,68 @@
+<template>
+  <v-alert
+    v-if="message"
+    icon="$warning"
+    :type="type"
+    class="mt-3 align-content-center"
+    dense
+    text
+  >
+    <v-row>
+      <v-col class="grow text-format">
+        {{ message }}
+      </v-col>
+      <v-col class="shrink py-0 align-content-center">
+        <v-btn
+          icon
+          @click="clearMessage"
+        >
+          <v-icon small>
+            $close
+          </v-icon>
+        </v-btn>
+      </v-col>
+    </v-row>
+  </v-alert>
+</template>
+<script lang="ts">
+import { Component, Mixins } from 'vue-property-decorator'
+import StateMixin from '@/mixins/state'
+import AfcMixin from '@/mixins/afc'
+import { mdiAlert, mdiClose } from '@mdi/js'
+
+@Component
+export default class AfcCardMessage extends Mixins(StateMixin, AfcMixin) {
+  mdiAlert = mdiAlert
+  mdiClose = mdiClose
+
+  get type () {
+    const type = this.afc.message?.type ?? 'error'
+    const possibleTypes = ['info', 'warning', 'success', 'error']
+
+    if (!possibleTypes.includes(type)) {
+      window.console.warn(`AfcCardMessage: Invalid message type "${type}" detected. Defaulting to "error".`)
+      return 'error'
+    }
+
+    return type
+  }
+
+  get message () {
+    return this.afc.message?.message ?? ''
+  }
+
+  clearMessage () {
+    const gcode = 'AFC_CLEAR_MESSAGE'
+
+    this.sendGcode(gcode)
+  }
+}
+</script>
+
+<style scoped>
+.text-format {
+  white-space: break-spaces;
+  font-family: 'Roboto Mono', monospace;
+  font-size: 0.875rem;
+}
+</style>
diff --git a/src/components/widgets/afc/AfcCardSettings.vue b/src/components/widgets/afc/AfcCardSettings.vue
new file mode 100644
index 0000000000..7b69c0126f
--- /dev/null
+++ b/src/components/widgets/afc/AfcCardSettings.vue
@@ -0,0 +1,142 @@
+<template>
+  <v-menu
+    :offset-y="true"
+    :close-on-content-click="false"
+    :title="$t('app.afc.Settings')"
+    left
+  >
+    <template #activator="{ on, attrs }">
+      <v-btn
+        icon
+        tile
+        v-bind="attrs"
+        v-on="on"
+      >
+        <v-icon small>
+          $cog
+        </v-icon>
+      </v-btn>
+    </template>
+    <v-list>
+      <v-list-item class="minHeight36">
+        <v-checkbox
+          v-model="showFilamentName"
+          class="mt-0"
+          hide-details
+          :label="$t('app.afc.ShowFilamentName')"
+        />
+      </v-list-item>
+      <v-list-item class="minHeight36">
+        <v-checkbox
+          v-model="showLaneInfinite"
+          class="mt-0"
+          hide-details
+          :label="$t('app.afc.ShowLaneInfinite')"
+        />
+      </v-list-item>
+      <v-list-item class="minHeight36">
+        <v-checkbox
+          v-model="showUnitIcons"
+          class="mt-0"
+          hide-details
+          :label="$t('app.afc.ShowUnitIcons')"
+        />
+      </v-list-item>
+      <v-list-item
+        v-if="td1Present"
+        class="minHeight36"
+      >
+        <v-checkbox
+          v-model="showTd1Color"
+          class="mt-0"
+          hide-details
+          :label="$t('app.afc.ShowTd1Color')"
+        />
+      </v-list-item>
+      <v-divider />
+      <afc-card-settings-extruder
+        v-for="extruder in afcExtruders"
+        :key="extruder"
+        :name="extruder"
+      />
+      <afc-card-settings-unit
+        v-for="unit in afcUnits"
+        :key="unit"
+        :name="unit"
+      />
+    </v-list>
+  </v-menu>
+</template>
+<script lang="ts">
+import { Component, Mixins } from 'vue-property-decorator'
+import StateMixin from '@/mixins/state'
+import AfcMixin from '@/mixins/afc'
+import AfcCardSettingsExtruder from '@/components/widgets/afc/AfcCardSettingsExtruder.vue'
+import AfcCardSettingsUnit from '@/components/widgets/afc/AfcCardSettingsUnit.vue'
+
+@Component({
+  components: {
+    AfcCardSettingsExtruder,
+    AfcCardSettingsUnit
+  }
+})
+export default class AfcCardSettings extends Mixins(StateMixin, AfcMixin) {
+  get showFilamentName (): boolean {
+    return this.afcShowFilamentName
+  }
+
+  set showFilamentName (value: boolean) {
+    this.$typedDispatch('config/saveByPath', {
+      path: 'uiSettings.afc.showFilamentName',
+      value,
+      server: true
+    })
+  }
+
+  get showLaneInfinite (): boolean {
+    return this.afcShowLaneInfinite
+  }
+
+  set showLaneInfinite (value: boolean) {
+    this.$typedDispatch('config/saveByPath', {
+      path: 'uiSettings.afc.showLaneInfinite',
+      value,
+      server: true
+    })
+  }
+
+  get showUnitIcons (): boolean {
+    return this.afcShowUnitIcons
+  }
+
+  set showUnitIcons (value: boolean) {
+    this.$typedDispatch('config/saveByPath', {
+      path: 'uiSettings.afc.showUnitIcons',
+      value,
+      server: true
+    })
+  }
+
+  get td1Present (): boolean {
+    return this.afc?.td1_present
+  }
+
+  get showTd1Color (): boolean {
+    return this.afcShowTd1Color
+  }
+
+  set showTd1Color (value: boolean) {
+    this.$typedDispatch('config/saveByPath', {
+      path: 'uiSettings.afc.showTd1Color',
+      value,
+      server: true
+    })
+  }
+}
+</script>
+
+<style scoped>
+.minHeight36 {
+    min-height: 36px;
+}
+</style>
diff --git a/src/components/widgets/afc/AfcCardSettingsExtruder.vue b/src/components/widgets/afc/AfcCardSettingsExtruder.vue
new file mode 100644
index 0000000000..0f9b3999c3
--- /dev/null
+++ b/src/components/widgets/afc/AfcCardSettingsExtruder.vue
@@ -0,0 +1,71 @@
+<template>
+  <v-list-item
+    class="minHeight36 text-no-wrap"
+  >
+    <v-checkbox
+      v-model="value"
+      class="mt-0"
+      hide-details
+      :label="label"
+    />
+  </v-list-item>
+</template>
+<script lang="ts">
+import { Component, Mixins, Prop, Watch } from 'vue-property-decorator'
+import StateMixin from '@/mixins/state'
+import AfcMixin from '@/mixins/afc'
+
+@Component
+export default class AfcCardSettingsExtruder extends Mixins(StateMixin, AfcMixin) {
+  @Prop({ type: String, required: true }) readonly name!: string
+
+  value = true
+
+  get label () {
+    return this.$t('app.afc.ShowTool', { name: this.name }) as string
+  }
+
+  mounted () {
+    this.value = !this.afcHiddenExtruders.includes(this.name)
+  }
+
+  @Watch('value')
+  onValueChange (newValue: boolean) {
+    if (newValue) {
+      this.removeFromHiddenExtruders(this.name)
+      return
+    }
+
+    this.addToHiddenExtruders(this.name)
+  }
+
+  private removeFromHiddenExtruders (name: string) {
+    const hiddenExtruders = [...this.afcHiddenExtruders]
+    const index = hiddenExtruders.indexOf(name)
+    if (index > -1) hiddenExtruders.splice(index, 1)
+
+    this.$typedDispatch('config/saveByPath', {
+      path: 'uiSettings.afc.hiddenExtruders',
+      value: hiddenExtruders,
+      server: true
+    })
+  }
+
+  private addToHiddenExtruders (name: string) {
+    const hiddenExtruders = [...this.afcHiddenExtruders]
+    if (!hiddenExtruders.includes(name)) hiddenExtruders.push(name)
+
+    this.$typedDispatch('config/saveByPath', {
+      path: 'uiSettings.afc.hiddenExtruders',
+      value: hiddenExtruders,
+      server: true
+    })
+  }
+}
+</script>
+
+<style scoped>
+.minHeight36 {
+    min-height: 36px;
+}
+</style>
diff --git a/src/components/widgets/afc/AfcCardSettingsUnit.vue b/src/components/widgets/afc/AfcCardSettingsUnit.vue
new file mode 100644
index 0000000000..8ca2ec17da
--- /dev/null
+++ b/src/components/widgets/afc/AfcCardSettingsUnit.vue
@@ -0,0 +1,74 @@
+<template>
+  <v-list-item
+    class="minHeight36 text-no-wrap"
+  >
+    <v-checkbox
+      v-model="value"
+      class="mt-0"
+      hide-details
+      :label="label"
+    />
+  </v-list-item>
+</template>
+<script lang="ts">
+import Vue from 'vue'
+import { Component, Mixins, Prop, Watch } from 'vue-property-decorator'
+import StateMixin from '@/mixins/state'
+import AfcMixin from '@/mixins/afc'
+
+@Component
+export default class AfcCardSettingsUnit extends Mixins(StateMixin, AfcMixin) {
+  @Prop({ type: String, required: true }) readonly name!: string
+
+  value = true
+
+  get label () {
+    const unitName = this.name.substring(this.name.indexOf(' ') + 1)
+
+    return this.$t('app.afc.ShowUnit', { name: Vue.$filters.prettyCase(unitName) }) as string
+  }
+
+  mounted () {
+    this.value = !this.afcHiddenUnits.includes(this.name)
+  }
+
+  @Watch('value')
+  onValueChange (newValue: boolean) {
+    if (newValue) {
+      this.removeFromHiddenUnits(this.name)
+      return
+    }
+
+    this.addToHiddenUnits(this.name)
+  }
+
+  private removeFromHiddenUnits (name: string) {
+    const hiddenUnits = [...this.afcHiddenUnits]
+    const index = hiddenUnits.indexOf(name)
+    if (index > -1) hiddenUnits.splice(index, 1)
+
+    this.$typedDispatch('config/saveByPath', {
+      path: 'uiSettings.afc.hiddenUnits',
+      value: hiddenUnits,
+      server: true
+    })
+  }
+
+  private addToHiddenUnits (name: string) {
+    const hiddenUnits = [...this.afcHiddenUnits]
+    if (!hiddenUnits.includes(name)) hiddenUnits.push(name)
+
+    this.$typedDispatch('config/saveByPath', {
+      path: 'uiSettings.afc.hiddenUnits',
+      value: hiddenUnits,
+      server: true
+    })
+  }
+}
+</script>
+
+<style scoped>
+.minHeight36 {
+    min-height: 36px;
+}
+</style>
diff --git a/src/components/widgets/afc/AfcCardUnit.vue b/src/components/widgets/afc/AfcCardUnit.vue
new file mode 100644
index 0000000000..9f4b68ed8d
--- /dev/null
+++ b/src/components/widgets/afc/AfcCardUnit.vue
@@ -0,0 +1,106 @@
+<template>
+  <div>
+    <v-row>
+      <v-col class="pb-0 d-flex flex-row justify-space-between align-center">
+        <h3 class="text-h6">
+          <v-icon
+            v-if="modulIcon"
+            left
+          >
+            {{ modulIcon }}
+          </v-icon>
+          {{ unitNameOutput }}
+        </h3>
+        <v-spacer />
+        <afc-card-unit-hub
+          v-for="hub in hubs"
+          :key="hub"
+          :name="hub"
+        />
+      </v-col>
+    </v-row>
+    <v-row>
+      <v-col class="d-flex flex-row flex-wrap afc-unit-container">
+        <afc-card-unit-lane
+          v-for="lane in lanes"
+          :key="lane"
+          :name="lane"
+        />
+      </v-col>
+    </v-row>
+  </div>
+</template>
+<script lang="ts">
+import Vue from 'vue'
+import { Component, Mixins, Prop } from 'vue-property-decorator'
+import StateMixin from '@/mixins/state'
+import AfcMixin from '@/mixins/afc'
+import AfcCardUnitHub from '@/components/widgets/afc/AfcCardUnitHub.vue'
+import AfcCardUnitLane from '@/components/widgets/afc/AfcCardUnitLane.vue'
+import { afcIconBoxTurtle, afcIconHtlf, afcIconNightOwl, afcIconQuattroBox } from '@/plugins/afcIcons'
+
+@Component({
+  components: {
+    AfcCardUnitHub,
+    AfcCardUnitLane
+  }
+})
+export default class AfcCardUnit extends Mixins(StateMixin, AfcMixin) {
+  @Prop({ type: String, required: true }) readonly name!: string
+
+  get unitName () {
+    return this.name.substring(this.name.indexOf(' ') + 1)
+  }
+
+  get unitNameOutput () {
+    return Vue.$filters.prettyCase(this.unitName)
+  }
+
+  get unit () {
+    const printer = this.$typedState.printer.printer ?? {}
+    const moduleName = this.name.substring(0, this.name.indexOf(' ')).replace('_', '')
+    const unitObjectName = `AFC_${moduleName} ${this.unitName}`.toLowerCase()
+    const objectName = Object.keys(printer).find((key) => key.toLowerCase() === unitObjectName) ?? ''
+
+    return printer[objectName] ?? {}
+  }
+
+  get hubs () {
+    const hubs =  this.unit.hubs ?? []
+    return hubs
+  }
+
+  get lanes () {
+    return this.unit.lanes ?? []
+  }
+
+  get type () {
+    const moduleName = this.name.substring(0, this.name.indexOf(' ')).replace('_', '')
+
+    return moduleName.toLowerCase()
+  }
+
+  get modulIcon () {
+    if (!this.afcShowUnitIcons) return null
+
+    switch (this.type) {
+      case 'boxturtle':
+        return afcIconBoxTurtle
+      case 'htlf':
+        return afcIconHtlf
+      case 'nightowl':
+        return afcIconNightOwl
+      case 'quattrobox':
+        return afcIconQuattroBox
+      default:
+        return null
+    }
+  }
+}
+</script>
+
+<style scoped>
+.afc-unit-container {
+  gap: 16px;
+}
+</style>
diff --git a/src/components/widgets/afc/AfcCardUnitHub.vue b/src/components/widgets/afc/AfcCardUnitHub.vue
new file mode 100644
index 0000000000..926b88a42a
--- /dev/null
+++ b/src/components/widgets/afc/AfcCardUnitHub.vue
@@ -0,0 +1,58 @@
+<template>
+  <div class="ml-3">
+    <v-tooltip top>
+      <template #activator="{ on, attr }">
+        <span
+          v-bind="attr"
+          class="sensor-status rounded-circle d-inline-block mr-2"
+          :class="sensorClass"
+          v-on="on"
+        />
+      </template>
+      <span>
+        {{ sensorOutput }}
+      </span>
+    </v-tooltip>
+    <span class="text-body-1">
+      {{ $t('app.afc.Hub') }}
+    </span>
+  </div>
+</template>
+<script lang="ts">
+import { Component, Mixins, Prop } from 'vue-property-decorator'
+import StateMixin from '@/mixins/state'
+import AfcMixin from '@/mixins/afc'
+
+@Component
+export default class AfcCardUnitHub extends Mixins(StateMixin, AfcMixin) {
+  @Prop({ type: String, required: true }) readonly name!: string
+
+  get hub () {
+    return this.getAfcHubObject(this.name)
+  }
+
+  get sensorStatus () {
+    return this.hub.state ?? false
+  }
+
+  get sensorOutput () {
+    const status = this.sensorStatus ? this.$t('app.afc.Detected') : this.$t('app.afc.Empty')
+
+    return `${this.name} ${this.$t('app.afc.HubLoad')} - ${status}`
+  }
+
+  get sensorClass () {
+    return {
+      success: this.sensorStatus,
+      error: !this.sensorStatus,
+    }
+  }
+}
+</script>
+
+<style scoped>
+.sensor-status {
+  width: 10px;
+  height: 10px;
+}
+</style>
diff --git a/src/components/widgets/afc/AfcCardUnitLane.vue b/src/components/widgets/afc/AfcCardUnitLane.vue
new file mode 100644
index 0000000000..3e8cd7bda8
--- /dev/null
+++ b/src/components/widgets/afc/AfcCardUnitLane.vue
@@ -0,0 +1,78 @@
+<template>
+  <div
+    class="grey flex-grow-1 afc-unit-lane d-flex flex-column"
+    :class="laneStatusClass"
+  >
+    <afc-card-unit-lane-header :name="name" />
+    <template v-if="laneReady">
+      <afc-card-unit-lane-body :name="name" />
+      <afc-card-unit-lane-actions :name="name" />
+    </template>
+    <afc-card-unit-lane-empty
+      v-else
+      :name="name"
+    />
+  </div>
+</template>
+<script lang="ts">
+import { Component, Mixins, Prop } from 'vue-property-decorator'
+import StateMixin from '@/mixins/state'
+import AfcMixin from '@/mixins/afc'
+import AfcCardUnitLaneEmpty from '@/components/widgets/afc/AfcCardUnitLaneEmpty.vue'
+import AfcCardUnitLaneHeader from '@/components/widgets/afc/AfcCardUnitLaneHeader.vue'
+import AfcCardUnitLaneBody from '@/components/widgets/afc/AfcCardUnitLaneBody.vue'
+import AfcCardUnitLaneActions from '@/components/widgets/afc/AfcCardUnitLaneActions.vue'
+
+@Component({
+  components: {
+    AfcCardUnitLaneEmpty,
+    AfcCardUnitLaneHeader,
+    AfcCardUnitLaneBody,
+    AfcCardUnitLaneActions
+  }
+})
+export default class AfcCardUnitLane extends Mixins(StateMixin, AfcMixin) {
+  @Prop({ type: String, required: true }) readonly name!: string
+
+  get lane () {
+    return this.getAfcLaneObject(this.name)
+  }
+
+  get laneActive () {
+    const activeLaneName = this.afcCurrentLane?.name ?? ''
+
+    return this.name === activeLaneName
+  }
+
+  get laneStatusClass () {
+    return {
+      'darken-3': this.$vuetify.theme.dark,
+      'lighten-2': !this.$vuetify.theme.dark,
+      'border-error': this.laneActive && this.afcErrorState,
+      'border-success': this.laneActive && !this.afcErrorState,
+    }
+  }
+
+  get laneReady () {
+    return this.lane.load && this.lane.prep
+  }
+}
+</script>
+
+<style scoped>
+.afc-unit-lane {
+  border-radius: 8px;
+  box-sizing: border-box !important;
+  border-width: 1px;
+  border-style: solid;
+  flex-basis: 0;
+}
+
+.v-application .border-error {
+  border-color: var(--v-error-base) !important;
+}
+
+.v-application .border-success {
+  border-color: var(--v-primary-base) !important;
+}
+</style>
diff --git a/src/components/widgets/afc/AfcCardUnitLaneActions.vue b/src/components/widgets/afc/AfcCardUnitLaneActions.vue
new file mode 100644
index 0000000000..59d35b76f7
--- /dev/null
+++ b/src/components/widgets/afc/AfcCardUnitLaneActions.vue
@@ -0,0 +1,152 @@
+<template>
+  <v-row>
+    <v-col class="px-6 pt-3 pb-6 d-flex flex-row justify-space-between">
+      <v-item-group class="_btn-group d-flex flex-nowrap w-100 py-0">
+        <v-tooltip
+          v-if="toolLoaded"
+          top
+        >
+          <template #activator="{ on, attrs }">
+            <v-btn
+              :disabled="!klippyReady || printerPrinting"
+              dense
+              class="flex-grow-1 px-0 first-btn"
+              v-bind="attrs"
+              v-on="on"
+              @click="unloadLane"
+            >
+              <v-icon small>
+                {{ mdiArrowUpBold }}
+              </v-icon>
+            </v-btn>
+          </template>
+          <span>
+            {{ $t('app.afc.UnloadLane') }}
+          </span>
+        </v-tooltip>
+        <v-tooltip
+          v-else
+          top
+        >
+          <template #activator="{ on, attrs }">
+            <v-btn
+              :disabled="!klippyReady || printerPrinting"
+              dense
+              class="flex-grow-1 px-0 first-btn"
+              v-bind="attrs"
+              v-on="on"
+              @click="loadLane"
+            >
+              <v-icon small>
+                {{ mdiArrowDownBold }}
+              </v-icon>
+            </v-btn>
+          </template>
+          <span>
+            {{ $t('app.afc.LoadLane') }}
+          </span>
+        </v-tooltip>
+        <v-tooltip top>
+          <template #activator="{ on, attrs }">
+            <v-btn
+              :disabled="toolLoaded || (!laneRunout && toolLoaded)"
+              dense
+              class="flex-grow-1 px-0 last-btn"
+              v-bind="attrs"
+              v-on="on"
+              @click="ejectLane"
+            >
+              <v-icon small>
+                {{ mdiEject }}
+              </v-icon>
+            </v-btn>
+          </template>
+          <span>
+            {{ $t('app.afc.EjectFilament') }}
+          </span>
+        </v-tooltip>
+      </v-item-group>
+    </v-col>
+  </v-row>
+</template>
+<script lang="ts">
+import { Component, Mixins, Prop } from 'vue-property-decorator'
+import StateMixin from '@/mixins/state'
+import AfcMixin from '@/mixins/afc'
+import ToolheadMixIn from '@/mixins/toolhead'
+import { mdiArrowDownBold, mdiArrowUpBold, mdiEject } from '@mdi/js'
+
+@Component({})
+export default class AfcCardUnitLaneActions extends Mixins(StateMixin, AfcMixin, ToolheadMixIn) {
+  mdiArrowUpBold = mdiArrowUpBold
+  mdiArrowDownBold = mdiArrowDownBold
+  mdiEject = mdiEject
+
+  @Prop({ type: String, required: true }) readonly name!: string
+
+  get lane () {
+    return this.getAfcLaneObject(this.name)
+  }
+
+  get laneActive () {
+    const activeLaneName = this.afcCurrentLane?.name ?? ''
+
+    return this.name === activeLaneName
+  }
+
+  get laneRunout () {
+    return this.laneActive && !this.lane.prep
+  }
+
+  get toolLoaded () {
+    return this.lane.tool_loaded ?? false
+  }
+
+  loadLane () {
+    this.sendGcode(`CHANGE_TOOL LANE=${this.name}`)
+  }
+
+  unloadLane () {
+    this.sendGcode(`TOOL_UNLOAD LANE=${this.name}`)
+  }
+
+  ejectLane () {
+    this.sendGcode(`LANE_UNLOAD LANE=${this.name}`)
+  }
+}
+</script>
+
+<style scoped>
+._btn-group {
+  border-radius: 4px;
+
+  .v-btn {
+    border-radius: 0;
+    border-color: rgba(255, 255, 255, 0.12);
+    border-style: solid;
+    border-width: thin;
+    box-shadow: none;
+    height: 28px;
+    opacity: 0.8;
+    min-width: auto !important;
+  }
+
+  .v-btn.first-btn {
+    border-top-left-radius: inherit;
+    border-bottom-left-radius: inherit;
+  }
+
+  .v-btn.last-btn {
+    border-top-right-radius: inherit;
+    border-bottom-right-radius: inherit;
+  }
+
+  .v-btn:not(.first-btn) {
+    border-left-width: 0;
+  }
+}
+
+html.theme--light ._btn-group .v-btn {
+  border-color: rgba(0, 0, 0, 0.12);
+}
+</style>
diff --git a/src/components/widgets/afc/AfcCardUnitLaneBody.vue b/src/components/widgets/afc/AfcCardUnitLaneBody.vue
new file mode 100644
index 0000000000..5be07b5f62
--- /dev/null
+++ b/src/components/widgets/afc/AfcCardUnitLaneBody.vue
@@ -0,0 +1,255 @@
+<template>
+  <div>
+    <v-row class="my-3">
+      <v-col class="pl-6 pr-0 pt-0 pb-0 d-flex flex-column">
+        <v-tooltip
+          top
+          :disabled="spoolId === 0"
+        >
+          <template #activator="{ on, attr }">
+            <span
+              class="d-flex align-center justify-center"
+              v-bind="attr"
+              v-on="on"
+            >
+              <afc-filament-reel
+                :percent="spoolPercent"
+                :color="spoolColor"
+                class="filamentSpool cursor-pointer"
+                @click-spool="onFilamentClick"
+              />
+            </span>
+          </template>
+          <span>
+            #{{ spoolId }} | {{ spoolVendor }}
+            <br>
+            {{ spoolFilamentName }}
+          </span>
+        </v-tooltip>
+        <afc-unit-lane-filament-dialog
+          v-model="showFilamentDialog"
+          :name="name"
+          @close="showFilamentDialog = false"
+          @cancel="showFilamentDialog = false"
+        />
+      </v-col>
+      <v-col class="pr-6 pl-2 pt-0 pb-0 d-flex flex-column justify-space-between align-end">
+        <v-btn
+          v-if="afcShowLaneInfinite"
+          x-small
+          @click="showInfintiyDialog = true"
+        >
+          <v-icon
+            v-if="runoutLane === 'NONE'"
+            color="error"
+            small
+          >
+            {{ afcIconInfintiy }}
+          </v-icon>
+          <template v-else>
+            {{ runoutLane }}
+          </template>
+        </v-btn>
+        <afc-unit-lane-infinite-dialog
+          v-model="showInfintiyDialog"
+          :name="name"
+          @cancel="showInfintiyDialog = false"
+          @close="showInfintiyDialog = false"
+        />
+        <span class="font-weight-bold">
+          {{ spoolMaterial }}
+        </span>
+        <span class="text--disabled">
+          {{ spoolRemainingWeightOutput }}
+        </span>
+        <v-tooltip
+          v-if="tdPresent"
+          top
+        >
+          <template #activator="{ on, attr }">
+            <span
+              v-if="tdPresent"
+              class="d-flex align-center justify-center text--disable"
+              v-bind="attr"
+              v-on="on"
+            >
+              TD - {{ td }}
+            </span>
+          </template>
+          <span>
+            Color - #{{ tdColor }}
+          </span>
+        </v-tooltip>
+      </v-col>
+    </v-row>
+    <v-row
+      v-if="afcShowFilamentName"
+      class="mb-0 mt-n3"
+    >
+      <v-col class="px-6 pt-1">
+        <div class="position-relative pb-4">
+          <span class="position-absolute text-truncate text-truncate-element text-center">
+            {{ spoolFilamentName }}
+          </span>
+        </div>
+      </v-col>
+    </v-row>
+  </div>
+</template>
+<script lang="ts">
+import { Component, Mixins, Prop, Watch } from 'vue-property-decorator'
+import StateMixin from '@/mixins/state'
+import AfcMixin from '@/mixins/afc'
+import type { SpoolmanSpool, SpoolSelectionDialogState } from '@/store/spoolman/types'
+import { afcIconInfintiy } from '@/plugins/afcIcons'
+import AfcUnitLaneInfiniteDialog from '@/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue'
+import AfcUnitLaneFilamentDialog from '@/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue'
+import AfcFilamentReel from './AfcFilamentReel.vue'
+
+@Component({
+  components: {
+    AfcUnitLaneFilamentDialog,
+    AfcUnitLaneInfiniteDialog,
+    AfcFilamentReel
+  },
+})
+export default class AfcCardUnitLaneBody extends Mixins(StateMixin, AfcMixin) {
+  afcIconInfintiy = afcIconInfintiy
+
+  @Prop({ type: String, required: true }) readonly name!: string
+
+  showInfintiyDialog = false
+  showSpoolmanDialog = false
+  showFilamentDialog = false
+  spoolmanSelection = false
+
+  get lane () {
+    return this.getAfcLaneObject(this.name)
+  }
+
+  get runoutLane () {
+    return this.lane.runout_lane ?? 'NONE'
+  }
+
+  get spoolId (): number {
+    return Number(this.lane.spool_id || '0')
+  }
+
+  get spool (): SpoolmanSpool | null {
+    if (this.spoolId === 0) return null
+
+    const spools = this.$typedState.spoolman?.spools || []
+
+    return spools.find((spool: SpoolmanSpool) => spool.id === this.spoolId) || null
+  }
+
+  get spoolColor () {
+    if (this.afc?.td1_present && this.afcShowTd1Color) {
+      return `#${this.lane?.td1_color}`
+    }
+    return this.lane.color || '#000000'
+  }
+
+  get spoolRemainingWeight () {
+    return Math.round(this.lane.weight ?? 0)
+  }
+
+  get spoolRemainingWeightOutput () {
+    return `${this.spoolRemainingWeight} g`
+  }
+
+  get spoolFullWeight () {
+    return this.spool?.filament?.weight ?? 1000
+  }
+
+  get spoolPercent () {
+    if (this.spoolFullWeight === 0) return 100
+
+    return Math.round((this.spoolRemainingWeight / this.spoolFullWeight) * 100)
+  }
+
+  get spoolMaterial () {
+    return this.lane.material || '--'
+  }
+
+  get spoolVendor () {
+    return this.spool?.filament?.vendor?.name ?? 'Unknown'
+  }
+
+  get spoolFilamentName () {
+    if (this.afcExistsSpoolman) {
+      return this.spool?.filament?.name ?? 'Unknown'
+    } else {
+      return ''
+    }
+  }
+
+  get tdPresent () {
+    if (this.lane.td1_td === undefined || this.lane?.td1_td?.length === 0) {
+      return false
+    }
+    return true
+  }
+
+  get td () {
+    return this.lane?.td1_td || ''
+  }
+
+  get tdColor () {
+    return this.lane?.td1_color || ''
+  }
+
+  handleSelectSpool () {
+    this.spoolmanSelection = true
+    this.$typedCommit('spoolman/setDialogState', {
+      show: true,
+      spoolSelectionOnly: true,
+      selectedSpoolId: this.spoolId
+    })
+  }
+
+  @Watch('$typedState.spoolman.dialog')
+  onSpoolmanChanged (newDialog: SpoolSelectionDialogState) {
+    let gcode = `SET_SPOOL_ID LANE=${this.name} SPOOL_ID=`
+    if (this.spoolmanSelection) {
+      if (newDialog.selectedSpoolId != null) {
+        gcode = gcode + newDialog.selectedSpoolId
+      }
+
+      // Only send gcode once selection is closed
+      if (!newDialog.show && newDialog.selectedSpoolId !== this.spoolId) {
+        this.sendGcode(gcode)
+        this.spoolmanSelection = false
+      }
+    }
+  }
+
+  onFilamentClick () {
+    if (this.afcExistsSpoolman) {
+      this.handleSelectSpool()
+      return
+    }
+
+    this.showFilamentDialog = true
+  }
+}
+</script>
+
+<style scoped>
+.filamentSpool {
+  max-width: 38px;
+}
+
+.text-truncate-element {
+  left: 0;
+  right: 0;
+}
+
+.position-absolute {
+    position: absolute !important;
+}
+
+.position-relative {
+    position: relative !important;
+}
+</style>
diff --git a/src/components/widgets/afc/AfcCardUnitLaneEmpty.vue b/src/components/widgets/afc/AfcCardUnitLaneEmpty.vue
new file mode 100644
index 0000000000..40086c4971
--- /dev/null
+++ b/src/components/widgets/afc/AfcCardUnitLaneEmpty.vue
@@ -0,0 +1,71 @@
+<template>
+  <div class="d-flex flex-column flex-grow-1">
+    <v-row class="mt-0 flex-grow-1">
+      <v-col
+        class="align-content-center text-center text--disabled px-6"
+        :class="{ 'pb-6': !prep, 'pt-3': !prep }"
+      >
+        {{ text }}
+      </v-col>
+    </v-row>
+    <v-row
+      v-if="prep"
+      class="mt-0 flex-grow-0"
+    >
+      <v-col class="px-6 pb-6">
+        <v-tooltip top>
+          <template #activator="{ on, attrs }">
+            <v-btn
+              dense
+              small
+              class="w-100 elevation-0"
+              v-bind="attrs"
+              v-on="on"
+              @click="ejectLane"
+            >
+              <v-icon small>
+                {{ mdiEject }}
+              </v-icon>
+            </v-btn>
+          </template>
+          <span>
+            {{ $t('app.afc.EjectFilament') }}
+          </span>
+        </v-tooltip>
+      </v-col>
+    </v-row>
+  </div>
+</template>
+<script lang="ts">
+import { Component, Mixins, Prop } from 'vue-property-decorator'
+import StateMixin from '@/mixins/state'
+import AfcMixin from '@/mixins/afc'
+import { mdiEject } from '@mdi/js'
+
+@Component
+export default class AfcCardUnitLaneEmpty extends Mixins(StateMixin, AfcMixin) {
+  mdiEject = mdiEject
+
+  @Prop({ type: String, required: true }) readonly name!: string
+
+  get lane () {
+    return this.getAfcLaneObject(this.name)
+  }
+
+  get prep () {
+    return this.lane?.prep ?? false
+  }
+
+  get text () {
+    if (this.prep) return this.$t('app.afc.PrepDetected')
+
+    return this.$t('app.afc.Empty')
+  }
+
+  ejectLane () {
+    const gcode = `LANE_UNLOAD LANE=${this.name}`
+
+    this.sendGcode(gcode)
+  }
+}
+</script>
diff --git a/src/components/widgets/afc/AfcCardUnitLaneHeader.vue b/src/components/widgets/afc/AfcCardUnitLaneHeader.vue
new file mode 100644
index 0000000000..c1bc55113d
--- /dev/null
+++ b/src/components/widgets/afc/AfcCardUnitLaneHeader.vue
@@ -0,0 +1,46 @@
+<template>
+  <v-row class="flex-grow-0">
+    <v-col class="px-6 pt-6 pb-3 py-4">
+      <v-btn
+        dense
+        small
+        class="w-100 elevation-0"
+        @click="showDialog = true"
+      >
+        {{ name }} > {{ mappedTool }}
+      </v-btn>
+      <afc-unit-lane-mapping-tool-dialog
+        v-model="showDialog"
+        :name="name"
+        @cancel="showDialog = false"
+        @close="showDialog = false"
+      />
+    </v-col>
+  </v-row>
+</template>
+<script lang="ts">
+import { Component, Mixins, Prop } from 'vue-property-decorator'
+import StateMixin from '@/mixins/state'
+import AfcMixin from '@/mixins/afc'
+import AfcUnitLaneMappingToolDialog from '@/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue'
+
+@Component({
+  components: {
+    AfcUnitLaneMappingToolDialog
+  }
+})
+export default class AfcCardUnitLaneHeader extends Mixins(StateMixin, AfcMixin) {
+  @Prop({ type: String, required: true })
+  readonly name!: string
+
+  showDialog = false
+
+  get lane () {
+    return this.getAfcLaneObject(this.name)
+  }
+
+  get mappedTool () {
+    return this.lane.map ?? '--'
+  }
+}
+</script>
diff --git a/src/components/widgets/afc/AfcFilamentReel.vue b/src/components/widgets/afc/AfcFilamentReel.vue
new file mode 100644
index 0000000000..9bb4f85dcc
--- /dev/null
+++ b/src/components/widgets/afc/AfcFilamentReel.vue
@@ -0,0 +1,110 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    x="0"
+    y="0"
+    viewBox="0 0 256 500"
+    xml:space="preserve"
+    width="100"
+    height="80"
+    @click="clickSpool"
+  >
+    <path
+      id="spool_right_rim"
+      d="M202.1,0.3h-5v2.3C179,19,165,123.6,165,250s14,231.1,32.2,247.5v2.3h5
+        c20.5,0,37.2-111.9,37.2-249.8S222.7,0.3,202.1,0.3z"
+      :style="{ fill: spoolRimColor }"
+    />
+
+    <path
+      id="spool_right"
+      d="M197.1,0.3c20.5,0,37.2,111.9,37.2,249.8s-16.7,249.8-37.2,249.8S160,387.9,160,250
+        S176.6,0.3,197.1,0.3z"
+      :style="{ fill: spoolColor }"
+    />
+
+    <path
+      id="spool_tube"
+      d="M194.6,166.9L194.6,166.9L49.1,167l0,0c6.9,0,12.4,37.2,12.4,83.2c0,44.1-5.1,80.3-11.6,83
+        l144.7,0l0,0c6.9,0,12.4-37.2,12.4-83.2C207,204.2,201.4,166.9,194.6,166.9z"
+      :style="{ fill: spoolTubeColor }"
+    />
+
+    <path
+      id="filament_base"
+      d="M35,31c18.8-12.1,138-10.4,162.1,0c24.9,10.4,41.1,398.9,0,438.1
+        c-37.2,12.2-147.7,11.4-162.1,0C22,458.8,16.2,43,35,31z"
+      :style="styleReel"
+    />
+
+    <path
+      id="spool_left_rim"
+      d="M42.5,0.3h-5v2.3C19.3,19,5.3,123.6,5.3,250s14,231.1,32.2,247.5v2.3h5
+        c20.5,0,37.2-111.9,37.2-249.8S63,0.3,42.5,0.3z"
+      :style="{ fill: spoolRimColor }"
+    />
+
+    <path
+      id="spool_left"
+      d="M37.5,0.3C58,0.3,74.6,112.2,74.6,250S58,499.8,37.5,499.8S0.3,387.9,0.3,250
+        S16.9,0.3,37.5,0.3z"
+      :style="{ fill: spoolColor }"
+    />
+
+    <path
+      id="spool_hole"
+      d="M35.5,171.6c6.5,0,11.6,35.1,11.6,78.4s-5.3,78.4-11.6,78.4S23.9,293.3,23.9,250
+        S29,171.6,35.5,171.6z"
+      :style="{ fill: spoolHoleColor }"
+    />
+  </svg>
+</template>
+
+<script lang="ts">
+import Component from 'vue-class-component'
+import { Mixins, Prop } from 'vue-property-decorator'
+import StateMixin from '@/mixins/state'
+
+@Component
+export default class AfcFilamentReel extends Mixins(StateMixin) {
+  @Prop({ type: String, default: '#ff0' }) readonly color!: string
+  @Prop({ type: Number, default: 100 }) readonly percent!: number
+
+  spoolColor = '#c08f4f'
+  spoolHoleColor = '#231a0f'
+  spoolTubeColor = '#594226'
+  spoolRimColor = '#9b7242'
+
+  get styleReel () {
+    const minScale = 0.37 // 37% is the minimum visible size
+    const centerX = 128 // Center X of the SVG
+    const centerY = 250 // Center Y of the SVG
+
+    const style = {
+      fill: 'transparent',
+      stroke: 'black',
+      strokeWidth: '0',
+      transformOrigin: `${centerX}px ${centerY}px`,
+      transform: `scale(1, ${minScale})`,
+    }
+
+    // If percent greater than 0, set fill to color and apply scaling
+    if (this.percent > 0) {
+      style.fill = this.color
+
+      const scaleY = minScale + (this.percent / 100) * (1 - minScale)
+      style.transform = `scale(1, ${scaleY})`
+
+      // Apply stroke if color is not transparent
+      if (style.fill === 'transparent') style.strokeWidth = '3px'
+    }
+
+    return style
+  }
+
+  clickSpool () {
+    this.$emit('click-spool')
+  }
+}
+</script>
diff --git a/src/components/widgets/afc/dialogs/AfcSettingsDialog.vue b/src/components/widgets/afc/dialogs/AfcSettingsDialog.vue
new file mode 100644
index 0000000000..ceffdc2f97
--- /dev/null
+++ b/src/components/widgets/afc/dialogs/AfcSettingsDialog.vue
@@ -0,0 +1,71 @@
+<template>
+  <app-dialog
+    v-model="open"
+    width="700"
+    card-class="afc-settings-dialog"
+    :title="$t('app.afc.AfcSettings')"
+    icon="$afcIcon"
+    :help-icon="mdiLifebuoy"
+    :help-text="$t('app.afc.SettingsDialog.Help')"
+    :help-href="helpLink"
+    scrollable
+    no-actions
+  >
+    <v-card-text class="d-flex flex-column gap-3">
+      <afc-settings-dialog-hub
+        v-for="hub in afcHubs"
+        :key="hub"
+        :name="hub"
+      />
+      <afc-settings-dialog-extruder
+        v-for="extruder in afcExtruders"
+        :key="extruder"
+        :name="extruder"
+      />
+      <afc-settings-dialog-lane
+        v-for="lane in afcLanes"
+        :key="lane"
+        :name="lane"
+      />
+    </v-card-text>
+  </app-dialog>
+</template>
+
+<script lang="ts">
+import { Component, Mixins, VModel } from 'vue-property-decorator'
+import StateMixin from '@/mixins/state'
+import { mdiCloseThick, mdiLifebuoy } from '@mdi/js'
+import AfcMixin from '@/mixins/afc'
+import AfcSettingsDialogHub from './AfcSettingsDialogHub.vue'
+import AfcSettingsDialogExtruder from './AfcSettingsDialogExtruder.vue'
+import AfcSettingsDialogLane from './AfcSettingsDialogLane.vue'
+
+@Component({
+  components: {
+    AfcSettingsDialogHub,
+    AfcSettingsDialogExtruder,
+    AfcSettingsDialogLane
+  }
+})
+export default class AfcSettingsDialog extends Mixins(StateMixin, AfcMixin) {
+  mdiCloseThick = mdiCloseThick
+  mdiLifebuoy = mdiLifebuoy
+  helpLink = 'https://www.armoredturtle.xyz/docs/afc-klipper-add-on/toolhead/calculation.html'
+
+  @VModel({ type: Boolean }) open?: boolean
+
+  closeDialog () {
+    this.$emit('close')
+  }
+}
+</script>
+
+<style scoped>
+.gap-3 {
+  gap: 12px;
+}
+
+.height500 {
+  max-height: 500px;
+}
+</style>
diff --git a/src/components/widgets/afc/dialogs/AfcSettingsDialogExtruder.vue b/src/components/widgets/afc/dialogs/AfcSettingsDialogExtruder.vue
new file mode 100644
index 0000000000..fa5cf13602
--- /dev/null
+++ b/src/components/widgets/afc/dialogs/AfcSettingsDialogExtruder.vue
@@ -0,0 +1,231 @@
+<template>
+  <div>
+    <h3 class="text-h5 mb-3 mt-5">
+      {{ title }}
+    </h3>
+    <app-setting
+      :title="$t('app.afc.SettingsDialog.LoadUnloadLane')"
+      :sub-title="$t('app.afc.SettingsDialog.LoadUnloadLaneDescription')"
+    >
+      <div class="d-flex flex-wrap">
+        <v-btn
+          v-for="lane in lanes"
+          :key="lane"
+          :disabled="!filledLanes.includes(lane)"
+          small
+          class="ma-1"
+          :color="lane_loaded === lane ? 'primary' : ''"
+          @click="toggleLane(lane)"
+        >
+          {{ lane }}
+        </v-btn>
+      </div>
+    </app-setting>
+    <v-divider class="my-3" />
+    <app-setting
+      :title="$t('app.afc.SettingsDialog.ToolStn')"
+      :sub-title="toolStnSubTitle"
+    >
+      <app-number-input
+        label="tool_stn"
+        param="TOOL_STN"
+        :target="currentToolStn"
+        :default-value="settingsToolStn"
+        :output-error-msg="true"
+        :has-spinner="true"
+        :spinner-factor="1"
+        :step="1"
+        :min="0"
+        :max="null"
+        :dec="0"
+        unit="mm"
+        class="w-100"
+        @submit="updateToolheadSensors"
+      />
+    </app-setting>
+    <v-divider class="my-3" />
+    <app-setting
+      :title="$t('app.afc.SettingsDialog.ToolStnUnload')"
+      :sub-title="$t('app.afc.SettingsDialog.ToolStnUnloadDescription')"
+    >
+      <app-number-input
+        label="tool_stn_unload"
+        param="TOOL_STN_UNLOAD"
+        :target="currentToolStnUnload"
+        :default-value="settingsToolStnUnload"
+        :output-error-msg="true"
+        :has-spinner="true"
+        :spinner-factor="1"
+        :step="1"
+        :min="0"
+        :max="null"
+        :dec="0"
+        unit="mm"
+        class="w-100"
+        @submit="updateToolheadSensors"
+      />
+    </app-setting>
+    <template v-if="existsToolEndSensor">
+      <v-divider class="my-3" />
+      <app-setting
+        :title="$t('app.afc.SettingsDialog.ToolSensorAfterExtruder')"
+        :sub-title="$t('app.afc.SettingsDialog.ToolSensorAfterExtruderDescription')"
+      >
+        <app-number-input
+          label="tool_sensor_after_extruder"
+          param="TOOL_AFTER_EXTRUDER"
+          :target="currentToolSensorAfterExtruder"
+          :default-value="settingsToolSensorAfterExtruder"
+          :output-error-msg="true"
+          :has-spinner="true"
+          :spinner-factor="1"
+          :step="1"
+          :min="0"
+          :max="null"
+          :dec="0"
+          unit="mm"
+          class="w-100"
+          @submit="updateToolheadSensors"
+        />
+      </app-setting>
+    </template>
+    <v-divider class="my-3" />
+    <app-setting
+      :title="$t('app.afc.SettingsDialog.SaveExtruderValues')"
+      :sub-title="$t('app.afc.SettingsDialog.SaveExtruderValuesDescription')"
+    >
+      <v-btn
+        :disabled="!enableSaveButton"
+        color="primary"
+        @click="saveExtruderValues"
+      >
+        {{ $t('app.afc.SettingsDialog.WriteToFile') }}
+      </v-btn>
+    </app-setting>
+  </div>
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+import { Component, Mixins, Prop } from 'vue-property-decorator'
+import StateMixin from '@/mixins/state'
+import AfcMixin from '@/mixins/afc'
+
+@Component({})
+export default class AfcSettingsDialogExtruder extends Mixins(StateMixin, AfcMixin) {
+  @Prop({ type: String, required: true }) readonly name!: string
+
+  changedValue = false
+
+  get title () {
+    const name = Vue.$filters.prettyCase(this.name)
+
+    return this.$t('app.afc.SettingsDialog.SettingsForTitle', { name })
+  }
+
+  get afcSettingsExtruder () {
+    return this.getAfcExtruderSettings(this.name)
+  }
+
+  get settingsToolStn () {
+    return this.afcSettingsExtruder.tool_stn || 0
+  }
+
+  get settingsToolStnUnload () {
+    return this.afcSettingsExtruder.tool_stn_unload || 0
+  }
+
+  get settingsToolSensorAfterExtruder () {
+    return this.afcSettingsExtruder.tool_sensor_after_extruder || 0
+  }
+
+  get printerObject () {
+    return this.getAfcExtruderObject(this.name)
+  }
+
+  get currentToolStn () {
+    return this.printerObject.tool_stn || 0
+  }
+
+  get currentToolStnUnload () {
+    return this.printerObject.tool_stn_unload || 0
+  }
+
+  get currentToolSensorAfterExtruder () {
+    return this.printerObject.tool_sensor_after_extruder || 0
+  }
+
+  get lanes () {
+    return this.printerObject.lanes ?? []
+  }
+
+  get lane_loaded () {
+    return this.printerObject.lane_loaded ?? ''
+  }
+
+  get filledLanes () {
+    const filledLanes = []
+
+    for (const lane of this.lanes) {
+      const laneObject = this.getAfcLaneObject(lane)
+
+      if (laneObject?.load && laneObject?.prep) {
+        filledLanes.push(lane)
+      }
+    }
+
+    return filledLanes
+  }
+
+  get existsToolEndSensor () {
+    return 'pin_tool_end' in this.afcSettingsExtruder
+  }
+
+  get toolStnSubTitle () {
+    if (this.existsToolEndSensor) {
+      return this.$t('app.afc.SettingsDialog.ToolStnDescriptionWithEndSensor')
+    }
+
+    if (this.afcSettingsExtruder.pin_tool_start === 'buffer') {
+      return this.$t('app.afc.SettingsDialog.ToolStnDescriptionWithRamming')
+    }
+
+    return this.$t('app.afc.SettingsDialog.ToolStnDescriptionWithoutEndSensor')
+  }
+
+  get enableSaveButton () {
+    if (!this.changedValue) return false
+
+    return (
+      this.currentToolStn !== this.settingsToolStn ||
+      this.currentToolStnUnload !== this.settingsToolStnUnload ||
+      this.currentToolSensorAfterExtruder !== this.settingsToolSensorAfterExtruder
+    )
+  }
+
+  toggleLane (lane: string) {
+    if (this.lane_loaded === lane) {
+      this.sendGcode(`TOOL_UNLOAD LANE=${lane}`)
+
+      return
+    }
+
+    this.sendGcode(`CHANGE_TOOL LANE=${lane}`)
+  }
+
+  updateToolheadSensors (args: { name: string; value: number }) {
+    this.changedValue = true
+    this.sendGcode(`UPDATE_TOOLHEAD_SENSORS EXTRUDER=${this.name} ${args.name}=${args.value}`)
+  }
+
+  saveExtruderValues () {
+    this.changedValue = false
+    const gcode = `SAVE_EXTRUDER_VALUES EXTRUDER=${this.name}`
+    this.sendGcode(gcode)
+  }
+
+  doSend (gcode: string) {
+    this.sendGcode(gcode)
+  }
+}
+</script>
diff --git a/src/components/widgets/afc/dialogs/AfcSettingsDialogHub.vue b/src/components/widgets/afc/dialogs/AfcSettingsDialogHub.vue
new file mode 100644
index 0000000000..a104d907c7
--- /dev/null
+++ b/src/components/widgets/afc/dialogs/AfcSettingsDialogHub.vue
@@ -0,0 +1,72 @@
+<template>
+  <div>
+    <h3 class="text-h5 mb-3">
+      {{ title }}
+    </h3>
+    <app-setting
+      :title="$t('app.afc.SettingsDialog.BowdenLength')"
+      :sub-title="$t('app.afc.SettingsDialog.BowdenLengthDescription')"
+    >
+      <app-number-input
+        label="afc_bowden_length"
+        param="LENGTH"
+        :target="currentLength"
+        :default-value="settingsLength"
+        :output-error-msg="true"
+        :has-spinner="true"
+        :spinner-factor="1"
+        :step="1"
+        :min="0"
+        :max="null"
+        :dec="0"
+        unit="mm"
+        class="w-100"
+        @submit="setBowdenLength"
+      />
+    </app-setting>
+  </div>
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+import { Component, Mixins, Prop } from 'vue-property-decorator'
+import StateMixin from '@/mixins/state'
+import AfcMixin from '@/mixins/afc'
+
+@Component({})
+export default class AfcSettingsDialogHub extends Mixins(StateMixin, AfcMixin) {
+  @Prop({ type: String, required: true }) readonly name!: string
+
+  get title () {
+    const name = Vue.$filters.prettyCase(`Hub ${this.name}`)
+
+    return this.$t('app.afc.SettingsDialog.SettingsForTitle', { name })
+  }
+
+  get afcSettingsHub () {
+    const settings = this.$typedState.printer.printer.configfile?.settings ?? {}
+    const name = `AFC_hub ${this.name}`.toLowerCase()
+    return settings[name] || {}
+  }
+
+  get settingsLength () {
+    return this.afcSettingsHub.afc_bowden_length || 0
+  }
+
+  get printerObject () {
+    const printer = this.$typedState.printer.printer ?? {}
+    const key = `AFC_hub ${this.name}`
+
+    return printer[key] ?? {}
+  }
+
+  get currentLength () {
+    return this.printerObject.afc_bowden_length || 0
+  }
+
+  setBowdenLength (args: { name: string; value: number }) {
+    const gcode = `SET_BOWDEN_LENGTH HUB=${this.name} ${args.name}=${args.value}`
+    this.sendGcode(gcode)
+  }
+}
+</script>
diff --git a/src/components/widgets/afc/dialogs/AfcSettingsDialogLane.vue b/src/components/widgets/afc/dialogs/AfcSettingsDialogLane.vue
new file mode 100644
index 0000000000..3272be9920
--- /dev/null
+++ b/src/components/widgets/afc/dialogs/AfcSettingsDialogLane.vue
@@ -0,0 +1,98 @@
+<template>
+  <div>
+    <h3 class="text-h5 mb-3 mt-5">
+      {{ title }}
+    </h3>
+    <app-setting
+      :title="$t('app.afc.SettingsDialog.DistHub')"
+      :sub-title="$t('app.afc.SettingsDialog.DistHubDescription')"
+    >
+      <app-number-input
+        label="dist_hub"
+        param="LENGTH"
+        :target="currentDistHub"
+        :default-value="settingsDistHub"
+        :output-error-msg="true"
+        :has-spinner="true"
+        :spinner-factor="1"
+        :step="1"
+        :min="0"
+        :max="null"
+        :dec="0"
+        unit="mm"
+        class="w-100"
+        @submit="setHubDist"
+      />
+    </app-setting>
+    <v-divider class="my-3" />
+    <app-setting
+      :title="$t('app.afc.SettingsDialog.SaveHubDist')"
+      :sub-title="$t('app.afc.SettingsDialog.SaveHubDistDescription')"
+    >
+      <v-btn
+        :disabled="!enableSaveButton"
+        color="primary"
+        @click="saveHubDist"
+      >
+        {{ $t('app.afc.SettingsDialog.WriteToFile') }}
+      </v-btn>
+    </app-setting>
+  </div>
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+import { Component, Mixins, Prop } from 'vue-property-decorator'
+import StateMixin from '@/mixins/state'
+import AfcMixin from '@/mixins/afc'
+
+@Component({})
+export default class AfcSettingsDialogLane extends Mixins(StateMixin, AfcMixin) {
+  @Prop({ type: String, required: true }) readonly name!: string
+
+  changedValue = false
+
+  get title () {
+    const name = Vue.$filters.prettyCase(this.name)
+
+    return this.$t('app.afc.SettingsDialog.SettingsForTitle', { name })
+  }
+
+  get afcSettingsLane () {
+    return this.getAfcLaneSettings(this.name)
+  }
+
+  get afcLane () {
+    return this.getAfcLaneObject(this.name)
+  }
+
+  get settingsDistHub () {
+    return this.afcSettingsLane.dist_hub || 0
+  }
+
+  get currentDistHub () {
+    return this.afcLane.dist_hub || 0
+  }
+
+  get enableSaveButton () {
+    if (!this.changedValue) return false
+
+    return this.currentDistHub !== this.settingsDistHub
+  }
+
+  setHubDist (args: { name: string; value: number }) {
+    this.changedValue = true
+    this.sendGcode(`SET_HUB_DIST LANE=${this.name} ${args.name}=${args.value}`)
+  }
+
+  saveHubDist () {
+    this.changedValue = false
+    const gcode = `SAVE_HUB_DIST LANE=${this.name}`
+    this.sendGcode(gcode)
+  }
+
+  doSend (gcode: string) {
+    this.sendGcode(gcode)
+  }
+}
+</script>
diff --git a/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue b/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue
new file mode 100644
index 0000000000..415a59ea49
--- /dev/null
+++ b/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue
@@ -0,0 +1,151 @@
+<template>
+  <app-dialog
+    v-model="show"
+    :title="$t('app.afc.FilamentForLane', { name })"
+    icon="$afcIcon"
+    card-class="afc-unit-lane-filament-dialog"
+    :margin-bottom="false"
+    width="400"
+    no-actions
+  >
+    <v-card-text class="pb-0">
+      <app-setting
+        :title="$t('app.afc.Material')"
+        :sub-title="$t('app.afc.MaterialSubtitle')"
+      >
+        <v-text-field
+          v-model="material"
+          placeholder="ABS"
+          dense
+          outlined
+          hide-details
+        />
+      </app-setting>
+      <v-divider class="my-3" />
+      <app-setting
+        :title="$t('app.afc.Weight')"
+        :sub-title="$t('app.afc.WeightSubtitle')"
+      >
+        <v-text-field
+          v-model="weight"
+          placeholder="1000"
+          dense
+          outlined
+          type="number"
+          :min="0"
+          :step="1"
+          hide-details
+        />
+      </app-setting>
+      <v-divider class="my-3" />
+      <v-color-picker
+        hide-mode-switch
+        mode="hexa"
+        :value="color"
+        class="mx-auto"
+        @update:color="setColor"
+      />
+    </v-card-text>
+    <v-card-actions>
+      <v-spacer />
+      <v-btn
+        text
+        color="disabled"
+        @click="closeDialog"
+      >
+        {{ $t('app.afc.Cancel') }}
+      </v-btn>
+      <v-btn
+        :disabled="disableSetBtn"
+        color="primary"
+        text
+        @click="setSpool"
+      >
+        {{ $t('app.afc.SetSpool') }}
+      </v-btn>
+    </v-card-actions>
+  </app-dialog>
+</template>
+
+<script lang="ts">
+import { Component, Mixins, Prop, Watch, VModel } from 'vue-property-decorator'
+import StateMixin from '@/mixins/state'
+import { mdiCloseThick } from '@mdi/js'
+import AfcMixin from '@/mixins/afc'
+import { Debounce } from 'vue-debounce-decorator'
+
+@Component({})
+export default class AfcUnitLaneFilamentDialog extends Mixins(StateMixin, AfcMixin) {
+  mdiCloseThick = mdiCloseThick
+
+  @VModel({ type: Boolean })
+  show!: boolean
+
+  @Prop({ type: String, required: true })
+  readonly name!: string
+
+  color = '#000000'
+  material = ''
+  weight = 0
+
+  get lane () {
+    return this.getAfcLaneObject(this.name)
+  }
+
+  get currentColor () {
+    return this.lane.color ?? '#000000'
+  }
+
+  get currentMaterial () {
+    return this.lane.material ?? ''
+  }
+
+  get currentWeight () {
+    return Math.round(this.lane.weight ?? 0)
+  }
+
+  get disableSetBtn () {
+    return !this.material || !this.weight || !this.color
+  }
+
+  @Debounce(500)
+  setColor (newColor: any) {
+    this.color = newColor.hex
+  }
+
+  setSpool () {
+    const gcode = []
+
+    if (this.color !== this.currentColor) {
+      const cleanedColor = this.color.replace('#', '')
+      gcode.push(`SET_COLOR LANE=${this.name} COLOR=${cleanedColor}`)
+    }
+    if (this.material !== this.currentMaterial) {
+      gcode.push(`SET_MATERIAL LANE=${this.name} MATERIAL=${this.material}`)
+    }
+    if (this.weight !== this.currentWeight) {
+      gcode.push(`SET_WEIGHT LANE=${this.name} WEIGHT=${this.weight}`)
+    }
+
+    this.sendGcode(gcode.join('\n'))
+    this.closeDialog()
+  }
+
+  doSend (gcode: string) {
+    this.sendGcode(gcode)
+  }
+
+  closeDialog () {
+    this.$emit('close')
+  }
+
+  @Watch('show')
+  onShowChange (newValue: boolean) {
+    if (!newValue) return
+
+    this.color = this.currentColor
+    this.material = this.currentMaterial
+    this.weight = this.currentWeight
+  }
+}
+</script>
diff --git a/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue b/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue
new file mode 100644
index 0000000000..f8733ad739
--- /dev/null
+++ b/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue
@@ -0,0 +1,83 @@
+<template>
+  <app-dialog
+    v-model="open"
+    :title="$t('app.afc.InfiniteSpoolHeadline')"
+    icon="$afcIcon"
+    card-class="afc-unit-lane-infinite-spool-dialog"
+    :margin-bottom="false"
+    width="400"
+    no-actions
+  >
+    <v-card-text>
+      <v-row>
+        <v-col class="pb-0">
+          <p>{{ $t('app.afc.InfiniteSpoolDescription', { name }) }}</p>
+        </v-col>
+      </v-row>
+      <v-row>
+        <v-col class="pt-0 text-center">
+          <v-btn
+            v-for="lane in laneList"
+            :key="lane"
+            :disabled="runoutLane === lane"
+            color="primary"
+            class="ma-2"
+            @click="setRunout(lane)"
+          >
+            {{ lane }}
+          </v-btn>
+        </v-col>
+      </v-row>
+    </v-card-text>
+  </app-dialog>
+</template>
+
+<script lang="ts">
+import { Component, Mixins, Prop, VModel } from 'vue-property-decorator'
+import StateMixin from '@/mixins/state'
+import AfcMixin from '@/mixins/afc'
+
+@Component({})
+export default class AfcUnitLaneInfiniteDialog extends Mixins(StateMixin, AfcMixin) {
+  @VModel({ type: Boolean }) open?: boolean
+  @Prop({ type: String, required: true }) readonly name!: string
+
+  get lane () {
+    return this.getAfcLaneObject(this.name)
+  }
+
+  get runoutLane () {
+    return this.lane.runout_lane ?? 'NONE'
+  }
+
+  get laneList () {
+    const allLanes = this.afc.lanes ?? []
+    let output = []
+
+    for (const laneName of allLanes) {
+      if (laneName === this.name) continue
+
+      const lane = this.getAfcLaneObject(laneName)
+      const prep = lane.prep ?? false
+      const load = lane.load ?? false
+
+      if (prep && load) output.push(lane.name)
+    }
+
+    output = output.sort((a, b) => a.localeCompare(b))
+    output.unshift('NONE')
+
+    return output
+  }
+
+  setRunout (newLane: string) {
+    this.sendGcode(`SET_RUNOUT LANE=${this.name} RUNOUT=${newLane}`)
+
+    this.closeDialog()
+  }
+
+  closeDialog () {
+    this.$emit('close')
+  }
+}
+</script>
diff --git a/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue b/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue
new file mode 100644
index 0000000000..486b957866
--- /dev/null
+++ b/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue
@@ -0,0 +1,63 @@
+<template>
+  <app-dialog
+    v-model="open"
+    :title="$t('app.afc.LaneMapping')"
+    icon="$afcIcon"
+    card-class="afc-unit-lane-mapping-tool-dialog"
+    :margin-bottom="false"
+    width="400"
+    no-actions
+  >
+    <v-card-text>
+      <v-row>
+        <v-col class="pb-0">
+          <p>{{ $t('app.afc.LaneMappingToCommand', { name }) }}</p>
+        </v-col>
+      </v-row>
+      <v-row>
+        <v-col class="pt-0 text-center">
+          <v-btn
+            v-for="tool in afcMapList"
+            :key="tool"
+            :disabled="tool.toLowerCase() === mappedTool.toLowerCase()"
+            color="primary"
+            class="ma-2"
+            @click="mapTool(tool)"
+          >
+            {{ tool.toUpperCase() }}
+          </v-btn>
+        </v-col>
+      </v-row>
+    </v-card-text>
+  </app-dialog>
+</template>
+
+<script lang="ts">
+import { Component, Mixins, Prop, VModel } from 'vue-property-decorator'
+import StateMixin from '@/mixins/state'
+import AfcMixin from '@/mixins/afc'
+
+@Component({})
+export default class AfcUnitLaneMappingToolDialog extends Mixins(StateMixin, AfcMixin) {
+  @VModel({ type: Boolean }) open?: boolean
+  @Prop({ type: String, required: true }) readonly name!: string
+
+  get lane () {
+    return this.getAfcLaneObject(this.name)
+  }
+
+  get mappedTool () {
+    return this.lane.map ?? '--'
+  }
+
+  mapTool (newTool: string) {
+    this.sendGcode(`SET_MAP LANE=${this.name} MAP=${newTool}`)
+
+    this.closeDialog()
+  }
+
+  closeDialog () {
+    this.$emit('close')
+  }
+}
+</script>
diff --git a/src/mixins/afc.ts b/src/mixins/afc.ts
new file mode 100644
index 0000000000..5e5572a390
--- /dev/null
+++ b/src/mixins/afc.ts
@@ -0,0 +1,153 @@
+import Vue from 'vue'
+import Component from 'vue-class-component'
+
+@Component
+export default class AfcMixin extends Vue {
+  get afc () {
+    return this.$typedState.printer.printer.AFC ?? {}
+  }
+
+  get afcEnabled () {
+    return this.$typedGetters['server/componentSupport']('afc')
+  }
+
+  get afcExtruders (): string[] {
+    return this.afc.extruders ?? []
+  }
+
+  get afcHubs (): string[] {
+    return this.afc.hubs ?? []
+  }
+
+  get afcUnits (): string[] {
+    return this.afc.units ?? []
+  }
+
+  get afcLanes (): string[] {
+    return this.afc.lanes ?? []
+  }
+
+  get afcLoadedSpools () {
+    if (this.afcLanes.length === 0) return []
+
+    const spoolIds: { lane: string; spoolId: number }[] = []
+    this.afcLanes.forEach((name) => {
+      const lane = this.getAfcLaneObject(name)
+      if (!lane || !lane.spool_id) return
+
+      spoolIds.push({
+        lane: name,
+        spoolId: lane.spool_id,
+      })
+    })
+
+    return spoolIds
+  }
+
+  get afcErrorState () {
+    return this.afc.error_state ?? false
+  }
+
+  get afcCurrentLane () {
+    const current = this.afc.current_load ?? this.afc.current_lane ?? null
+    if (current === null) return null
+
+    return this.getAfcLaneObject(current)
+  }
+
+  get afcCurrentBuffer () {
+    const name = this.afcCurrentLane?.buffer ?? null
+    if (name === null) return null
+
+    return this.getAfcBufferObject(name)
+  }
+
+  get afcCurrentState () {
+    return this.afc.current_state ?? ''
+  }
+
+  get afcMapList (): string[] {
+    const lanes = this.afc.lanes ?? []
+
+    const mapList = []
+    for (const laneName of lanes) {
+      const lane = this.getAfcLaneObject(laneName)
+      if (lane === null) continue
+
+      mapList.push(lane.map)
+    }
+
+    return mapList.sort()
+  }
+
+  get afcExistsSpoolman () {
+    return this.$typedGetters['server/componentSupport']('spoolman')
+  }
+
+  get afcShowFilamentName (): boolean {
+    return this.$typedState.config.uiSettings.afc?.showFilamentName ?? false
+  }
+
+  get afcShowLaneInfinite (): boolean {
+    return this.$typedState.config.uiSettings.afc?.showLaneInfinite ?? true
+  }
+
+  get afcShowUnitIcons (): boolean {
+    return this.$typedState.config.uiSettings.afc?.showUnitIcons ?? true
+  }
+
+  get afcShowTd1Color (): boolean {
+    return this.$typedState.config.uiSettings.afc?.showTd1Color ?? true
+  }
+
+  get afcHiddenExtruders (): string[] {
+    return this.$typedState.config.uiSettings.afc?.hiddenExtruders ?? []
+  }
+
+  get afcHiddenUnits (): string[] {
+    return this.$typedState.config.uiSettings.afc?.hiddenUnits ?? []
+  }
+
+  getPrinterObject (key: string) {
+    const printer = this.$typedState.printer.printer ?? {}
+    return printer[key] ?? null
+  }
+
+  getPrinterSettings (key: string) {
+    const settings = this.$typedState.printer.printer.configfile?.settings ?? {}
+
+    return settings[key.toLowerCase()] ?? null
+  }
+
+  getAfcLaneObject (lane: string) {
+    const key_stepper = `AFC_stepper ${lane}`
+    const key_lane = `AFC_lane ${lane}`
+    return this.getPrinterObject(key_stepper) ?? this.getPrinterObject(key_lane) ?? {}
+  }
+
+  getAfcLaneSettings (lane: string) {
+    const key_stepper = `AFC_stepper ${lane}`
+    const key_lane = `AFC_lane ${lane}`
+    return this.getPrinterSettings(key_stepper) ?? this.getPrinterSettings(key_lane) ?? {}
+  }
+
+  getAfcExtruderObject (extruder: string) {
+    const key_extruder = `AFC_extruder ${extruder}`
+    return this.getPrinterObject(key_extruder) ?? {}
+  }
+
+  getAfcExtruderSettings (extruder: string) {
+    const key = `AFC_extruder ${extruder}`
+    return this.getPrinterSettings(key) ?? {}
+  }
+
+  getAfcBufferObject (buffer: string) {
+    const key_buffer = `AFC_buffer ${buffer}`
+    return this.getPrinterObject(key_buffer)
+  }
+
+  getAfcHubObject (hub: string) {
+    const key = `AFC_hub ${hub}`
+    return this.getPrinterObject(key) ?? {}
+  }
+}
diff --git a/src/plugins/afcIcons.ts b/src/plugins/afcIcons.ts
new file mode 100644
index 0000000000..b23eecdae7
--- /dev/null
+++ b/src/plugins/afcIcons.ts
@@ -0,0 +1,12 @@
+export const afcIconBoxTurtle =
+    'M6.404,9.271c0.118,-0.657 0.3,-1.286 0.569,-1.895c-0.43,-0.337 -0.853,-0.669 -1.284,-1.006c-0.609,0.732 -1.046,1.534 -1.332,2.44c0.672,0.221 1.342,0.348 2.047,0.461Zm17.538,5.591c0.15,0.294 0.007,0.689 -0.402,0.769c-0.447,0.089 -0.891,0.19 -1.336,0.286c-0.063,0.014 -0.127,0.028 -0.21,0.047l0,0.192c0,0.869 -0.001,1.738 -0.001,2.607c-0,0.048 0.001,0.095 -0.001,0.143c-0.013,0.296 -0.131,0.452 -0.421,0.513c-0.422,0.091 -0.848,0.169 -1.273,0.249c-0.425,0.079 -0.851,0.153 -1.276,0.229c-0.578,0.103 -1.155,0.206 -1.733,0.308c-0.583,0.103 -1.166,0.206 -1.75,0.308c-0.635,0.112 -1.272,0.223 -1.907,0.336c-0.432,0.076 -0.863,0.156 -1.295,0.231c-0.246,0.042 -0.491,0.096 -0.739,0.111c-0.168,0.009 -0.341,-0.032 -0.509,-0.066c-1.244,-0.252 -2.486,-0.51 -3.729,-0.764c-1.195,-0.245 -2.391,-0.487 -3.587,-0.731c-0.463,-0.095 -0.927,-0.191 -1.391,-0.289c-0.205,-0.042 -0.346,-0.154 -0.373,-0.375c-0.011,-0.094 -0.022,-0.188 -0.022,-0.283c0.001,-0.982 0.005,-1.965 0.008,-2.947c-0,-0.017 -0.006,-0.034 -0.012,-0.065l0.001,-0l-0.001,-0.001l0,0.001c-0.181,-0.036 -0.365,-0.073 -0.549,-0.109c-0.332,-0.062 -0.663,-0.124 -0.995,-0.185c-0.233,-0.042 -0.394,-0.165 -0.434,-0.407c-0.012,-0.072 -0.003,-0.156 0.023,-0.224c0.073,-0.187 0.158,-0.371 0.243,-0.554c0.544,-1.187 1.09,-2.375 1.635,-3.562c0.02,-0.043 0.041,-0.085 0.062,-0.128c0.094,-0.189 0.244,-0.297 0.454,-0.331c0.274,-0.045 0.547,-0.098 0.824,-0.149c0.039,-0.22 0.076,-0.429 0.114,-0.638c0.137,-0.767 0.414,-1.485 0.776,-2.17c0.5,-0.947 1.163,-1.76 1.996,-2.439c1.104,-0.9 2.363,-1.467 3.743,-1.772c0.757,-0.168 1.527,-0.22 2.301,-0.185c0.23,0.011 0.46,0.043 0.689,0.074c0.545,0.072 1.081,0.203 1.599,0.389c0.487,0.174 0.961,0.376 1.407,0.639c0.08,0.046 0.157,0.07 0.251,0.071c0.778,0.003 1.513,0.185 2.204,0.545c0.662,0.344 1.202,0.825 1.618,1.443c0.301,0.447 0.526,0.93 0.636,1.46c0.083,0.396 0.12,0.795 0.07,1.203c-0.038,0.314 -0.101,0.619 -0.199,0.918c-0.011,0.034 -0.01,0.082 0.006,0.114c0.057,0.117 0.123,0.229 0.187,0.344c0.307,0.05 0.61,0.102 0.914,0.147c0.236,0.034 0.382,0.174 0.474,0.383c0.181,0.406 0.364,0.813 0.544,1.22c0.363,0.819 0.725,1.639 1.086,2.459c0.093,0.212 0.175,0.43 0.28,0.635Zm-0.905,0.022c-0.038,-0.094 -0.065,-0.165 -0.096,-0.236c-0.359,-0.815 -0.719,-1.631 -1.079,-2.445c-0.161,-0.364 -0.33,-0.725 -0.487,-1.091c-0.053,-0.122 -0.13,-0.175 -0.26,-0.16c-0.04,0.005 -0.081,0.004 -0.132,0.007c0.011,0.109 0.023,0.208 0.032,0.306c0.03,0.328 -0.017,0.639 -0.195,0.922c-0.343,0.543 -1.009,0.687 -1.535,0.319c-0.129,-0.09 -0.247,-0.206 -0.344,-0.331c-0.127,-0.162 -0.229,-0.345 -0.34,-0.518l0,0.002c-0.865,0.364 -1.781,0.414 -2.659,0.533c-0.017,0.251 -0.009,0.497 -0.055,0.732c-0.12,0.61 -0.625,1.035 -1.212,1.032c-0.426,-0.003 -0.78,-0.183 -1.074,-0.486c-0.259,-0.267 -0.453,-0.581 -0.63,-0.905c-0.048,-0.087 -0.102,-0.17 -0.145,-0.24c-0.16,0.023 -0.296,0.038 -0.429,0.061c-0.131,0.022 -0.26,0.052 -0.41,0.082c0.621,1.451 1.236,2.876 1.866,4.31c1.55,-0.317 3.077,-0.625 4.603,-0.942c1.524,-0.318 3.052,-0.617 4.581,-0.952Zm-2.784,-3.314c0.048,-0.176 0.027,-0.356 -0.004,-0.53c-0.041,-0.226 -0.095,-0.45 -0.219,-0.645c-0.244,0.275 -0.485,0.544 -0.745,0.837l-0.001,-0c0.085,0.147 0.175,0.32 0.286,0.478c0.052,0.073 0.141,0.126 0.224,0.169c0.138,0.071 0.303,0.021 0.385,-0.112c0.036,-0.059 0.055,-0.129 0.074,-0.197Zm-0.468,-2.68c0.092,-0.393 0.1,-0.787 0.014,-1.182c-0.131,-0.598 -0.395,-1.129 -0.801,-1.588c-0.676,-0.765 -1.532,-1.181 -2.535,-1.309c-0.379,-0.048 -0.758,-0.028 -1.135,0.03c-0.586,0.09 -1.14,0.276 -1.651,0.575c-1.013,0.594 -1.729,1.453 -2.193,2.525c-0.231,0.534 -0.396,1.091 -0.484,1.667c-0.051,0.328 -0.104,0.657 -0.125,0.987c-0.022,0.343 -0.005,0.688 -0.005,1.071l0.001,0c0.513,-0.005 1.007,0.045 1.507,-0.073c-0.048,-0.071 -0.092,-0.127 -0.127,-0.188c-0.086,-0.153 -0.078,-0.288 0.018,-0.397c0.094,-0.107 0.261,-0.151 0.404,-0.083c0.106,0.049 0.208,0.115 0.295,0.193c0.259,0.234 0.427,0.536 0.597,0.837c0.148,0.264 0.3,0.526 0.465,0.779c0.119,0.183 0.294,0.308 0.504,0.38c0.297,0.102 0.534,-0.026 0.616,-0.328c0.044,-0.163 0.043,-0.327 0.015,-0.494c-0.05,-0.288 -0.179,-0.539 -0.334,-0.78c-0.042,-0.065 -0.088,-0.128 -0.12,-0.198c-0.108,-0.231 0.032,-0.438 0.287,-0.431c0.142,0.004 0.246,0.085 0.336,0.179c0.094,0.098 0.173,0.21 0.261,0.318c0.075,0 0.152,0.007 0.229,-0.001c0.412,-0.045 0.825,-0.087 1.236,-0.141c0.365,-0.049 0.726,-0.129 1.057,-0.292c0.87,-0.426 1.442,-1.103 1.668,-2.056Zm-5.299,-4.699c-0.022,-0.02 -0.03,-0.032 -0.04,-0.035c-0.378,-0.115 -0.756,-0.232 -1.136,-0.341c-0.043,-0.012 -0.109,0.006 -0.145,0.034c-0.317,0.247 -0.63,0.5 -0.958,0.762c0.102,0.077 0.188,0.14 0.272,0.204c0.089,0.069 0.177,0.139 0.28,0.221c0.513,-0.407 1.105,-0.647 1.727,-0.845Zm-2.177,-0.515c-0.004,-0.012 -0.009,-0.023 -0.013,-0.035c-0.841,-0.043 -1.674,-0.007 -2.502,0.226c0.065,0.197 0.135,0.38 0.225,0.542c0.156,-0.025 0.291,-0.044 0.424,-0.07c0.334,-0.066 0.669,-0.073 1.002,-0.004c0.067,0.014 0.11,0.003 0.159,-0.041c0.091,-0.084 0.19,-0.16 0.284,-0.242c0.141,-0.124 0.281,-0.25 0.421,-0.376l0,0l0,-0Zm-0.139,1.868c-0.011,-0.019 -0.014,-0.032 -0.022,-0.04c-0.043,-0.04 -0.089,-0.078 -0.132,-0.12c-0.286,-0.279 -0.632,-0.42 -1.027,-0.423c-0.603,-0.003 -1.156,0.165 -1.657,0.506c-0.655,0.445 -1.126,1.048 -1.5,1.735c-0.027,0.051 -0.042,0.107 -0.071,0.18c0.078,0 0.137,0.001 0.195,0c0.504,-0.017 1.006,-0.055 1.504,-0.134c0.527,-0.085 1.04,-0.218 1.543,-0.397c0.101,-0.036 0.171,-0.089 0.229,-0.18c0.25,-0.393 0.537,-0.755 0.887,-1.065c0.021,-0.018 0.036,-0.043 0.051,-0.062Zm-1.959,3.718c0.172,-0.547 0.335,-1.064 0.501,-1.592c-1.068,0.305 -2.154,0.441 -3.254,0.377c-0.161,0.438 -0.302,0.854 -0.351,1.32c1.065,0.051 2.104,0.052 3.104,-0.105Zm-0.087,0.714l-0,-0.001c-2.029,0.28 -4.018,0.11 -5.983,-0.517c-0.054,0.351 -0.107,0.679 -0.095,1.02c1.016,0.173 2.01,0.353 3.008,0.51c0.996,0.157 1.988,0.351 2.992,0.475c0.026,-0.501 0.051,-0.979 0.078,-1.487Zm-0.969,6.244c0.564,-1.249 1.12,-2.48 1.687,-3.735c-2.741,-0.496 -5.474,-0.936 -8.214,-1.435c-0.546,1.187 -1.085,2.36 -1.638,3.56l0.001,-0c1.386,0.275 2.74,0.545 4.095,0.812c1.353,0.267 2.707,0.531 4.069,0.798Zm0.169,-11.541c-0.093,-0.192 -0.18,-0.371 -0.264,-0.545c-0.827,0.187 -2.471,1.19 -2.851,1.743c0.357,0.278 0.715,0.557 1.091,0.851c0.5,-0.876 1.134,-1.576 2.024,-2.049ZM18.664,7.16c0.42,0.016 0.724,0.361 0.714,0.784c-0.01,0.458 -0.32,0.757 -0.788,0.77c-0.398,-0.009 -0.725,-0.355 -0.715,-0.758c0.011,-0.487 0.33,-0.813 0.789,-0.796ZM17.348,8.573c0.015,0.061 0.014,0.132 0.002,0.194c-0.065,0.307 -0.367,0.544 -0.684,0.544l-0.001,-0c-0.409,0.023 -0.743,-0.404 -0.701,-0.695c0.022,-0.147 0.1,-0.222 0.236,-0.191c0.046,0.011 0.092,0.05 0.122,0.089c0.043,0.055 0.068,0.123 0.105,0.184c0.12,0.203 0.367,0.198 0.481,-0.01c0.028,-0.052 0.047,-0.109 0.073,-0.161c0.041,-0.08 0.097,-0.132 0.198,-0.116c0.094,0.016 0.148,0.079 0.169,0.162ZM14.35,7.168c0.484,-0.013 0.767,0.442 0.726,0.847c-0.031,0.307 -0.287,0.718 -0.82,0.7c-0.413,-0.015 -0.721,-0.408 -0.705,-0.775c0.021,-0.47 0.365,-0.797 0.799,-0.772ZM1.984,15.671l-0.001,-0l0,-0.001l0.001,0.001Z'
+export const afcIconHtlf =
+    'M 14.40625 23.980469 C 14.332031 23.988281 14.226562 23.996094 14.175781 24 L 13.863281 24 C 13.824219 24 13.722656 23.988281 13.644531 23.980469 C 13.175781 23.914062 12.722656 23.785156 12.363281 23.464844 C 12.214844 23.339844 12.183594 23.21875 11.976562 23.160156 C 11.628906 23.0625 11.148438 23.046875 10.777344 22.988281 C 10.285156 22.90625 9.753906 22.800781 9.285156 22.625 C 9.066406 22.546875 8.863281 22.425781 8.640625 22.347656 C 8.582031 22.34375 8.519531 22.386719 8.464844 22.414062 C 8.078125 22.613281 7.746094 22.898438 7.332031 23.066406 C 6.214844 23.527344 4.496094 23.636719 3.8125 22.429688 C 3.34375 21.601562 3.742188 20.429688 4.09375 19.621094 L 4.402344 19.039062 C 3.992188 19 3.570312 18.640625 3.382812 18.28125 C 3.3125 18.144531 3.285156 17.984375 3.207031 17.851562 C 2.992188 17.777344 2.792969 17.761719 2.589844 17.65625 C 1.875 17.285156 1.507812 16.359375 1.5625 15.582031 C 1.566406 15.492188 1.613281 15.402344 1.597656 15.308594 C 1.222656 15.054688 1.050781 14.585938 1.003906 14.152344 C 1 14.089844 1.015625 14.015625 0.96875 13.960938 L 0.96875 13.769531 C 1.019531 13.71875 1 13.640625 1.003906 13.578125 C 1.058594 12.960938 1.402344 12.1875 1.945312 11.855469 C 2.066406 11.777344 2.394531 11.6875 2.460938 11.625 C 2.546875 11.550781 2.660156 11.246094 2.757812 11.125 C 2.816406 11.050781 3.078125 10.855469 3.09375 10.820312 C 3.136719 10.726562 2.980469 10.347656 2.96875 10.203125 C 2.886719 9.371094 3.480469 8.441406 4.328125 8.292969 C 4.378906 8.285156 4.578125 8.304688 4.59375 8.226562 C 4.597656 8.207031 4.457031 7.90625 4.4375 7.847656 C 2.875 3.402344 6.917969 -0.160156 11.175781 0.00390625 C 14.621094 0.136719 17.738281 2.53125 17.96875 6.109375 C 19.976562 7.246094 21.511719 9.199219 22.34375 11.335938 C 23.476562 14.253906 23.234375 17.746094 21.40625 20.328125 C 21.359375 20.394531 21.046875 20.769531 21.046875 20.796875 C 21.035156 20.925781 21.582031 21.289062 21.6875 21.402344 C 21.890625 21.621094 21.949219 22.015625 21.722656 22.234375 C 21.320312 22.628906 19.996094 22.933594 19.492188 22.714844 C 19.425781 22.6875 19.34375 22.617188 19.277344 22.601562 C 19.113281 22.558594 18.90625 22.671875 18.742188 22.707031 C 18.480469 22.769531 18.167969 22.832031 17.898438 22.867188 C 17.5625 22.910156 17.097656 22.871094 16.816406 23.035156 C 16.636719 23.140625 16.476562 23.285156 16.289062 23.390625 C 15.730469 23.710938 15.042969 23.90625 14.40625 23.980469 Z M 9.035156 9.363281 C 9.296875 9.378906 9.574219 9.3125 9.835938 9.335938 C 10.53125 9.394531 11.28125 9.957031 11.535156 10.601562 C 11.585938 10.738281 11.597656 11.054688 11.765625 11.082031 C 12.066406 11.128906 12.761719 10.96875 13.070312 10.882812 C 16.175781 10.007812 18.105469 7.1875 16.460938 4.078125 C 14.808594 0.949219 10.6875 0.078125 7.664062 1.730469 C 5.480469 2.921875 4.398438 5.328125 5.347656 7.71875 C 5.460938 8 5.605469 8.214844 5.765625 8.464844 L 5.871094 8.347656 C 6.117188 8.234375 6.375 8.066406 6.640625 8.003906 C 7.578125 7.789062 8.769531 8.417969 9.035156 9.363281 Z M 20.164062 9.417969 C 20.0625 9.300781 20.023438 9.128906 19.9375 9.011719 C 19.660156 8.628906 19 8.015625 18.628906 7.703125 C 18.429688 7.535156 18.242188 7.375 17.996094 7.285156 C 17.984375 7.414062 17.875 7.722656 17.929688 7.832031 C 18.007812 7.980469 18.375 8.175781 18.523438 8.292969 C 18.902344 8.585938 19.253906 8.925781 19.65625 9.191406 C 19.730469 9.242188 20.089844 9.472656 20.164062 9.417969 Z M 10.820312 12.867188 C 10.882812 13.058594 10.753906 13.511719 10.53125 13.542969 C 10.253906 13.582031 9.78125 13.011719 9.601562 13.460938 C 9.496094 13.730469 9.523438 13.972656 9.277344 14.195312 C 9.214844 14.25 8.941406 14.421875 8.867188 14.425781 C 8.71875 14.4375 8.527344 14.242188 8.515625 14.101562 C 8.496094 13.816406 8.800781 13.847656 8.914062 13.644531 C 9.125 13.257812 8.949219 12.699219 9.617188 12.644531 C 9.800781 12.628906 9.980469 12.6875 10.160156 12.6875 C 10.265625 12.484375 10.300781 12.261719 10.480469 12.105469 C 10.621094 11.984375 10.683594 12 10.761719 11.796875 C 11.113281 10.90625 10.34375 10.03125 9.425781 10.113281 C 9.011719 10.148438 9.1875 10.632812 8.945312 10.847656 C 8.632812 11.125 7.90625 11.136719 7.71875 10.6875 C 7.550781 10.296875 7.902344 10.128906 8.214844 10.316406 C 8.300781 10.371094 8.390625 10.597656 8.4375 10.335938 C 8.464844 10.164062 8.375 9.753906 8.300781 9.585938 C 8.144531 9.207031 7.65625 8.808594 7.238281 8.777344 C 6.765625 8.742188 6.101562 9.03125 5.890625 9.476562 C 5.757812 9.761719 5.75 10.332031 5.296875 10.265625 C 5.023438 10.226562 5.007812 9.8125 5.03125 9.601562 C 5.046875 9.425781 5.28125 9.171875 5.03125 9.113281 C 4.226562 8.925781 3.589844 9.726562 3.886719 10.480469 C 4.019531 10.816406 4.242188 10.734375 4.519531 10.851562 C 4.761719 10.953125 4.980469 11.199219 4.976562 11.472656 C 4.976562 11.570312 4.90625 11.699219 4.949219 11.792969 C 4.980469 11.859375 5.222656 11.910156 5.304688 11.957031 C 5.875 12.289062 5.242188 12.964844 5.667969 13.378906 C 5.785156 13.492188 6.039062 13.554688 6.066406 13.726562 C 6.121094 14.0625 5.738281 14.160156 5.492188 14.023438 C 5.222656 13.882812 4.929688 13.414062 4.894531 13.113281 C 4.871094 12.910156 4.925781 12.703125 4.90625 12.5 C 4.640625 12.351562 4.253906 12.328125 4.230469 11.9375 C 4.222656 11.730469 4.390625 11.523438 4.09375 11.4375 C 3.734375 11.335938 3.433594 11.632812 3.285156 11.929688 C 3.078125 12.347656 3.128906 12.855469 3.316406 13.273438 C 3.585938 13.886719 3.886719 13.625 4.316406 13.898438 C 4.535156 14.042969 4.570312 14.234375 4.679688 14.453125 C 4.96875 14.449219 5.203125 14.476562 5.460938 14.609375 C 5.773438 14.769531 6.175781 15.152344 6.34375 15.460938 C 6.371094 15.511719 6.433594 15.773438 6.484375 15.597656 C 6.648438 15.054688 6.582031 13.964844 6.457031 13.40625 C 6.238281 12.445312 5.890625 12.09375 5.386719 11.320312 C 5.273438 11.140625 5.019531 10.746094 5.335938 10.617188 C 5.59375 10.515625 5.757812 10.71875 5.902344 10.890625 C 6.414062 11.484375 6.78125 12.257812 7.046875 12.988281 C 7.066406 13.046875 7.074219 13.195312 7.136719 13.210938 C 7.21875 13.230469 7.21875 13.085938 7.25 13.035156 C 7.3125 12.929688 7.546875 12.8125 7.65625 12.726562 C 7.90625 12.535156 8.613281 11.839844 8.875 11.796875 C 9.003906 11.773438 9.097656 11.808594 9.179688 11.914062 C 9.382812 12.167969 9.105469 12.34375 8.917969 12.484375 C 8.5625 12.742188 8.191406 12.921875 7.890625 13.257812 C 7.460938 13.738281 7.203125 14.394531 7.265625 15.042969 L 7.304688 15.082031 C 7.464844 15.011719 7.601562 14.898438 7.761719 14.828125 C 8.144531 14.660156 8.597656 14.679688 8.976562 14.515625 C 9.15625 14.4375 9.296875 14.285156 9.511719 14.371094 C 9.703125 14.445312 9.652344 14.707031 9.5625 14.839844 C 9.28125 15.242188 8.210938 15.289062 7.738281 15.550781 C 6.984375 15.96875 6.875 16.761719 6.796875 17.546875 C 6.898438 17.523438 6.984375 17.464844 7.09375 17.433594 C 7.597656 17.28125 8.15625 17.433594 8.648438 17.222656 C 8.882812 17.117188 9.136719 16.8125 9.363281 17.121094 C 9.449219 17.238281 9.433594 17.34375 9.34375 17.453125 C 9.097656 17.761719 8.496094 18.003906 8.105469 18.03125 C 7.777344 18.054688 7.414062 17.953125 7.113281 18.117188 C 6.835938 18.265625 6.6875 18.601562 6.589844 18.890625 C 6.601562 18.914062 6.636719 18.890625 6.652344 18.886719 C 6.878906 18.796875 6.992188 18.660156 7.285156 18.597656 C 7.46875 18.558594 7.496094 18.59375 7.65625 18.605469 C 7.855469 18.617188 7.828125 18.480469 7.960938 18.40625 C 8.007812 18.378906 8.070312 18.375 8.125 18.378906 C 8.300781 18.398438 8.695312 18.882812 8.90625 19 C 9.640625 19.410156 10.78125 18.945312 10.984375 18.117188 C 11.078125 17.734375 10.863281 17.742188 10.664062 17.503906 C 10.53125 17.339844 10.339844 17 10.273438 16.800781 C 10.21875 16.636719 10.207031 16.355469 10.078125 16.25 C 9.894531 16.09375 9.664062 16.015625 9.421875 16.003906 C 9.003906 15.984375 9.078125 16.191406 8.90625 16.460938 C 8.789062 16.652344 8.421875 16.917969 8.191406 16.941406 C 7.980469 16.964844 7.714844 16.863281 7.699219 16.621094 C 7.667969 16.167969 8.101562 16.382812 8.296875 16.195312 C 8.402344 16.097656 8.449219 15.863281 8.511719 15.734375 C 8.808594 15.101562 9.699219 15.324219 10.230469 15.460938 C 10.441406 14.667969 11.097656 14.113281 11.738281 13.65625 C 11.746094 13.628906 11.730469 13.621094 11.722656 13.605469 C 11.683594 13.535156 11.539062 13.359375 11.476562 13.292969 C 11.300781 13.09375 11.097656 12.894531 10.820312 12.867188 Z M 17.996094 13.386719 L 21.800781 13.386719 C 22.007812 13.375 21.910156 13.152344 21.882812 13.011719 C 21.742188 12.382812 21.488281 11.695312 21.21875 11.109375 C 21.113281 10.890625 20.917969 10.453125 20.761719 10.285156 C 20.621094 10.136719 20.625 10.21875 20.464844 10.234375 C 20.277344 10.246094 20.0625 10.210938 19.882812 10.160156 C 19.097656 9.945312 18.539062 9.308594 17.890625 8.863281 C 17.785156 10.042969 17.765625 11.246094 17.875 12.425781 C 17.902344 12.746094 17.949219 13.066406 17.996094 13.386719 Z M 20.527344 21.761719 C 20.523438 21.695312 20.441406 21.703125 20.386719 21.664062 C 20.191406 21.527344 19.859375 21.109375 19.707031 20.910156 C 18.707031 19.605469 18.050781 17.835938 17.632812 16.253906 C 17.097656 14.230469 16.84375 12.214844 16.9375 10.121094 C 16.949219 9.886719 16.953125 9.652344 16.964844 9.417969 C 16.792969 9.570312 16.667969 9.789062 16.511719 9.957031 C 16.441406 10.035156 16.316406 10.105469 16.273438 10.183594 C 16.199219 10.320312 16.1875 10.667969 16.191406 10.832031 C 16.25 11.652344 16.230469 12.457031 16.3125 13.273438 C 16.554688 15.609375 17.148438 18.082031 18.320312 20.125 C 18.589844 20.59375 19.148438 21.492188 19.628906 21.730469 C 19.925781 21.875 20.21875 21.738281 20.527344 21.761719 Z M 15.183594 10.949219 C 15.078125 10.96875 14.855469 11.148438 14.746094 11.207031 C 14.164062 11.53125 12.964844 11.90625 12.300781 11.949219 C 12.121094 11.960938 11.738281 11.914062 11.59375 11.96875 C 11.535156 11.996094 11.445312 12.136719 11.460938 12.195312 C 11.476562 12.242188 11.921875 12.53125 11.996094 12.597656 C 12.085938 12.675781 12.460938 13.164062 12.523438 13.160156 L 15.273438 11.871094 L 15.289062 10.988281 L 15.261719 10.945312 C 15.234375 10.941406 15.207031 10.941406 15.179688 10.949219 Z M 1.890625 13.5625 L 2.160156 13.5625 C 2.171875 13.5625 2.28125 13.617188 2.296875 13.628906 C 2.40625 13.71875 2.382812 13.871094 2.359375 13.996094 C 2.386719 14.023438 2.652344 13.871094 2.683594 13.832031 C 2.6875 13.796875 2.539062 13.589844 2.511719 13.539062 C 2.382812 13.285156 2.328125 12.976562 2.308594 12.695312 C 2.050781 12.902344 1.933594 13.238281 1.890625 13.5625 Z M 15.84375 16.417969 C 15.890625 16.335938 15.671875 15.394531 15.644531 15.226562 C 15.507812 14.4375 15.417969 13.632812 15.363281 12.832031 C 14.542969 13.167969 13.710938 13.480469 12.933594 13.898438 C 12.34375 14.21875 11.625 14.671875 11.257812 15.238281 C 11.203125 15.316406 11.015625 15.609375 11.085938 15.6875 C 11.226562 15.746094 11.355469 15.644531 11.507812 15.722656 C 11.730469 15.84375 11.671875 16.167969 11.449219 16.261719 C 11.207031 16.367188 10.910156 16.167969 11.09375 16.589844 C 11.117188 16.648438 11.289062 16.949219 11.332031 16.957031 C 11.398438 16.96875 11.609375 16.671875 11.738281 16.636719 C 11.859375 16.605469 12.027344 16.628906 12.089844 16.757812 C 12.210938 17.003906 11.898438 17.171875 11.859375 17.390625 C 12.558594 17.644531 13.296875 17.542969 13.988281 17.328125 C 14.65625 17.121094 15.257812 16.785156 15.84375 16.417969 Z M 18.167969 14.238281 C 18.242188 14.824219 18.375 15.402344 18.546875 15.964844 C 18.570312 16.046875 18.679688 16.4375 18.722656 16.464844 C 18.789062 16.503906 19.015625 16.507812 19.109375 16.53125 C 19.441406 16.609375 19.914062 17 20.238281 17.167969 C 20.285156 17.191406 20.421875 17.273438 20.464844 17.269531 C 20.53125 17.265625 20.828125 17.082031 20.90625 17.035156 C 21.109375 16.910156 21.296875 16.761719 21.5 16.636719 C 21.601562 16.574219 21.851562 16.480469 21.898438 16.398438 C 22.023438 16.183594 22.023438 15.515625 22.035156 15.25 C 22.042969 14.984375 22.085938 14.597656 22.054688 14.332031 C 22.050781 14.3125 22.054688 14.292969 22.035156 14.277344 L 18.167969 14.234375 Z M 4.855469 15.105469 C 4.828125 15.136719 4.972656 15.355469 4.992188 15.410156 C 5.0625 15.597656 5.066406 15.996094 4.8125 16.039062 C 4.714844 16.054688 4.546875 16.027344 4.488281 15.949219 C 4.390625 15.8125 4.40625 15.714844 4.382812 15.566406 C 4.351562 15.355469 4.15625 15.398438 3.996094 15.292969 C 3.824219 15.179688 3.789062 15.03125 3.851562 14.839844 C 3.902344 14.691406 4.042969 14.558594 3.800781 14.5 C 2.546875 14.203125 1.855469 16.125 2.925781 16.851562 C 3.214844 17.046875 3.480469 16.984375 3.773438 17.097656 C 4.097656 17.222656 3.984375 17.578125 4.113281 17.847656 C 4.359375 18.363281 4.886719 18.25 5.359375 18.25 C 5.511719 18.28125 5.601562 18.449219 5.722656 18.535156 C 5.71875 18.097656 5.511719 17.714844 5.164062 17.453125 C 4.84375 17.214844 4.414062 17.148438 4.09375 16.914062 C 3.851562 16.734375 3.335938 16.238281 3.726562 15.960938 C 3.980469 15.78125 4.183594 16.210938 4.359375 16.316406 C 4.824219 16.601562 5.535156 16.789062 5.894531 17.191406 C 5.925781 17.226562 6.074219 17.476562 6.121094 17.425781 C 6.214844 16.515625 5.839844 15.34375 4.855469 15.105469 Z M 16.105469 17.324219 C 15.710938 17.535156 15.324219 17.761719 14.910156 17.9375 C 13.945312 18.347656 12.875 18.570312 11.835938 18.328125 C 11.816406 18.335938 11.710938 18.640625 11.683594 18.699219 C 11.140625 19.835938 9.625 20.34375 8.511719 19.722656 C 8.324219 19.617188 8.179688 19.457031 7.980469 19.375 C 7.761719 19.417969 7.535156 19.394531 7.316406 19.445312 C 7.097656 19.496094 6.863281 19.652344 6.660156 19.757812 C 7.945312 21.21875 9.832031 22.121094 11.789062 22.191406 C 11.824219 20.492188 13.078125 18.792969 14.703125 18.285156 C 15.226562 18.121094 15.78125 18.058594 16.332031 18.066406 Z M 19.179688 17.628906 L 19.15625 17.601562 L 19.574219 18.628906 L 19.660156 18.65625 L 19.832031 18.011719 Z M 20.421875 19.976562 C 20.695312 19.582031 20.976562 19.183594 21.183594 18.75 C 21.28125 18.542969 21.40625 18.265625 21.46875 18.046875 C 21.492188 17.957031 21.574219 17.769531 21.4375 17.773438 C 21.316406 17.777344 20.828125 18.046875 20.726562 18.136719 C 20.605469 18.246094 20.625 18.460938 20.585938 18.617188 C 20.488281 18.972656 20.308594 19.304688 20.199219 19.65625 C 20.1875 19.726562 20.230469 19.789062 20.269531 19.839844 C 20.289062 19.867188 20.398438 19.992188 20.421875 19.976562 Z M 18.308594 21.878906 C 18.3125 21.863281 18.304688 21.847656 18.296875 21.828125 C 18.257812 21.726562 18.019531 21.457031 17.941406 21.339844 C 17.582031 20.808594 17.242188 20.183594 16.976562 19.597656 C 16.886719 19.402344 16.859375 19.105469 16.621094 19.035156 C 16.105469 18.875 15.246094 18.984375 14.753906 19.203125 C 13.742188 19.65625 12.570312 21.136719 12.671875 22.289062 C 12.691406 22.507812 12.773438 22.617188 12.933594 22.757812 C 13.035156 22.84375 13.304688 23.054688 13.4375 23 C 13.605469 22.925781 13.53125 22.375 13.84375 22.367188 C 13.878906 22.363281 14.042969 22.386719 14.066406 22.402344 C 14.125 22.441406 14.132812 22.679688 14.125 22.753906 C 14.109375 22.878906 13.976562 23.074219 14.179688 23.121094 C 14.699219 23.246094 15.824219 22.652344 16.269531 22.367188 C 16.484375 22.230469 16.765625 22.039062 16.9375 21.855469 C 17.105469 21.675781 17.054688 21.609375 17.363281 21.636719 C 17.621094 21.660156 17.542969 21.824219 17.667969 21.953125 C 17.789062 22.085938 18.164062 21.945312 18.308594 21.878906 Z M 5.078125 22.363281 C 5.148438 22.246094 5.132812 21.914062 5.253906 21.855469 C 5.46875 21.75 5.679688 21.792969 5.683594 22.066406 C 5.6875 22.335938 5.453125 22.566406 5.9375 22.539062 C 6.535156 22.507812 7.039062 22.253906 7.535156 21.953125 C 7.566406 21.9375 7.625 21.910156 7.628906 21.871094 C 7.632812 21.828125 7.597656 21.804688 7.566406 21.777344 C 7.429688 21.648438 7.210938 21.542969 7.050781 21.425781 C 6.613281 21.105469 6.125 20.585938 5.800781 20.144531 C 5.730469 20.050781 5.308594 19.394531 5.261719 19.386719 C 5.238281 19.378906 5.234375 19.398438 5.222656 19.414062 C 5.070312 19.71875 4.875 20.011719 4.757812 20.332031 C 4.566406 20.855469 4.222656 21.925781 4.828125 22.28125 C 4.871094 22.308594 5.035156 22.390625 5.078125 22.363281 Z M 5.078125 22.363281M 10.085938 6.09375 C 10.222656 6.0625 10.402344 6.203125 10.421875 6.339844 C 10.507812 7.085938 9.582031 7.625 8.9375 7.390625 C 8.605469 7.269531 8.246094 6.914062 8.191406 6.558594 C 8.152344 6.304688 8.238281 6.066406 8.539062 6.109375 C 8.742188 6.136719 8.761719 6.375 8.851562 6.523438 C 9.054688 6.859375 9.507812 6.839844 9.742188 6.546875 C 9.828125 6.4375 9.953125 6.121094 10.085938 6.09375 Z M 10.085938 6.09375M 12.496094 5.175781 C 13.367188 5.078125 13.476562 6.375 12.679688 6.46875 C 11.765625 6.578125 11.675781 5.269531 12.496094 5.175781 Z M 12.496094 5.175781M 6.359375 5.191406 C 7.328125 5.082031 7.339844 6.605469 6.324219 6.464844 C 5.640625 6.375 5.628906 5.277344 6.359375 5.191406 Z M 6.359375 5.191406'
+export const afcIconLogo =
+    'M11.946,23.702l-10.14,-5.854l0,-11.706l10.14,-5.854l10.139,5.854l0,11.708l-10.139,5.852Zm-9.554,-6.192l9.554,5.516l9.553,-5.516l0,-11.03l-9.553,-5.516l-9.554,5.516l-0,11.03ZM11.946,1.904l-8.741,5.045l-0,10.092l2.036,1.175l-0,-10.092l6.705,-3.87l6.703,3.87l-0,10.092l2.035,-1.175l0,-10.092l-8.738,-5.045ZM15.8,7.42l-3.854,2.226l-3.856,-2.226l-2.036,1.175l4.873,2.813l-0,10.092l1.019,0.586l1.017,-0.586l-0,-10.092l4.872,-2.813l-2.035,-1.175Z'
+export const afcIconNightOwl =
+    'M23.981,4.616c-0.001,-0.052 -0.018,-0.06 -0.066,-0.041c-0.016,0.006 -0.031,0.015 -0.045,0.025c-0.166,0.105 -0.329,0.216 -0.498,0.316c-0.378,0.224 -0.757,0.443 -1.137,0.662c-0.254,0.147 -0.509,0.291 -0.766,0.433c-0.331,0.183 -0.656,0.378 -1.006,0.527c-0.169,0.072 -0.333,0.154 -0.5,0.233c-0.215,0.102 -0.416,0.231 -0.602,0.378c-0.148,0.118 -0.286,0.251 -0.419,0.388c-0.101,0.104 -0.191,0.219 -0.234,0.364c-0.005,0.018 -0.034,0.037 -0.055,0.04c-0.125,0.017 -0.25,0.032 -0.376,0.043c-0.304,0.026 -0.609,0.05 -0.914,0.075c-0.047,0.004 -0.072,-0.017 -0.098,-0.055c-0.068,-0.099 -0.14,-0.195 -0.214,-0.288c-0.026,-0.032 -0.037,-0.056 -0.007,-0.088c0.016,-0.018 0.029,-0.038 0.043,-0.057c0.146,-0.199 0.302,-0.394 0.437,-0.601c0.205,-0.313 0.365,-0.649 0.467,-1.01c0.099,-0.347 0.16,-0.698 0.139,-1.063c-0.019,-0.352 -0.09,-0.692 -0.217,-1.018c-0.071,-0.183 -0.16,-0.36 -0.253,-0.533c-0.061,-0.115 -0.137,-0.223 -0.257,-0.289c-0.109,-0.06 -0.253,-0.043 -0.347,0.038c-0.076,0.065 -0.109,0.151 -0.132,0.243c-0.022,0.089 -0.039,0.18 -0.068,0.267c-0.1,0.302 -0.234,0.587 -0.407,0.856c-0.229,0.355 -0.494,0.675 -0.827,0.94c-0.224,0.178 -0.465,0.327 -0.736,0.409c-0.356,0.107 -0.719,0.196 -1.082,0.276c-0.442,0.098 -0.88,0.204 -1.293,0.394c-0.203,0.093 -0.401,0.194 -0.544,0.374c-0.008,0.01 -0.013,0.023 -0.017,0.031c-0.081,-0.066 -0.147,-0.126 -0.219,-0.178c-0.227,-0.166 -0.482,-0.275 -0.741,-0.38c-0.286,-0.116 -0.587,-0.171 -0.886,-0.234c-0.15,-0.032 -0.304,-0.049 -0.455,-0.081c-0.138,-0.029 -0.275,-0.064 -0.41,-0.103c-0.166,-0.048 -0.335,-0.094 -0.495,-0.157c-0.302,-0.12 -0.551,-0.318 -0.777,-0.547c-0.236,-0.241 -0.432,-0.513 -0.609,-0.8c-0.151,-0.244 -0.258,-0.506 -0.331,-0.783c-0.035,-0.13 -0.069,-0.261 -0.113,-0.388c-0.073,-0.211 -0.309,-0.279 -0.476,-0.132c-0.086,0.076 -0.155,0.172 -0.219,0.267c-0.157,0.235 -0.27,0.491 -0.354,0.76c-0.039,0.126 -0.073,0.256 -0.091,0.387c-0.035,0.263 -0.04,0.528 -0.02,0.794c0.026,0.362 0.1,0.712 0.252,1.042c0.16,0.349 0.358,0.677 0.596,0.979c0.089,0.113 0.179,0.223 0.271,0.337c-0.104,0.104 -0.176,0.225 -0.24,0.352c-0.017,0.036 -0.046,0.04 -0.08,0.039c-0.12,-0.005 -0.24,-0.007 -0.359,-0.014c-0.307,-0.021 -0.615,-0.044 -0.922,-0.065c-0.045,-0.003 -0.067,-0.031 -0.089,-0.064c-0.058,-0.088 -0.115,-0.176 -0.179,-0.259c-0.161,-0.213 -0.353,-0.395 -0.566,-0.556c-0.204,-0.154 -0.419,-0.288 -0.654,-0.392c-0.248,-0.11 -0.498,-0.217 -0.74,-0.34c-0.245,-0.126 -0.482,-0.269 -0.721,-0.407c-0.346,-0.201 -0.691,-0.403 -1.036,-0.607c-0.237,-0.141 -0.475,-0.282 -0.709,-0.428c-0.165,-0.103 -0.324,-0.215 -0.487,-0.322c-0.016,-0.011 -0.043,-0.021 -0.057,-0.015c-0.013,0.007 -0.021,0.035 -0.022,0.054c-0.016,0.263 -0.02,0.527 0.015,0.789c0.031,0.229 0.079,0.455 0.16,0.672c0.14,0.372 0.359,0.695 0.627,0.985c0.113,0.123 0.233,0.239 0.354,0.355c0.038,0.037 0.053,0.068 0.016,0.114c-0.019,0.025 -0.039,0.053 -0.049,0.083c-0.041,0.13 -0.083,0.26 -0.115,0.392c-0.033,0.136 -0.038,0.277 -0.013,0.415c0.066,0.367 0.209,0.695 0.493,0.95c0.191,0.172 0.381,0.345 0.627,0.439c0.038,0.014 0.045,0.036 0.03,0.075c-0.057,0.152 -0.139,0.283 -0.289,0.361c-0.072,0.037 -0.092,0.1 -0.087,0.178c0.017,0.259 0.131,0.478 0.285,0.676c0.193,0.248 0.419,0.464 0.692,0.625c0.152,0.09 0.312,0.167 0.473,0.241c0.084,0.039 0.177,0.058 0.275,0.089c-0.025,0.017 -0.042,0.029 -0.06,0.04c-0.154,0.087 -0.309,0.174 -0.464,0.259c-0.09,0.049 -0.099,0.06 -0.059,0.156c0.029,0.068 0.062,0.137 0.106,0.197c0.095,0.132 0.189,0.266 0.301,0.383c0.127,0.135 0.268,0.258 0.411,0.375c0.116,0.095 0.242,0.177 0.367,0.259c0.235,0.153 0.467,0.31 0.709,0.451c0.286,0.167 0.599,0.275 0.913,0.373c0.249,0.078 0.505,0.131 0.766,0.158c0.023,0.003 0.052,0.022 0.064,0.041c0.043,0.072 0.075,0.15 0.12,0.219c0.124,0.19 0.245,0.383 0.381,0.563c0.152,0.202 0.328,0.384 0.512,0.557c0.31,0.294 0.635,0.567 1.01,0.776c0.033,0.018 0.076,0.035 0.092,0.065c0.011,0.02 -0.015,0.061 -0.024,0.093c-0.001,0.006 -0.003,0.013 -0.003,0.019c-0.009,0.115 -0.023,0.229 -0.025,0.344c-0.004,0.182 -0,0.365 0.123,0.532l-0,0c-0.032,0.005 -0.048,0.009 -0.064,0.01c-0.122,0.009 -0.244,0.012 -0.365,0.026c-0.142,0.017 -0.283,0.036 -0.404,0.128c-0.186,0.142 -0.303,0.328 -0.363,0.551c-0.008,0.029 -0.007,0.061 -0.02,0.087c-0.01,0.022 -0.032,0.047 -0.053,0.053c-0.125,0.038 -0.252,0.07 -0.377,0.105c-0.157,0.043 -0.315,0.082 -0.47,0.13c-0.157,0.049 -0.259,0.159 -0.274,0.323c-0.016,0.164 0.012,0.33 0.11,0.466c0.018,0.026 0.036,0.049 0.054,0.069c0.013,0.001 0.022,0.004 0.027,0.007c-0.003,0.002 -0.008,0.004 -0.013,0.007c-0.005,-0.005 -0.009,-0.009 -0.014,-0.014c-0.037,-0.004 -0.103,0.001 -0.166,0.022c-0.051,0.011 -0.134,0.058 -0.183,0.073c-0.097,0.029 -0.152,0.096 -0.171,0.196c-0.032,0.165 -0.023,0.329 -0.003,0.493c0.014,0.11 0.08,0.185 0.187,0.223c0.129,0.045 0.259,0.029 0.388,0.009c0.293,-0.044 0.577,-0.122 0.857,-0.218c0.127,-0.044 0.256,-0.084 0.384,-0.126c0.038,-0.013 0.061,-0.006 0.081,0.035c0.049,0.101 0.134,0.156 0.245,0.16c0.242,0.007 0.484,0.009 0.724,-0.031c0.049,-0.008 0.084,0.003 0.123,0.035c0.054,0.044 0.11,0.092 0.174,0.118c0.342,0.139 0.676,0.135 0.995,-0.069c0.073,-0.048 0.087,-0.045 0.155,0.004c0.238,0.168 0.496,0.208 0.774,0.114c0.137,-0.046 0.245,-0.138 0.359,-0.22c0.031,-0.023 0.073,-0.041 0.11,-0.042c0.255,-0.006 0.51,-0.008 0.764,-0.01c0.028,0 0.057,0.002 0.083,0.01c0.025,0.009 0.054,0.022 0.068,0.042c0.109,0.155 0.267,0.223 0.444,0.255c0.186,0.034 0.367,-0.001 0.543,-0.058c0.064,-0.02 0.126,-0.055 0.181,-0.094c0.045,-0.032 0.077,-0.029 0.121,-0.003c0.074,0.043 0.149,0.087 0.228,0.117c0.233,0.09 0.465,0.049 0.689,-0.035c0.081,-0.031 0.15,-0.096 0.226,-0.142c0.023,-0.015 0.054,-0.026 0.08,-0.025c0.203,0.008 0.406,0.023 0.609,0.03c0.179,0.006 0.344,-0.032 0.475,-0.168c0.012,-0.011 0.044,-0.013 0.063,-0.006c0.089,0.03 0.176,0.065 0.264,0.097c0.283,0.099 0.571,0.182 0.867,0.234c0.144,0.025 0.29,0.034 0.432,-0.012c0.128,-0.041 0.203,-0.152 0.206,-0.285c0.003,-0.105 -0.027,-0.203 -0.059,-0.3c-0.053,-0.161 -0.119,-0.311 -0.309,-0.358c0.009,-0.017 0.014,-0.028 0.021,-0.038c0.072,-0.098 0.116,-0.203 0.12,-0.326c0.009,-0.267 -0.063,-0.447 -0.335,-0.527c-0.145,-0.043 -0.293,-0.079 -0.438,-0.124c-0.126,-0.04 -0.251,-0.086 -0.375,-0.132c-0.065,-0.024 -0.103,-0.068 -0.123,-0.142c-0.026,-0.1 -0.066,-0.199 -0.117,-0.29c-0.132,-0.236 -0.336,-0.375 -0.606,-0.4c-0.151,-0.014 -0.304,-0.009 -0.456,-0.013c-0.022,-0.001 -0.044,-0.002 -0.073,-0.004c0.032,-0.059 0.061,-0.109 0.086,-0.16c0.07,-0.149 0.058,-0.305 0.034,-0.46c-0.021,-0.135 -0.05,-0.268 -0.075,-0.398c0.093,-0.049 0.19,-0.087 0.272,-0.147c0.204,-0.148 0.409,-0.297 0.599,-0.463c0.247,-0.215 0.47,-0.454 0.676,-0.71c0.216,-0.268 0.412,-0.547 0.562,-0.856c0.016,-0.032 0.036,-0.046 0.071,-0.041c0.015,0.002 0.03,0.003 0.045,0.003c0.247,-0.015 0.487,-0.072 0.723,-0.14c0.234,-0.067 0.462,-0.154 0.689,-0.243c0.234,-0.091 0.454,-0.212 0.663,-0.351c0.142,-0.094 0.281,-0.196 0.428,-0.283c0.28,-0.165 0.548,-0.345 0.758,-0.596c0.133,-0.158 0.258,-0.325 0.37,-0.499c0.082,-0.128 0.065,-0.143 -0.069,-0.212c-0.162,-0.082 -0.321,-0.169 -0.482,-0.254c-0.025,-0.013 -0.05,-0.025 -0.075,-0.038c0.023,-0.018 0.043,-0.023 0.063,-0.028c0.08,-0.022 0.163,-0.038 0.241,-0.067c0.244,-0.089 0.472,-0.211 0.685,-0.361c0.303,-0.213 0.548,-0.482 0.744,-0.796c0.063,-0.101 0.117,-0.205 0.135,-0.324c0.031,-0.198 0.011,-0.229 -0.167,-0.324c-0.133,-0.071 -0.239,-0.172 -0.296,-0.316c-0.017,-0.041 -0.009,-0.065 0.031,-0.089c0.092,-0.053 0.186,-0.106 0.269,-0.172c0.136,-0.108 0.269,-0.22 0.394,-0.339c0.218,-0.209 0.363,-0.466 0.445,-0.755c0.035,-0.124 0.054,-0.258 0.049,-0.386c-0.009,-0.23 -0.059,-0.454 -0.182,-0.655c-0.007,-0.012 -0.002,-0.043 0.008,-0.053c0.075,-0.073 0.154,-0.143 0.23,-0.214c0.241,-0.228 0.459,-0.475 0.612,-0.771c0.183,-0.353 0.298,-0.73 0.315,-1.128c0.01,-0.239 -0.008,-0.479 -0.016,-0.718Zm-5.455,3.74c-0.113,0.159 -0.16,0.349 -0.219,0.537c-0.044,0.141 -0.105,0.279 -0.164,0.415c-0.053,0.123 -0.127,0.232 -0.221,0.328c-0.007,0.007 -0.015,0.014 -0.036,0.032c-0.07,-0.41 -0.171,-0.8 -0.331,-1.165c0.323,-0.049 0.649,-0.098 0.971,-0.147Zm-1.685,1.931c-0.042,0.281 -0.128,0.545 -0.256,0.797c-0.087,0.172 -0.198,0.328 -0.323,0.476c-0.222,0.261 -0.482,0.475 -0.783,0.636c-0.269,0.145 -0.555,0.242 -0.859,0.29c-0.206,0.033 -0.412,0.052 -0.62,0.052c-0.188,-0.001 -0.369,-0.041 -0.547,-0.097c-0.217,-0.069 -0.428,-0.152 -0.625,-0.267c-0.017,-0.009 -0.028,-0.028 -0.042,-0.043c0.013,-0.012 0.028,-0.023 0.041,-0.036c0.046,-0.046 0.098,-0.089 0.138,-0.141c0.116,-0.15 0.199,-0.318 0.249,-0.503c0.02,-0.074 0.032,-0.079 0.093,-0.03c0.136,0.109 0.279,0.204 0.44,0.275c0.149,0.066 0.306,0.097 0.466,0.11c0.619,0.054 1.13,-0.168 1.548,-0.619c0.184,-0.198 0.295,-0.433 0.368,-0.69c0.071,-0.248 0.075,-0.503 0.029,-0.751c-0.068,-0.363 -0.24,-0.68 -0.52,-0.93c-0.078,-0.07 -0.16,-0.135 -0.242,-0.202c-0.016,-0.013 -0.035,-0.023 -0.053,-0.034c0.004,-0.008 0.008,-0.017 0.012,-0.025l0,0c0.016,-0.009 0.032,-0.021 0.049,-0.026c0.19,-0.056 0.342,-0.175 0.491,-0.297c0.039,-0.032 0.068,-0.035 0.1,-0.005c0.121,0.115 0.25,0.223 0.357,0.35c0.192,0.228 0.326,0.493 0.412,0.778c0.092,0.303 0.124,0.613 0.077,0.932Zm-4.845,2.823c-0.006,0.013 -0.012,0.025 -0.018,0.038c-0.015,0.032 -0.033,0.063 -0.057,0.108c-0.025,-0.038 -0.047,-0.061 -0.059,-0.089c-0.006,-0.014 -0.013,-0.028 -0.019,-0.042c-0.109,-0.246 -0.22,-0.491 -0.323,-0.739c-0.075,-0.181 -0.144,-0.366 -0.203,-0.554c-0.05,-0.16 -0.082,-0.327 -0.122,-0.491c-0.006,-0.025 -0.011,-0.051 -0.023,-0.073c-0.023,-0.045 -0.015,-0.085 0.005,-0.128c0.057,-0.12 0.113,-0.241 0.163,-0.363c0.034,-0.085 0.059,-0.174 0.086,-0.262c0.018,-0.058 0.037,-0.067 0.083,-0.023c0.117,0.116 0.231,0.235 0.347,0.351c0.028,0.028 0.061,0.05 0.092,0.074l0.037,0.004c0.002,-0.026 0.014,-0.047 0.033,-0.067c0.095,-0.1 0.189,-0.199 0.282,-0.299c0.024,-0.025 0.043,-0.053 0.067,-0.078c0.011,-0.011 0.026,-0.019 0.039,-0.029c0.01,0.015 0.023,0.028 0.029,0.044c0.052,0.143 0.096,0.288 0.156,0.427c0.04,0.094 0.104,0.176 0.154,0.266c0.011,0.019 0.018,0.048 0.012,0.068c-0.03,0.098 -0.069,0.193 -0.097,0.292c-0.131,0.454 -0.318,0.885 -0.538,1.302c-0.046,0.086 -0.085,0.175 -0.126,0.263Zm-2.426,-0.582c-0.134,-0.012 -0.269,-0.024 -0.402,-0.045c-0.197,-0.032 -0.385,-0.098 -0.567,-0.18c-0.23,-0.103 -0.441,-0.237 -0.637,-0.393c-0.196,-0.156 -0.356,-0.345 -0.501,-0.548c-0.243,-0.338 -0.386,-0.714 -0.43,-1.126c-0.032,-0.291 -0.003,-0.576 0.08,-0.857c0.059,-0.196 0.132,-0.385 0.237,-0.56c0.104,-0.174 0.234,-0.327 0.385,-0.462c0.049,-0.045 0.101,-0.086 0.152,-0.128c0.022,-0.017 0.043,-0.026 0.068,-0.001c0.143,0.147 0.325,0.225 0.514,0.291c0.027,0.009 0.053,0.02 0.078,0.03c0.006,0.002 0.011,0.007 0.027,0.017l-0,0.001c-0.084,0.06 -0.158,0.114 -0.232,0.167c-0.266,0.194 -0.459,0.445 -0.564,0.755c-0.091,0.266 -0.116,0.543 -0.07,0.823c0.071,0.427 0.275,0.777 0.604,1.059c0.198,0.17 0.42,0.295 0.668,0.372c0.297,0.091 0.599,0.087 0.901,0.018c0.261,-0.059 0.493,-0.18 0.709,-0.334c0.028,-0.02 0.053,-0.043 0.087,-0.071c0.01,0.028 0.02,0.05 0.025,0.073c0.04,0.2 0.114,0.386 0.25,0.542c0.037,0.043 0.079,0.082 0.123,0.119c0.034,0.028 0.025,0.042 -0.007,0.06c-0.228,0.125 -0.466,0.228 -0.717,0.296c-0.255,0.068 -0.516,0.104 -0.781,0.082Zm-2.877,-6.213c0.026,0.01 0.054,0.016 0.075,0.032c0.242,0.175 0.51,0.307 0.775,0.441c0.423,0.215 0.85,0.424 1.277,0.632c0.271,0.133 0.544,0.262 0.816,0.391c0.087,0.041 0.177,0.077 0.263,0.119c0.221,0.108 0.443,0.216 0.661,0.329c0.3,0.157 0.566,0.361 0.802,0.604c0.2,0.206 0.368,0.439 0.521,0.682c0.01,0.018 0.023,0.034 0.038,0.055c0.085,-0.117 0.16,-0.232 0.247,-0.337c0.134,-0.16 0.27,-0.32 0.416,-0.469c0.196,-0.2 0.421,-0.363 0.666,-0.496c0.143,-0.078 0.284,-0.161 0.429,-0.233c0.274,-0.135 0.552,-0.263 0.827,-0.396c0.323,-0.157 0.646,-0.315 0.968,-0.474c0.368,-0.183 0.735,-0.367 1.101,-0.553c0.193,-0.098 0.382,-0.2 0.585,-0.294c-0.018,0.024 -0.034,0.053 -0.056,0.073c-0.323,0.306 -0.675,0.573 -1.063,0.791c-0.314,0.176 -0.621,0.363 -0.939,0.53c-0.426,0.224 -0.859,0.434 -1.29,0.649c-0.38,0.191 -0.743,0.406 -1.051,0.704c-0.198,0.192 -0.364,0.41 -0.524,0.632c-0.102,0.143 -0.198,0.29 -0.297,0.435c-0.028,0.042 -0.048,0.038 -0.079,-0.009c-0.161,-0.244 -0.314,-0.494 -0.488,-0.729c-0.281,-0.381 -0.633,-0.684 -1.058,-0.897c-0.293,-0.147 -0.591,-0.282 -0.882,-0.43c-0.33,-0.168 -0.659,-0.338 -0.982,-0.517c-0.271,-0.151 -0.536,-0.313 -0.798,-0.477c-0.142,-0.088 -0.277,-0.188 -0.408,-0.291c-0.179,-0.142 -0.351,-0.292 -0.526,-0.439c-0.014,-0.011 -0.024,-0.027 -0.036,-0.041c0.004,-0.006 0.007,-0.011 0.01,-0.017Zm6.633,3.85c0.002,0.184 0.075,0.345 0.169,0.499c0.18,0.294 0.443,0.474 0.78,0.534c0.218,0.038 0.427,-0.007 0.63,-0.101c0.356,-0.164 0.563,-0.442 0.638,-0.816c0.066,-0.333 -0.021,-0.641 -0.22,-0.914c-0.048,-0.065 -0.108,-0.124 -0.171,-0.173c-0.133,-0.102 -0.266,-0.204 -0.431,-0.25c-0.024,-0.007 -0.046,-0.021 -0.069,-0.033c-0.004,-0.001 -0.006,-0.006 -0.013,-0.016c0.044,-0.021 0.087,-0.043 0.13,-0.064c0.052,-0.024 0.105,-0.047 0.157,-0.073c0.073,-0.037 0.147,-0.041 0.223,-0.01c0.192,0.078 0.356,0.198 0.493,0.35c0.138,0.152 0.245,0.325 0.305,0.523c0.072,0.233 0.095,0.468 0.042,0.709c-0.097,0.445 -0.338,0.787 -0.714,1.041c-0.277,0.186 -0.579,0.284 -0.912,0.276c-0.265,-0.007 -0.51,-0.084 -0.736,-0.232c-0.241,-0.157 -0.414,-0.369 -0.51,-0.634c-0.097,-0.269 -0.073,-0.531 0.127,-0.757c0.033,-0.038 0.053,-0.085 0.081,-0.131c0,0.095 -0.001,0.184 0.001,0.272Zm0.556,-0.464c0.002,-0.237 0.248,-0.478 0.488,-0.472c0.271,0.007 0.487,0.231 0.48,0.499c-0.006,0.277 -0.223,0.497 -0.494,0.494c-0.266,-0.004 -0.477,-0.235 -0.474,-0.521Zm-3.903,0.027c0.017,0.235 -0.225,0.494 -0.478,0.491c-0.271,-0.003 -0.483,-0.216 -0.488,-0.53c-0.004,-0.23 0.225,-0.45 0.469,-0.457c0.316,-0.008 0.511,0.279 0.497,0.496l0,-0Zm-1.065,-0.679c-0.327,0.177 -0.528,0.452 -0.598,0.815c-0.039,0.203 -0.008,0.404 0.066,0.599c0.116,0.308 0.338,0.515 0.631,0.649c0.266,0.121 0.535,0.133 0.809,0.019c0.139,-0.057 0.266,-0.126 0.376,-0.228c0.144,-0.134 0.252,-0.292 0.315,-0.477c0.038,-0.111 0.06,-0.227 0.085,-0.342c0.006,-0.027 -0.005,-0.058 -0.011,-0.087c-0.004,-0.02 -0.012,-0.039 -0.019,-0.06c0.013,-0.001 0.019,-0.003 0.02,-0.002c0.087,0.127 0.185,0.249 0.216,0.404c0.013,0.065 0.014,0.136 0.005,0.203c-0.044,0.335 -0.209,0.598 -0.479,0.803c-0.233,0.177 -0.496,0.268 -0.782,0.296c-0.088,0.009 -0.18,0 -0.269,-0.01c-0.304,-0.036 -0.563,-0.17 -0.801,-0.362c-0.223,-0.181 -0.393,-0.4 -0.506,-0.661c-0.138,-0.32 -0.156,-0.648 -0.046,-0.983c0.132,-0.402 0.401,-0.679 0.767,-0.875c0.093,-0.049 0.175,-0.049 0.262,0.011c0.073,0.051 0.152,0.093 0.24,0.146c-0.103,0.052 -0.193,0.094 -0.281,0.142Zm-3.495,-0.644c0.314,0.03 0.633,0.061 0.947,0.092c-0.176,0.386 -0.3,0.789 -0.308,1.224l-0.022,0.005c-0.049,-0.065 -0.101,-0.128 -0.147,-0.195c-0.199,-0.287 -0.333,-0.601 -0.402,-0.943c-0.013,-0.063 -0.045,-0.122 -0.068,-0.183l0,-0l0,-0ZM6.547,19.898c-0.003,0.002 -0.008,0.004 -0.013,0.007c-0.005,-0.005 -0.009,-0.009 -0.014,-0.014c0.013,0.001 0.022,0.004 0.027,0.007Z'
+export const afcIconQuattroBox =
+    'M 9.207031 21.351562 C 9.035156 21.316406 8.875 21.289062 8.71875 21.242188 C 8.40625 21.152344 8.128906 20.984375 7.871094 20.78125 C 7.554688 20.53125 7.324219 20.214844 7.152344 19.851562 C 7.027344 19.582031 6.953125 19.300781 6.953125 19 C 6.953125 16.449219 6.953125 13.894531 6.953125 11.339844 L 6.953125 11.179688 L 9.957031 11.179688 C 9.957031 11.25 9.960938 11.320312 9.957031 11.394531 C 9.949219 11.609375 9.933594 11.820312 9.933594 12.035156 C 9.929688 13.503906 9.929688 14.972656 9.933594 16.4375 C 9.933594 17.078125 9.941406 17.71875 9.960938 18.359375 C 9.972656 18.707031 10.335938 19.082031 10.714844 19.082031 C 12.871094 19.082031 15.023438 19.082031 17.175781 19.082031 C 18.160156 19.082031 19.144531 19.082031 20.128906 19.082031 C 20.476562 19.082031 20.835938 18.78125 20.867188 18.445312 C 20.90625 17.992188 20.890625 17.539062 20.871094 17.085938 C 20.855469 16.800781 20.523438 16.488281 20.242188 16.445312 C 20.125 16.429688 20.007812 16.417969 19.890625 16.417969 C 17.035156 16.417969 14.179688 16.417969 11.320312 16.417969 L 11.164062 16.417969 L 11.164062 14.28125 L 11.34375 14.28125 C 14.734375 14.28125 18.121094 14.28125 21.507812 14.285156 C 21.976562 14.285156 22.398438 14.453125 22.777344 14.722656 C 23.304688 15.097656 23.65625 15.59375 23.804688 16.226562 C 23.808594 16.246094 23.828125 16.261719 23.847656 16.28125 C 23.855469 17.289062 23.855469 18.292969 23.847656 19.3125 C 23.820312 19.382812 23.796875 19.4375 23.78125 19.492188 C 23.679688 19.863281 23.496094 20.183594 23.246094 20.472656 C 22.960938 20.808594 22.617188 21.050781 22.207031 21.195312 C 22.015625 21.261719 21.8125 21.300781 21.613281 21.351562 Z M 9.207031 21.351562M 14.878906 2.707031 C 15.066406 2.765625 15.25 2.816406 15.425781 2.882812 C 15.867188 3.054688 16.214844 3.351562 16.496094 3.726562 C 16.828125 4.175781 16.976562 4.683594 16.976562 5.25 C 16.96875 7.726562 16.972656 10.207031 16.972656 12.683594 L 16.972656 12.847656 L 13.964844 12.847656 L 13.964844 12.691406 C 13.964844 10.382812 13.964844 8.074219 13.96875 5.769531 C 13.96875 5.320312 13.554688 4.941406 13.144531 4.945312 C 10.042969 4.949219 6.941406 4.949219 3.835938 4.945312 C 3.402344 4.945312 3.019531 5.328125 3.023438 5.761719 C 3.023438 6.09375 3.027344 6.429688 3.019531 6.761719 C 3.011719 7.234375 3.421875 7.613281 3.871094 7.613281 C 6.765625 7.609375 9.664062 7.609375 12.558594 7.609375 L 12.742188 7.609375 L 12.742188 9.746094 L 12.605469 9.746094 C 9.167969 9.746094 5.730469 9.75 2.292969 9.742188 C 1.953125 9.742188 1.640625 9.617188 1.347656 9.449219 C 0.863281 9.167969 0.492188 8.773438 0.261719 8.257812 C 0.191406 8.101562 0.144531 7.9375 0.078125 7.773438 C 0.0703125 6.738281 0.0703125 5.710938 0.078125 4.664062 C 0.0976562 4.632812 0.113281 4.613281 0.121094 4.59375 C 0.316406 3.875 0.738281 3.332031 1.394531 2.984375 C 1.632812 2.859375 1.898438 2.796875 2.152344 2.707031 C 6.390625 2.707031 10.628906 2.707031 14.878906 2.707031 Z M 14.878906 2.707031'
+export const afcIconInfintiy =
+    'M 17.445312 4.941406 C 13.820312 4.941406 10.875 8.089844 10.875 11.953125 C 10.875 14.492188 8.9375 16.558594 6.554688 16.558594 C 4.175781 16.558594 2.238281 14.492188 2.238281 11.953125 C 2.238281 9.414062 4.171875 7.347656 6.554688 7.347656 C 7.414062 7.347656 8.246094 7.613281 8.957031 8.121094 C 9.191406 8.292969 9.414062 8.488281 9.613281 8.703125 C 10.039062 9.15625 10.78125 9.160156 11.207031 8.707031 C 11.648438 8.238281 11.648438 7.476562 11.210938 7.003906 C 10.90625 6.679688 10.570312 6.382812 10.210938 6.128906 C 9.125 5.351562 7.863281 4.945312 6.554688 4.945312 C 2.933594 4.941406 -0.015625 8.089844 -0.015625 11.953125 C -0.015625 15.816406 2.933594 18.960938 6.554688 18.960938 C 10.179688 18.960938 13.125 15.816406 13.125 11.953125 C 13.125 9.414062 15.0625 7.347656 17.445312 7.347656 C 19.828125 7.347656 21.765625 9.414062 21.765625 11.953125 C 21.765625 14.492188 19.828125 16.558594 17.445312 16.558594 C 16.292969 16.558594 15.207031 16.082031 14.390625 15.210938 C 13.96875 14.757812 13.226562 14.757812 12.800781 15.210938 C 12.585938 15.4375 12.46875 15.738281 12.46875 16.0625 C 12.46875 16.382812 12.585938 16.683594 12.800781 16.910156 C 14.039062 18.234375 15.691406 18.960938 17.445312 18.960938 C 21.070312 18.960938 24.015625 15.816406 24.015625 11.953125 C 24.015625 8.089844 21.070312 4.941406 17.445312 4.941406 Z M 17.445312 4.941406'
diff --git a/src/store/afc/actions.ts b/src/store/afc/actions.ts
new file mode 100644
index 0000000000..3e8e77bb42
--- /dev/null
+++ b/src/store/afc/actions.ts
@@ -0,0 +1,12 @@
+import type { ActionTree } from 'vuex'
+import type { RootState } from '../types'
+import type { AfcState } from './types'
+
+export const actions = {
+  /**
+   * Reset our store
+   */
+  async reset ({ commit }) {
+    commit('setReset')
+  }
+} satisfies ActionTree<AfcState, RootState>
diff --git a/src/store/afc/getters.ts b/src/store/afc/getters.ts
new file mode 100644
index 0000000000..b69711d707
--- /dev/null
+++ b/src/store/afc/getters.ts
@@ -0,0 +1,6 @@
+import type { GetterTree } from 'vuex'
+import type { AfcState } from './types'
+import type { RootState } from '../types'
+
+export const getters = {
+} satisfies GetterTree<AfcState, RootState>
diff --git a/src/store/afc/index.ts b/src/store/afc/index.ts
new file mode 100644
index 0000000000..c8cce5f40d
--- /dev/null
+++ b/src/store/afc/index.ts
@@ -0,0 +1,17 @@
+import type { Module } from 'vuex'
+import { state } from './state'
+import { getters } from './getters'
+import { actions } from './actions'
+import { mutations } from './mutations'
+import type { AfcState } from './types'
+import type { RootState } from '../types'
+
+const namespaced = true
+
+export const afc = {
+  namespaced,
+  state,
+  getters,
+  actions,
+  mutations
+} satisfies Module<AfcState, RootState>
diff --git a/src/store/afc/mutations.ts b/src/store/afc/mutations.ts
new file mode 100644
index 0000000000..577c4c5eae
--- /dev/null
+++ b/src/store/afc/mutations.ts
@@ -0,0 +1,16 @@
+import type { MutationTree } from 'vuex'
+import type { AfcDialogState, AfcState } from './types'
+import { defaultState } from './state'
+
+export const mutations = {
+  /**
+   * Reset state
+   */
+  setReset (state) {
+    Object.assign(state, defaultState())
+  },
+
+  setDialogState (state, payload: AfcDialogState) {
+    state.dialog = payload
+  },
+} satisfies MutationTree<AfcState>
diff --git a/src/store/afc/state.ts b/src/store/afc/state.ts
new file mode 100644
index 0000000000..206731c651
--- /dev/null
+++ b/src/store/afc/state.ts
@@ -0,0 +1,11 @@
+import type { AfcState } from './types'
+
+export const defaultState = (): AfcState => {
+  return {
+    dialog: {
+      show: false
+    }
+  }
+}
+
+export const state = defaultState()
diff --git a/src/store/afc/types.ts b/src/store/afc/types.ts
new file mode 100644
index 0000000000..895d4752ec
--- /dev/null
+++ b/src/store/afc/types.ts
@@ -0,0 +1,8 @@
+export interface AfcState {
+  dialog: AfcDialogState;
+}
+
+export interface AfcDialogState {
+  show: boolean;
+  filename?: string;
+}

From b840f2052fb421246af7fa70a55f498a1b31fbb8 Mon Sep 17 00:00:00 2001
From: jimmyjon711 <jcmadill1@gmail.com>
Date: Thu, 27 Nov 2025 09:38:40 -0700
Subject: [PATCH 02/49] feat: Adding AppNumberInput Signed-off-by: Jim Madill
 <jcmadill1@gmail.com>

---
 components.d.ts                      |   1 +
 src/components/ui/AppNumberInput.vue | 193 +++++++++++++++++++++++++++
 2 files changed, 194 insertions(+)
 create mode 100644 src/components/ui/AppNumberInput.vue

diff --git a/components.d.ts b/components.d.ts
index b0ea7f817e..d392e8deb5 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -44,6 +44,7 @@ declare module 'vue' {
     AppNavDrawer: typeof import('./src/components/layout/AppNavDrawer.vue')['default']
     AppNavItem: typeof import('./src/components/ui/AppNavItem.vue')['default']
     AppNotificationMenu: typeof import('./src/components/layout/AppNotificationMenu.vue')['default']
+    AppNumberInput: typeof import('./src/components/ui/AppNumberInput.vue')['default']
     AppObservedColumn: typeof import('./src/components/layout/AppObservedColumn.vue')['default']
     AppQrCode: typeof import('./src/components/ui/AppQrCode.vue')['default']
     AppSaveConfigAndRestartBtn: typeof import('./src/components/layout/AppSaveConfigAndRestartBtn.vue')['default']
diff --git a/src/components/ui/AppNumberInput.vue b/src/components/ui/AppNumberInput.vue
new file mode 100644
index 0000000000..1870e1576e
--- /dev/null
+++ b/src/components/ui/AppNumberInput.vue
@@ -0,0 +1,193 @@
+<!-- Credit goes to meteyou(mainsail dev) for this work, as this was pulled from mainsail so that AFC integration would look the same between fluidd and mainsail
+Code based off this file: https://github.com/mainsail-crew/mainsail/blob/develop/src/components/inputs/NumberInput.vue 
+-->
+<template>
+  <form @submit.prevent="submit">
+    <v-text-field
+      v-model="value"
+      :label="label"
+      :suffix="unit"
+      :error="invalidInput"
+      :error-messages="inputErrors"
+      :disabled="disabled"
+      :step="step"
+      :min="min"
+      :max="max"
+      :dec="dec"
+      hide-spin-buttons
+      hide-details="auto"
+      outlined
+      dense
+      class="align-top"
+      @blur="value = target.toString()"
+      @focus="$event.target.select()"
+      @keydown="checkInvalidChars"
+    >
+      <template
+        v-if="defaultValue !== null"
+        #append
+      >
+        <v-icon @click="resetToDefault">
+          {{ value !== defaultValue.toString() ? mdiRestart : '' }}
+        </v-icon>
+      </template>
+      <template
+        v-if="hasSpinner"
+        #append-outer
+      >
+        <div class="_spin_button_group">
+          <v-btn
+            :disabled="(max !== null && parseInt(value) >= max) || error || disabled"
+            class="mt-n3"
+            icon
+            plain
+            small
+            @click="incrementValue"
+          >
+            <v-icon>
+              {{ mdiChevronUp }}
+            </v-icon>
+          </v-btn>
+          <v-btn
+            :disabled="parseInt(value) <= min || error || disabled"
+            class="mb-n3"
+            icon
+            plain
+            small
+            @click="decrementValue"
+          >
+            <v-icon>
+              {{ mdiChevronDown }}
+            </v-icon>
+          </v-btn>
+        </div>
+      </template>
+    </v-text-field>
+  </form>
+</template>
+
+<script lang="ts">
+import Component from 'vue-class-component'
+import { Mixins, Prop, Watch } from 'vue-property-decorator'
+import StateMixin from '@/mixins/state'
+import { mdiChevronDown, mdiChevronUp, mdiRestart } from '@mdi/js'
+import type { TranslateResult } from 'vue-i18n'
+
+@Component
+export default class AppNumberInput extends Mixins(StateMixin) {
+  mdiRestart = mdiRestart
+  mdiChevronUp = mdiChevronUp
+  mdiChevronDown = mdiChevronDown
+
+  private value: string = '0'
+  private error: boolean = false
+  private invalidChars: string[] = ['e', 'E', '+']
+
+  // input field name and identifier
+  @Prop({ required: true }) declare readonly label: TranslateResult | string
+  @Prop({ type: String, required: true }) declare readonly param: string
+  // props defining incoming data
+  @Prop({ type: Number, required: true }) declare readonly target: number
+  @Prop({ type: Number, required: false, default: null }) declare readonly defaultValue: number
+  // props for internal processing
+  @Prop({ type: Number, required: true }) declare readonly min: number
+  @Prop({ default: null }) declare readonly max: number | null
+  @Prop({ type: Number, required: true }) declare readonly dec: number
+  @Prop({ type: Number, required: false, default: 1 }) declare readonly step: number
+  @Prop({ type: String, required: false }) declare readonly unit: string
+  // spinner related props
+  @Prop({ type: Boolean, required: false, default: false }) declare readonly hasSpinner: boolean
+  @Prop({ type: Number, required: false, default: 1 }) declare readonly spinnerFactor: number
+  // props for general internal behaviour
+  @Prop({ type: Boolean, required: false, default: false }) declare readonly disabled: boolean
+  @Prop({ type: Boolean, required: false, default: false }) declare readonly outputErrorMsg: boolean
+
+  created (): void {
+    this.value = this.target.toString()
+  }
+
+  @Watch('target')
+  updateTarget (): void {
+    this.value = this.target.toString()
+  }
+
+  incrementValue (): void {
+    if (this.inputValue + this.step * this.spinnerFactor < this.max! || this.max === null) {
+      this.value = (
+        Math.round((this.inputValue + this.step * this.spinnerFactor) * 10 ** this.dec) /
+        10 ** this.dec
+      ).toString()
+    } else this.value = this.max.toString()
+
+    this.submit()
+  }
+
+  decrementValue (): void {
+    if (this.inputValue - this.step * this.spinnerFactor > this.min) {
+      this.value = (
+        Math.round((this.inputValue - this.step * this.spinnerFactor) * 10 ** this.dec) /
+        10 ** this.dec
+      ).toString()
+    } else this.value = this.min.toString()
+
+    this.submit()
+  }
+
+  resetToDefault (): void {
+    this.value = this.defaultValue?.toString()
+    this.submit()
+  }
+
+  submit (): void {
+    if (this.invalidInput) return
+    this.$emit('submit', { name: this.param, value: this.inputValue })
+  }
+
+  // input validation //
+  checkInvalidChars (event: any): void {
+    // add '-' to invalid characters if no negative input is allowed
+    if (this.min >= 0) this.invalidChars.push('-')
+    if (this.invalidChars.includes(event.key)) event.preventDefault()
+  }
+
+  // this function only parse this.value, to escape an empty input
+  get inputValue (): number {
+    if (this.value.toString() === '') return 0
+
+    return parseFloat(this.value.replace(',', '.'))
+  }
+
+  get invalidInput (): boolean {
+    return this.inputErrors.length > 0
+  }
+
+  get inputErrors () {
+    if (!this.outputErrorMsg) return []
+
+    const errors = []
+    if (this.max === null && this.inputValue < this.min) {
+      // "Must be grater or equal than {min}!"
+      errors.push(this.$t('App.NumberInput.GreaterOrEqualError', { min: this.min }))
+    }
+    if (this.max !== null && (this.inputValue > this.max! || this.inputValue < this.min)) {
+      // "Must be between {min} and {max}!"
+      errors.push(this.$t('App.NumberInput.MustBeBetweenError', { min: this.min, max: this.max }))
+    }
+
+    return errors
+  }
+}
+</script>
+
+<style scoped>
+._spin_button_group {
+  width: 24px;
+  margin-top: -6px;
+  margin-left: -6px;
+  margin-bottom: -6px;
+}
+
+.v-input--has-state {
+  margin-bottom: -18px !important;
+}
+</style>

From 0311d631ac75db682bcf78da3acd8ae8ca3af8fb Mon Sep 17 00:00:00 2001
From: jimmyjon711 <jcmadill1@gmail.com>
Date: Thu, 27 Nov 2025 10:04:22 -0700
Subject: [PATCH 03/49] feat: Adding AFC Card to Dashboard Signed-off-by: Jim
 Madill <jcmadill1@gmail.com>

---
 src/views/Dashboard.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue
index 4060a665b8..038fe33973 100644
--- a/src/views/Dashboard.vue
+++ b/src/views/Dashboard.vue
@@ -57,6 +57,7 @@ import MmuCard from '@/components/widgets/mmu/MmuCard.vue'
 import SensorsCard from '@/components/widgets/sensors/SensorsCard.vue'
 import RunoutSensorsCard from '@/components/widgets/runout-sensors/RunoutSensorsCard.vue'
 import BeaconCard from '@/components/widgets/beacon/BeaconCard.vue'
+import AfcCard from '@/components/widgets/afc/AfcCard.vue'
 import type { KlipperPrinterSettings } from '@/store/printer/types'
 
 @Component({
@@ -78,7 +79,8 @@ import type { KlipperPrinterSettings } from '@/store/printer/types'
     MmuCard,
     SensorsCard,
     RunoutSensorsCard,
-    BeaconCard
+    BeaconCard,
+    AfcCard
   }
 })
 export default class Dashboard extends Mixins(StateMixin) {
@@ -151,6 +153,10 @@ export default class Dashboard extends Mixins(StateMixin) {
     return this.$typedState.printer.printer.mmu != null
   }
 
+  get supportsAfc (): boolean {
+    return this.$typedGetters['printer/getSupportsAfc']
+  }
+
   get hasMacros (): boolean {
     return this.$typedGetters['macros/getVisibleMacros'].length > 0
   }
@@ -226,6 +232,7 @@ export default class Dashboard extends Mixins(StateMixin) {
     if (item.id === 'mmu-card' && !this.supportsMmu) return true
     if (item.id === 'sensors-card' && !this.hasSensors) return true
     if (item.id === 'temperature-card' && !this.hasHeatersOrTemperatureSensors) return true
+    if (item.id === 'afc-card' && !this.supportsAfc) return true
 
     // Otherwise return the opposite of whatever the enabled state is.
     return !item.enabled

From 8ab95f4af16231e25c684adc838170e31132ff48 Mon Sep 17 00:00:00 2001
From: jimmyjon711 <jcmadill1@gmail.com>
Date: Thu, 27 Nov 2025 10:04:51 -0700
Subject: [PATCH 04/49] feat: Adding AFC locales Signed-off-by: Jim Madill
 <jcmadill1@gmail.com>

---
 src/locales/en.yaml | 127 +++++++++++++++++++++++++++++++++++---------
 1 file changed, 103 insertions(+), 24 deletions(-)

diff --git a/src/locales/en.yaml b/src/locales/en.yaml
index 5d563167c4..63aabff2fc 100644
--- a/src/locales/en.yaml
+++ b/src/locales/en.yaml
@@ -1,4 +1,82 @@
 app:
+  afc:
+    AfcSettings: "AFC-Settings"
+    BrushNozzle: "Brush Nozzle"
+    BufferDisabled: "Buffer Not Active"
+    BypassActive: "Filament loaded in bypass tool changes are deactivated!"
+    Calibrate: "Calibrate"
+    Cancel: "Cancel"
+    DebugJson: "Debug JSON"
+    Detected: "Detected"
+    EjectFilament: "Eject Filament"
+    Ejecting: "Ejecting"
+    Empty: "Empty"
+    Error: "Error"
+    FilamentForLane: "Filament for {name}"
+    Functions: "Functions"
+    Headline: "AFC"
+    Hub: "Hub"
+    HubLoad: "Hub Load"
+    Idle: "Idle"
+    InfiniteSpoolDescription: "Next lane to load if {name} runs out"
+    InfiniteSpoolHeadline: "Infinite Spool"
+    LaneControls: "Lane Controls"
+    LaneLoaded: "Lane Loaded"
+    LaneLoadedNone: "NONE"
+    LaneMapping: "Lane Mapping"
+    LaneMappingToCommand: "Remap {name} to tool command"
+    LedOff: "LEDs Off"
+    LedOn: "LEDs On"
+    LoadedInLane: "Loaded in {lane}"
+    Loading: "Loading"
+    LoadLane: "Load Lane"
+    Material: "Material"
+    MaterialSubtitle: "For example ABS PETG PLA etc."
+    Moving: "Moving"
+    ParkNozzle: "Park Nozzle"
+    PostExtruderSensor: "Post-Extruder Sensor"
+    PreExtruderSensor: "Pre-Extruder Sensor"
+    PrepDetected: "Filament detected but not loaded"
+    Printing: "Printing"
+    RammingSensor: "Ramming Sensor"
+    Restoring: "Restoring"
+    SetSpool: "Set Spool"
+    Settings: "Settings"
+    SettingsDialog:
+      BowdenLength: "Bowden Length"
+      BowdenLengthDescription: "This is the Length of the Bowden tube between the Hub and the Toolhead."
+      DistHub: "Distance to Hub"
+      DistHubDescription: "Distance from the lane extruder gears to the hub in mm."
+      Help: "Help"
+      Length: "Length"
+      LoadUnloadLane: "Load / Unload Lane"
+      LoadUnloadLaneDescription: "Click on the buttons to load or unload the filament from the lane to the extruder."
+      SaveExtruderValues: "Save Extruder Values"
+      SaveExtruderValuesDescription: "This will write the current extruder values to the configuration file of the current extruder."
+      SaveHubDist: "Save Lane Values"
+      SaveHubDistDescription: "Save the values from the specific lane to the configuration file."
+      SensorAfterExtruder: "Sensor after Extruder"
+      SettingsForTitle: "Settings for {name}"
+      ToolSensorAfterExtruder: "Tool Sensor after Extruder"
+      ToolSensorAfterExtruderDescription: "Distance from the extruder gears to the tool_end sensor in mm. This is used to unload the filament from the extruder gears after the tool_end sensor isn't triggered anymore."
+      ToolStn: "Tool load length"
+      ToolStnDescriptionWithEndSensor: "Distance from the tool_end sensor to the begin of the melt zone in mm."
+      ToolStnDescriptionWithoutEndSensor: "Distance from the tool_start sensor to the begin of the melt zone in mm."
+      ToolStnDescriptionWithRamming: "Distance from the extruder gears to the begin of the melt zone in mm."
+      ToolStnUnload: "Tool unload length"
+      ToolStnUnloadDescription: "Distance to retract the filament to unload the filament from the tool in mm."
+      WriteToFile: "Write to File"
+    SettingsForLane: "Settings for {lane}"
+    ShowFilamentName: "Show Filament Name"
+    ShowLaneInfinite: "Show Infinite Button"
+    ShowTool: "Show Tool \"{name}\""
+    ShowUnit: "Show Unit \"{name}\""
+    ShowUnitIcons: "Show Unit Icons"
+    ShowTd1Color: "Show TD-1 Color"
+    Unloading: "Unloading"
+    UnloadLane: "Unload Lane"
+    Weight: "Weight"
+    WeightSubtitle: "The weight of the filament in grams (without spool)."
   bedmesh:
     label:
       active: active
@@ -13,12 +91,12 @@ app:
       wireframe: Wireframe
     msg:
       hint: >-
-        If saving as something other than %{name}, you can choose to also remove
+        If saving as something other than %{name} you can choose to also remove
         the %{name} profile
       not_found: No existing bed meshes found.
       not_loaded: No mesh loaded
     tooltip:
-      calibrate: Begins a new calibration, saving as profile 'default'
+      calibrate: Begins a new calibration saving as profile 'default'
       delete: Delete Profile
       load: Load Profile
       save: Commits calibrated profile to printer.cfg
@@ -51,7 +129,7 @@ app:
   endpoint:
     error:
       cant_connect: >-
-        Something went wrong, and fluidd can't reach the destination. Are you
+        Something went wrong and fluidd can't reach the destination. Are you
         sure this is the correct address?
       cors_error: blocked by CORS policy
       cors_note: >-
@@ -59,7 +137,7 @@ app:
         see the documentation on multi printer setups <a href="%{url}"
         target="_blank">here</a>
     hint:
-      add_printer: E.g., http://fluidd.local
+      add_printer: E.g. http://fluidd.local
     msg:
       trouble: >-
         Having trouble? <a href="%{url}" target="_blank">See here</a> for more
@@ -67,7 +145,7 @@ app:
     tooltip:
       endpoint_examples: >-
         Enter your API URL.<br />Some examples might be;<br
-        /><blockquote>fluidd.local, https://192.168.1.150</blockquote>
+        /><blockquote>fluidd.local https://192.168.1.150</blockquote>
   endstop:
     states:
       label:
@@ -146,7 +224,7 @@ app:
       parsing_file: Parsing file
     msg:
       confirm: >-
-        The file "%{filename}" is %{size}, this might be resource intensive for
+        The file "%{filename}" is %{size} this might be resource intensive for
         your system. Are you sure?
     overlay:
       drag_file_load: <strong>Drag</strong> a gcode file here to load
@@ -243,11 +321,11 @@ app:
         Moonraker plugin configuration can be found <a target="_blank"
         href="%{url}">here.</a>
       failed_components: >-
-        Moonraker has failed plugins, please check your logs, update your
+        Moonraker has failed plugins please check your logs update your
         configuration and restart moonraker.
       printer_powered_off: >-
         The printer is currently powered off.<br/><br/>
-        To power on the printer, please click the button on the left.
+        To power on the printer please click the button on the left.
     label:
       accel_to_decel: Accel to Decel
       acceleration: Acceleration
@@ -341,6 +419,7 @@ app:
       synced_extruder: Synced Extruder
       thumbnail_size: Thumbnail Size
       time_in_days: Time in days
+      toolchange: Toolchange
       total: Total
       total_filament: Total filament used
       total_filament_avg: Avg per print
@@ -375,13 +454,13 @@ app:
         %{name} Driver
     msg:
       password_changed: Password changed
-      wrong_password: Oops, something went wrong. Is your password correct?
+      wrong_password: Oops something went wrong. Is your password correct?
       bed_screws_adjust: >-
-        Click <b>Adjusted</b> if a significant adjustment is necessary on the current screw; otherwise, click <b>Accept</b> to continue.
+        Click <b>Adjusted</b> if a significant adjustment is necessary on the current screw; otherwise click <b>Accept</b> to continue.
       welcome_back: >-
         Welcome back.<br>Sign in below to stay in touch with your printer.
       offline_ready: Fluidd is now ready to work offline.
-      needs_refresh: New content available, please click the <b>Reload</b> button to update.
+      needs_refresh: New content available please click the <b>Reload</b> button to update.
       pending_configuration_sections_deleted: The following sections are marked for deletion
       rolledover_logs: >-
         The following application logs have been rolled over: %{applications}
@@ -526,7 +605,7 @@ app:
         Copy files and folders to the Configuration Files by dragging them from here and dropping them there
   history:
     msg:
-      confirm: Are you sure? This will clear all history, and printer statistics
+      confirm: Are you sure? This will clear all history and printer statistics
       confirm_jobs: Are you sure? This will clear all jobs.
       confirm_stats: Are you sure? This will clear all stats.
   job_queue:
@@ -736,7 +815,7 @@ app:
       tool: Tool
       warnings: Warnings
     tooltip:
-      average_calculation: If more than one option is select, an average will be calculated
+      average_calculation: If more than one option is select an average will be calculated
       diagnostics_performance: '[BETA] Logging diagnostics info may impact performance'
       gcode_coords: Use GCode position instead of toolhead position on dashboard
       keyboard_shortcuts: >-
@@ -747,9 +826,9 @@ app:
       theme_disclaimer: >-
         These themes feature brand names and logos that are the intellectual property of their respective owners.<br>
         The inclusion of these names and logos is done with permission from the brands.<br>
-        However, please note that these themes are not officially maintained by the respective brands.<br>
+        However please note that these themes are not officially maintained by the respective brands.<br>
         Any issues or inquiries related to the themes should be directed to the Fluidd team.<br>
-        The use of brand names and logos is for decorative and aesthetic purposes only, and no official association with or endorsement by the brands is implied.
+        The use of brand names and logos is for decorative and aesthetic purposes only and no official association with or endorsement by the brands is implied.
       warn_on_cpu_throttled: CPU throttling can cause prints to fail
       warn_on_stepper_driver_overheating: Trinamic drivers only
   socket:
@@ -813,7 +892,7 @@ app:
       screws_tilt_adjust: Screws Tilt Adjust
     tooltip:
       absolute_positioning: Absolute Positioning
-      extruder_disabled: extruder disabled, below min_extrude_temp (%{min}<small>°C</small>)
+      extruder_disabled: extruder disabled below min_extrude_temp (%{min}<small>°C</small>)
       home_xy: Home XY
       home_z: Home Z
       manual_probe: Manual Probe
@@ -828,17 +907,17 @@ app:
         <span class="secondary--text">and</span>
         %{nozzleDiameter} mm nozzle
       stats_volumetric_flow: >-
-        Extruding at %{extrudeSpeed} mm/s<span class="secondary--text">,
+        Extruding at %{extrudeSpeed} mm/s<span class="secondary--text">
         the extruder should be able to provide an</span>
         estimated volumetric flow of %{estimatedVolumetricFlow} mm³/s
       stats_extruded_length: >-
         Extruding %{extrudeLength} mm of filament at
-        %{extrudeFactor} % flow<span class="secondary--text">,
+        %{extrudeFactor} % flow<span class="secondary--text">
         will provide an</span>
         estimated output length of %{estimatedExtrudedLength} mm
       stats_max_speed: >-
         <span class="secondary--text">Assuming a</span>
-        %{layerHeight} mm layer height<span class="secondary--text">,
+        %{layerHeight} mm layer height<span class="secondary--text">
         the</span> estimated maximum print speed is %{estimatedMaxSpeed} mm/s
   version:
     btn:
@@ -867,7 +946,7 @@ app:
     title: Software Updates
     tooltip:
       commit_history: Commit history
-      dirty: indicates a detached head, not on master or an invalid origin
+      dirty: indicates a detached head not on master or an invalid origin
       invalid: indicates local changes to the repo
       packages: Packages
       release_notes: Release notes
@@ -978,7 +1057,7 @@ app:
         Are you sure you want to continue?
       tracking_inactive: >-
         Filament tracking is inactive.
-        To get started, please select a spool.
+        To get started please select a spool.
       not_connected: Spoolman server not available.
       info:
         howto: >-
@@ -1116,13 +1195,13 @@ app:
       single_color: This looks like a single color print but you don't have the bypass selected on your MMU. You may want to check the chosen tool
       map_slicer_tools: Map slicer tools to MMU gates for print
       map_tools: Map tools to MMU gates
-      tool_not_used: Tool %{tool} not used in this print, choose default mapping
+      tool_not_used: Tool %{tool} not used in this print choose default mapping
       mismatch: Possible filament mismatch
       color: Color
       material: Material
       temperature: Temperature
       no_gate_data: No gate data
-      no_slicer_info: No slicer information, choose default mapping for %{tool}
+      no_slicer_info: No slicer information choose default mapping for %{tool}
       select_tool: Select Tool to map then choose gate from list
     setting:
       large_filament_status: Large Filament Status
@@ -1155,7 +1234,7 @@ app:
       remove_model: Remove %{name} model
     msg:
       hint: >-
-        If saving as something other than %{name}, you can choose to also remove
+        If saving as something other than %{name} you can choose to also remove
         the %{name} model
       not_found: No existing beacon models found.
     tooltip:

From 92d7718b6a1f39fb60f0dc3d1876fd76ee9e8024 Mon Sep 17 00:00:00 2001
From: jimmyjon711 <jcmadill1@gmail.com>
Date: Thu, 27 Nov 2025 10:07:56 -0700
Subject: [PATCH 05/49] feat: Adding AFC to store Signed-off-by: Jim Madill
 <jcmadill1@gmail.com>

---
 src/store/config/state.ts    |  8 ++++++++
 src/store/config/types.ts    | 10 ++++++++++
 src/store/index.ts           |  4 +++-
 src/store/layout/state.ts    |  3 ++-
 src/store/printer/getters.ts |  5 +++++
 src/store/types.ts           |  4 +++-
 6 files changed, 31 insertions(+), 3 deletions(-)

diff --git a/src/store/config/state.ts b/src/store/config/state.ts
index d938bfc6e4..ff677be8f9 100644
--- a/src/store/config/state.ts
+++ b/src/store/config/state.ts
@@ -155,6 +155,14 @@ export const defaultState = (): ConfigState => {
         showName: true,
         showLogos: false,
         showUnavailableSpoolColor: false
+      },
+      afc: {
+        hiddenExtruders: [],
+        hiddenUnits: [],
+        showFilamentName: false,
+        showLaneInfinite: true,
+        showUnitIcons: true,
+        showTd1Color: true,
       }
     }
   }
diff --git a/src/store/config/types.ts b/src/store/config/types.ts
index bb00b8dddf..ecf26d5596 100644
--- a/src/store/config/types.ts
+++ b/src/store/config/types.ts
@@ -26,6 +26,7 @@ export interface UiSettings {
   spoolman: SpoolmanConfig;
   history: HistoryConfig;
   mmu: MmuConfig;
+  afc: AfcConfig;
 }
 
 export interface WarningsConfig {
@@ -70,6 +71,15 @@ export interface MmuConfig {
   showUnavailableSpoolColor: boolean;
 }
 
+export interface AfcConfig {
+  hiddenExtruders: string[];
+  hiddenUnits: string[];
+  showFilamentName: boolean;
+  showLaneInfinite: boolean;
+  showUnitIcons: boolean;
+  showTd1Color: boolean;
+}
+
 export interface HostConfig {
   endpoints: string[];
   blacklist: string[];
diff --git a/src/store/index.ts b/src/store/index.ts
index 60d3ddf147..6f167b22d9 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -31,6 +31,7 @@ import { mmu } from './mmu'
 import { sensors } from './sensors'
 import { database } from './database'
 import { analysis } from './analysis'
+import { afc } from './afc'
 
 Vue.use(Vuex)
 
@@ -62,7 +63,8 @@ export const storeOptions = {
     mmu,
     sensors,
     database,
-    analysis
+    analysis,
+    afc
   } satisfies RootModules,
   mutations: {},
   actions: {
diff --git a/src/store/layout/state.ts b/src/store/layout/state.ts
index 5de1d0687c..2a1276a16a 100644
--- a/src/store/layout/state.ts
+++ b/src/store/layout/state.ts
@@ -33,7 +33,8 @@ export const defaultState = (): LayoutState => {
           { id: 'job-queue-card', enabled: false, collapsed: false },
           { id: 'gcode-preview-card', enabled: true, collapsed: false },
           { id: 'bed-mesh-card', enabled: false, collapsed: false },
-          { id: 'beacon-card', enabled: false, collapsed: false }
+          { id: 'beacon-card', enabled: false, collapsed: false },
+          { id: 'afc-card', enabled: true, collapsed: false }
         ]
       },
       diagnostics: {
diff --git a/src/store/printer/getters.ts b/src/store/printer/getters.ts
index 42aa6b57d4..2510a07761 100644
--- a/src/store/printer/getters.ts
+++ b/src/store/printer/getters.ts
@@ -1176,5 +1176,10 @@ export const getters = {
       exclude_object != null &&
       exclude_object.objects.length > 0
     )
+  },
+
+  getSupportsAfc: (state): boolean => {
+    return state.printer.AFC != null
   }
+
 } satisfies GetterTree<PrinterState, RootState>
diff --git a/src/store/types.ts b/src/store/types.ts
index ae1a517e3a..2f3924695f 100644
--- a/src/store/types.ts
+++ b/src/store/types.ts
@@ -25,6 +25,7 @@ import type { mmu } from './mmu'
 import type { sensors } from './sensors'
 import type { database } from './database'
 import type { analysis } from './analysis'
+import type { afc } from './afc'
 import type { storeOptions } from '.'
 
 type RootModulesType = {
@@ -53,7 +54,8 @@ type RootModulesType = {
   mmu: typeof mmu,
   sensors: typeof sensors,
   database: typeof database,
-  analysis: typeof analysis
+  analysis: typeof analysis,
+  afc: typeof afc
 }
 
 type RootStateType = {

From 7d86acbb43d32a564621b8c168be26a5655f7d77 Mon Sep 17 00:00:00 2001
From: jimmyjon711 <jcmadill1@gmail.com>
Date: Thu, 27 Nov 2025 10:08:28 -0700
Subject: [PATCH 06/49] feat: Adding AFC icons to globals Signed-off-by: Jim
 Madill <jcmadill1@gmail.com>

---
 src/globals.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/globals.ts b/src/globals.ts
index bd0e027118..d782cd1bf4 100644
--- a/src/globals.ts
+++ b/src/globals.ts
@@ -192,13 +192,14 @@ import {
   mdiSwapHorizontal
 } from '@mdi/js'
 
+import { afcIconLogo } from '@/plugins/afcIcons'
+
 const mdiFilament = 'M12 2a10 10 0 0 0-2.148.26 10 10 0 0 0-1.315.386A10 10 0 0 0 7.672 3H7.67a10 10 0 0 0-1.295.752 10 10 0 0 0-.754.564 10 10 0 0 0-.98.938 10 10 0 0 0-.598.732 10 10 0 0 0-1.57 3.016 10 10 0 0 0-.315 1.314 10 10 0 0 0-.105.932v.008A10 10 0 0 0 2 12q0 .378.031.756l.002.012a10 10 0 0 0 .426 2.222 10 10 0 0 0 .38 1.014l.007.014.008.013q.218.497.488.967l.002.002a10 10 0 0 0 2.265 2.69 10 10 0 0 0 2.06 1.322h.003a10 10 0 0 0 2.15.746h.002q.514.114 1.035.174l.079.01q.529.057 1.062.058a10 10 0 0 0 2.148-.26 10 10 0 0 0 1.315-.386 10 10 0 0 0 .865-.354h.002a10 10 0 0 0 1.295-.752 10 10 0 0 0 .754-.564 10 10 0 0 0 .98-.938 10 10 0 0 0 .598-.732 10 10 0 0 0 1.57-3.016 10 10 0 0 0 .315-1.314 10 10 0 0 0 .105-.932v-.008q.04-.37.053-.744 0-.378-.031-.756l-.002-.012a10 10 0 0 0-.426-2.222 10 10 0 0 0-.38-1.014l-.007-.014-.008-.013a10 10 0 0 0-.488-.967L20.656 7a10 10 0 0 0-2.265-2.69 10 10 0 0 0-2.06-1.322h-.003a10 10 0 0 0-2.15-.746h-.002a10 10 0 0 0-1.114-.183A10 10 0 0 0 12 2m-1.299 2.25.256.148.11.063.066.039.433.25v1l-.433.25-.258.148v.002l-.174.1-.433-.25-.432-.25v-1l.268-.154zm2.598 0 .865.5v1l-.865.5-.865-.5v-1zm-4.46.426.13.074v1L8.537 6l-.433.25-.866-.5v-.172a8 8 0 0 1 1.602-.902m6.321 0a8 8 0 0 1 1.602.902v.172l-.658.38-.208.12-.865-.5v-1zM6.805 6.5l.865.5v1l-.865.5-.104-.06L5.94 8V7zm2.597 0 .866.5v1l-.127.074-.307.176-.432.25-.431-.25L8.537 8V7l.432-.25zM12 6.5l.865.5v1l-.12.07h-.003A4 4 0 0 0 12 8a4 4 0 0 0-.732.076L11.135 8V7l.761-.44zm2.598 0 .431.25.434.25v1l-.865.5-.432-.25-.434-.25V7l.434-.25zm2.597 0 .104.06.762.44v1l-.762.44-.104.06-.865-.5V7zM5.505 8.75l.866.5v1l-.865.5-.865-.5v-1zm2.599 0 .865.5v.14a4 4 0 0 0-.733 1.284l-.132.076-.56-.322-.306-.178v-1zm7.792 0 .866.5v1l-.434.25-.432.25-.12-.07a4 4 0 0 0-.657-1.174q-.043-.057-.088-.113V9.25l.432-.25zm2.598 0 .865.5v1l-.865.5-.207-.12-.658-.38v-1zM12 10a2 2 0 1 1 0 4 2 2 0 0 1 0-4m-7.793 1 .865.5v1l-.865.5-.135-.078A8 8 0 0 1 4 12a8 8 0 0 1 .072-.922zm2.598 0 .431.25.434.25v1l-.865.5-.104-.06-.762-.44v-1l.762-.44zm10.39 0 .104.06.762.44v1l-.762.44-.104.06-.431-.25-.434-.25v-1zm2.598 0 .135.078q.063.46.072.922a8 8 0 0 1-.072.922l-.135.078-.865-.5v-1zM5.506 13.25l.207.12.658.38v1l-.865.5-.865-.5v-1zm2.598 0 .12.07c.15.427.375.822.657 1.174q.043.057.088.113v.143l-.432.25-.433.25-.866-.5v-1l.434-.25zm7.792 0 .56.322.306.178v1l-.866.5-.865-.5v-.14a4 4 0 0 0 .621-1.008 4 4 0 0 0 .112-.276zm2.598 0 .865.5v1l-.865.5-.865-.5v-1zM6.804 15.5l.866.5v1l-.865.5-.104-.06L5.94 17v-1l.762-.44zm2.598 0 .432.25.434.25v1l-.434.25-.432.25-.431-.25-.434-.25v-1l.432-.25h.002zm5.196 0 .431.25.434.25v1l-.432.25-.433.25-.866-.5v-1l.127-.074.307-.176zm2.597 0 .104.06.762.44v1l-.866.5-.865-.5v-1zm-4.463.424.133.076v1l-.761.44-.104.06-.865-.5v-1l.12-.07h.003A4 4 0 0 0 12 16a4 4 0 0 0 .732-.076M8.104 17.75l.865.5v1l-.13.074a8 8 0 0 1-1.6-.902v-.172l.657-.38zm2.597 0 .865.5v1l-.865.5-.865-.5v-1zm2.598 0 .433.25.432.25v1l-.268.154-.597.346-.256-.148-.176-.102-.433-.25v-1l.433-.25.258-.148v-.002zm2.597 0 .866.5v.172a8 8 0 0 1-1.602.902l-.129-.074v-1l.432-.25z'
 const mdiFilamentDown = 'M12 2a10 10 0 0 0-1.129.08 10 10 0 0 0-1.02.18 10 10 0 0 0-1.314.386A10 10 0 0 0 7.672 3H7.67a10 10 0 0 0-1.295.752 10 10 0 0 0-.754.564 10 10 0 0 0-.98.938 10 10 0 0 0-.598.732l-.125.168a10 10 0 0 0-.541.826l-.035.065a10 10 0 0 0-.87 1.957 10 10 0 0 0-.314 1.314 10 10 0 0 0-.105.932v.008A10 10 0 0 0 2 12a10 10 0 0 0 .053.742v.006a10 10 0 0 0 .105.936 10 10 0 0 0 .315 1.314 10 10 0 0 0 .869 1.957l.035.065a10 10 0 0 0 .541.826l.125.168a10 10 0 0 0 .598.732 10 10 0 0 0 .98.938 10 10 0 0 0 .754.564A10 10 0 0 0 7.67 21h.002a10 10 0 0 0 .865.354 10 10 0 0 0 1.315.386 10 10 0 0 0 1.02.18A10 10 0 0 0 12 22a10 10 0 0 0 1.129-.08 10 10 0 0 0 .59-.104 6 6 0 0 1-.676-2.214l-.61-.352v-1l.434-.25.258-.148a6 6 0 0 1 .607-1.692V16l.127-.074a6 6 0 0 1 1.342-1.559 4 4 0 0 0 .563-1.04l.132-.077.56.322A6 6 0 0 1 19 13a6 6 0 0 1 2.834.713l.008-.03a10 10 0 0 0 .105-.931v-.008A10 10 0 0 0 22 12a10 10 0 0 0-.031-.756l-.002-.012a10 10 0 0 0-.113-.921 10 10 0 0 0-.313-1.301 10 10 0 0 0-.38-1.014l-.007-.014-.008-.013a10 10 0 0 0-.488-.967L20.656 7a10 10 0 0 0-.6-.92 10 10 0 0 0-.697-.848 10 10 0 0 0-.968-.921 10 10 0 0 0-.752-.567 10 10 0 0 0-1.309-.756h-.002a10 10 0 0 0-.865-.367 10 10 0 0 0-1.285-.379h-.002a10 10 0 0 0-1.035-.174l-.079-.01A10 10 0 0 0 12 2m-1.299 2.25.432.25.433.25v1l-.865.5-.433-.25-.432-.25v-1l.268-.154zm2.598 0 .865.5v1l-.865.5-.865-.5v-1zm1.883.414a8 8 0 0 1 1.58.91v.176l-.658.38-.208.12-.865-.5v-1zm-6.342.012.129.074v1L8.537 6l-.433.25-.866-.5v-.172a8 8 0 0 1 1.602-.902M6.805 6.5l.865.5v1l-.865.5-.104-.06L5.94 8V7zm2.597 0 .866.5v1l-.434.25-.432.25-.431-.25L8.537 8V7l.432-.25zM12 6.5l.865.5v1l-.12.07A4 4 0 0 0 12 8a4 4 0 0 0-.732.076L11.135 8V7zm2.598 0 .865.5v1l-.865.5-.866-.5V7zm2.597 0 .866.5v1l-.866.5-.865-.5V7zM5.505 8.75l.866.5v1l-.865.5-.865-.5v-1zm2.599 0 .865.5v.14a4 4 0 0 0-.733 1.284l-.132.076-.866-.5v-1zm7.792 0 .866.5v1l-.866.5-.12-.07a4 4 0 0 0-.745-1.287V9.25zm2.598 0 .865.5v1l-.865.5-.207-.12-.658-.38v-1zM12 10a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2m-7.793 1 .865.5v1l-.865.5-.135-.078A8 8 0 0 1 4 12a8 8 0 0 1 .072-.922zm2.598 0 .865.5v1l-.865.5-.104-.06-.762-.44v-1l.762-.44zm10.39 0 .866.5v1l-.866.5-.431-.25-.434-.25v-1zm2.598 0 .154.09A8 8 0 0 1 20 12a8 8 0 0 1-.072.922l-.135.078-.865-.5v-1zM5.506 13.25l.865.5v1l-.865.5-.865-.5v-1zm2.598 0 .132.076a4 4 0 0 0 .733 1.283v.141l-.432.25-.433.25-.866-.5v-1l.434-.25zm-1.3 2.25.866.5v1l-.865.5-.104-.06L5.94 17v-1l.762-.44zm2.598 0 .432.25.434.25v1l-.434.25-.432.25-.431-.25-.434-.25v-1l.432-.25h.002zm1.866.424A4 4 0 0 0 12 16a4 4 0 0 0 .732-.076l.133.076v1l-.761.44-.104.06-.865-.5v-1zM18 16v4h-2l3 3 3-3h-2v-4zm-9.896 1.75.865.5v1l-.13.074a8 8 0 0 1-1.6-.902v-.172zm2.597 0 .865.5v1l-.865.5-.865-.5v-1z'
 const mdiFilamentUp = 'M12 2a10 10 0 0 0-1.129.08 10 10 0 0 0-1.02.18 10 10 0 0 0-1.314.386A10 10 0 0 0 7.672 3H7.67a10 10 0 0 0-1.295.752 10 10 0 0 0-.754.564 10 10 0 0 0-.98.938 10 10 0 0 0-.598.732l-.125.168a10 10 0 0 0-.541.826l-.035.065a10 10 0 0 0-.87 1.957 10 10 0 0 0-.314 1.314 10 10 0 0 0-.105.932v.008A10 10 0 0 0 2 12a10 10 0 0 0 .053.742v.006a10 10 0 0 0 .105.936 10 10 0 0 0 .315 1.314 10 10 0 0 0 .869 1.957l.035.065a10 10 0 0 0 .541.826l.125.168a10 10 0 0 0 .598.732 10 10 0 0 0 .98.938 10 10 0 0 0 .754.564A10 10 0 0 0 7.67 21h.002a10 10 0 0 0 .865.354 10 10 0 0 0 1.315.386 10 10 0 0 0 1.02.18A10 10 0 0 0 12 22a10 10 0 0 0 1.129-.08 10 10 0 0 0 .59-.104 6 6 0 0 1-.676-2.214l-.61-.352v-1l.434-.25.258-.148a6 6 0 0 1 .607-1.692V16l.127-.074a6 6 0 0 1 1.342-1.559 4 4 0 0 0 .563-1.04l.132-.077.56.322A6 6 0 0 1 19 13a6 6 0 0 1 2.834.713l.008-.03a10 10 0 0 0 .105-.931v-.008A10 10 0 0 0 22 12a10 10 0 0 0-.031-.756l-.002-.012a10 10 0 0 0-.113-.921 10 10 0 0 0-.313-1.301 10 10 0 0 0-.38-1.014l-.007-.014-.008-.013a10 10 0 0 0-.488-.967L20.656 7a10 10 0 0 0-.6-.92 10 10 0 0 0-.697-.848 10 10 0 0 0-.968-.921 10 10 0 0 0-.752-.567 10 10 0 0 0-1.309-.756h-.002a10 10 0 0 0-.865-.367 10 10 0 0 0-1.285-.379h-.002a10 10 0 0 0-1.035-.174l-.079-.01A10 10 0 0 0 12 2m-1.299 2.25.432.25.433.25v1l-.865.5-.433-.25-.432-.25v-1l.268-.154zm2.598 0 .865.5v1l-.865.5-.865-.5v-1zm1.883.414a8 8 0 0 1 1.58.91v.176l-.658.38-.208.12-.865-.5v-1zm-6.342.012.129.074v1L8.537 6l-.433.25-.866-.5v-.172a8 8 0 0 1 1.602-.902M6.805 6.5l.865.5v1l-.865.5-.104-.06L5.94 8V7zm2.597 0 .866.5v1l-.434.25-.432.25-.431-.25L8.537 8V7l.432-.25zM12 6.5l.865.5v1l-.12.07A4 4 0 0 0 12 8a4 4 0 0 0-.732.076L11.135 8V7zm2.598 0 .865.5v1l-.865.5-.866-.5V7zm2.597 0 .866.5v1l-.866.5-.865-.5V7zM5.505 8.75l.866.5v1l-.865.5-.865-.5v-1zm2.599 0 .865.5v.14a4 4 0 0 0-.733 1.284l-.132.076-.866-.5v-1zm7.792 0 .866.5v1l-.866.5-.12-.07a4 4 0 0 0-.745-1.287V9.25zm2.598 0 .865.5v1l-.865.5-.207-.12-.658-.38v-1zM12 10a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2m-7.793 1 .865.5v1l-.865.5-.135-.078A8 8 0 0 1 4 12a8 8 0 0 1 .072-.922zm2.598 0 .865.5v1l-.865.5-.104-.06-.762-.44v-1l.762-.44zm10.39 0 .866.5v1l-.866.5-.431-.25-.434-.25v-1zm2.598 0 .154.09A8 8 0 0 1 20 12a8 8 0 0 1-.072.922l-.135.078-.865-.5v-1zM5.506 13.25l.865.5v1l-.865.5-.865-.5v-1zm2.598 0 .132.076a4 4 0 0 0 .733 1.283v.141l-.432.25-.433.25-.866-.5v-1l.434-.25zM19 15l-3 3h2v4h2v-4h2zm-12.195.5.865.5v1l-.865.5-.104-.06L5.94 17v-1l.762-.44zm2.597 0 .432.25.434.25v1l-.434.25-.432.25-.431-.25-.434-.25v-1l.432-.25h.002zm1.866.424A4 4 0 0 0 12 16a4 4 0 0 0 .732-.076l.133.076v1l-.761.44-.104.06-.865-.5v-1zM8.104 17.75l.865.5v1l-.13.074a8 8 0 0 1-1.6-.902v-.172zm2.597 0 .865.5v1l-.865.5-.865-.5v-1z'
 const mdiFilamentChange = 'm23.5 18.5-3-3v2h-4v2h4v2zm-9 0 3 3v-2h4v-2h-4v-2zM12 2a10 10 0 0 0-1.129.08 10 10 0 0 0-1.02.18 10 10 0 0 0-1.314.386A10 10 0 0 0 7.672 3H7.67a10 10 0 0 0-1.295.752 10 10 0 0 0-.754.564 10 10 0 0 0-.98.938 10 10 0 0 0-.598.732 10 10 0 0 0-1.57 3.016 10 10 0 0 0-.315 1.314 10 10 0 0 0-.105.932v.008A10 10 0 0 0 2 12q.012.372.053.742v.006a10 10 0 0 0 .105.936 10 10 0 0 0 .315 1.314 10 10 0 0 0 .904 2.022 10 10 0 0 0 .666.994 10 10 0 0 0 .598.732 10 10 0 0 0 .98.938q.364.3.754.564A10 10 0 0 0 7.67 21h.002a10 10 0 0 0 .865.354 10 10 0 0 0 1.315.386 10 10 0 0 0 1.02.18A10 10 0 0 0 12 22a10 10 0 0 0 1.129-.08 10 10 0 0 0 .59-.104 6 6 0 0 1-.676-2.214l-.61-.352v-1l.434-.25.258-.148a6 6 0 0 1 .607-1.692V16l.127-.074a6 6 0 0 1 1.342-1.559 4 4 0 0 0 .563-1.04l.132-.077.56.322A6 6 0 0 1 19 13a6 6 0 0 1 2.834.713l.008-.03a10 10 0 0 0 .105-.931v-.008A10 10 0 0 0 22 12q0-.378-.031-.756l-.002-.012a10 10 0 0 0-.426-2.222 10 10 0 0 0-.38-1.014l-.007-.014-.008-.013a10 10 0 0 0-.488-.967L20.656 7a10 10 0 0 0-2.265-2.69 10 10 0 0 0-2.06-1.322h-.003a10 10 0 0 0-2.15-.746h-.002a10 10 0 0 0-1.114-.183A10 10 0 0 0 12 2m-1.299 2.25.432.25.433.25v1l-.865.5-.433-.25-.432-.25v-1l.268-.154Zm2.598 0 .865.5v1l-.865.5-.865-.5v-1zm1.883.414a8 8 0 0 1 1.58.91v.176l-.658.38-.208.12-.865-.5v-1zm-6.342.012.129.074v1L8.537 6l-.433.25-.866-.5v-.172a8 8 0 0 1 1.602-.902M6.805 6.5l.865.5v1l-.865.5-.104-.06L5.94 8V7Zm2.597 0 .866.5v1l-.434.25-.432.25-.431-.25L8.537 8V7l.432-.25ZM12 6.5l.865.5v1l-.12.07A4 4 0 0 0 12 8a4 4 0 0 0-.732.076L11.135 8V7Zm2.598 0 .865.5v1l-.865.5-.866-.5V7Zm2.597 0 .866.5v1l-.866.5-.865-.5V7ZM5.505 8.75l.866.5v1l-.865.5-.865-.5v-1zm2.599 0 .865.5v.14a4 4 0 0 0-.733 1.284l-.132.076-.866-.5v-1zm7.792 0 .866.5v1l-.866.5-.12-.07a4 4 0 0 0-.745-1.287V9.25Zm2.598 0 .865.5v1l-.865.5-.207-.12-.658-.38v-1zM12 10a2 2 0 1 1 0 4 2 2 0 0 1 0-4m-7.793 1 .865.5v1l-.865.5-.135-.078A8 8 0 0 1 4 12a8 8 0 0 1 .072-.922Zm2.598 0 .865.5v1l-.865.5-.104-.06-.762-.44v-1l.762-.44zm10.39 0 .866.5v1l-.866.5-.431-.25-.434-.25v-1zm2.598 0 .154.09A8 8 0 0 1 20 12a8 8 0 0 1-.072.922l-.135.078-.865-.5v-1ZM5.506 13.25l.865.5v1l-.865.5-.865-.5v-1zm2.598 0 .132.076a4 4 0 0 0 .733 1.283v.141l-.432.25-.433.25-.866-.5v-1l.434-.25Zm-1.3 2.25.866.5v1l-.865.5-.104-.06L5.94 17v-1l.762-.44zm2.598 0 .432.25.434.25v1l-.434.25-.432.25-.431-.25-.434-.25v-1l.432-.25h.002Zm1.866.424A4 4 0 0 0 12 16q.37-.004.732-.076l.133.076v1l-.761.44-.104.06-.865-.5v-1ZM8.104 17.75l.865.5v1l-.13.074a8 8 0 0 1-1.6-.902v-.172Zm2.597 0 .865.5v1l-.865.5-.865-.5v-1z'
 const mdiFileImageLock = 'M6 2c-1.11 0-2 .89-2 2v16a2 2 0 0 0 2 2h6v-2H6l6-6 1.21 1.21C13.377 12.674 15.688 11 18 11c.7 0 1.4.2 2 .4V8l-6-6zm7 1.5L18.5 9H13zM8 9a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2m10 4c-1.4 0-2.8 1.1-2.8 2.5V17c-.6 0-1.2.6-1.2 1.2v3.5c0 .7.6 1.3 1.2 1.3h5.5c.7 0 1.3-.6 1.3-1.2v-3.5c0-.7-.6-1.3-1.2-1.3v-1.5c0-1.4-1.4-2.5-2.8-2.5m0 1.2c.8 0 1.5.5 1.5 1.3V17h-3v-1.5c0-.8.7-1.3 1.5-1.3'
 const mdiFileDocumentLock = 'M12 21.7V18H6v-2h6.9l.3-.3v-.2q0-.75.3-1.5H6v-2h9.1c.8-.6 1.8-1 2.9-1 .7 0 1.4.2 2 .4V8l-6-6H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h6zm1-18.2L18.5 9H13ZM20.8 17v-1.5c0-1.4-1.4-2.5-2.8-2.5s-2.8 1.1-2.8 2.5V17c-.6 0-1.2.6-1.2 1.2v3.5c0 .7.6 1.3 1.2 1.3h5.5c.7 0 1.3-.6 1.3-1.2v-3.5c0-.7-.6-1.3-1.2-1.3m-1.3 0h-3v-1.5c0-.8.7-1.3 1.5-1.3s1.5.5 1.5 1.3z'
-
 /**
  * Global, static constants.
  */
@@ -525,7 +526,8 @@ export const Icons = Object.freeze({
   mmuMove: mdiArrowLeftRight,
   mmuUpdateLeds: mdiContentSaveSettingsOutline,
   mmuError: mdiInformationOutline,
-  mmuSelectGate: mdiSwapHorizontal
+  mmuSelectGate: mdiSwapHorizontal,
+  afcIcon: afcIconLogo
 })
 
 export const Waits = Object.freeze({

From d026d414fd7f01caae587b81b1122bdd023694c1 Mon Sep 17 00:00:00 2001
From: jimmyjon711 <jcmadill1@gmail.com>
Date: Thu, 27 Nov 2025 10:10:25 -0700
Subject: [PATCH 07/49] refactor: Updating spoolman to show which spools are
 loaded in each lane, support AFC integration Signed-off-by: Jim Madill
 <jcmadill1@gmail.com>

---
 .../widgets/spoolman/SpoolSelectionDialog.vue | 48 +++++++++++++++++--
 src/store/spoolman/types.ts                   |  4 ++
 2 files changed, 49 insertions(+), 3 deletions(-)

diff --git a/src/components/widgets/spoolman/SpoolSelectionDialog.vue b/src/components/widgets/spoolman/SpoolSelectionDialog.vue
index 50a5a36bcb..0c821e0dbc 100644
--- a/src/components/widgets/spoolman/SpoolSelectionDialog.vue
+++ b/src/components/widgets/spoolman/SpoolSelectionDialog.vue
@@ -139,7 +139,6 @@
                     {{ item.id === selectedSpoolId ? '$markedCircle' : '$filament' }}
                   </v-icon>
                 </v-progress-circular>
-
                 <div class="flex-column">
                   <div class="flex-row">
                     {{ item.filament_name }}
@@ -158,6 +157,17 @@
               </div>
             </template>
 
+            <template #[`item-value.loaded`]>
+              <v-chip
+                v-if="spoolLoaded(item)"
+                color="primary"
+                small
+                style="text-transform: capitalize"
+              >
+                {{ getLaneLoadedName(item) }}
+              </v-chip>
+            </template>
+
             <template #[`item-value.initial_weight`]="{ value }">
               {{ $filters.getReadableWeightString(value) }}
             </template>
@@ -272,6 +282,7 @@
 <script lang="ts">
 import { Component, Mixins, Watch } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
+import AfcMixin from '@/mixins/afc'
 import { SocketActions } from '@/api/socketActions'
 import type { Spool } from '@/store/spoolman/types'
 import BrowserMixin from '@/mixins/browser'
@@ -290,7 +301,7 @@ import type { SpoolmanRemainingFilamentUnit } from '@/store/config/types'
     QRReader
   }
 })
-export default class SpoolSelectionDialog extends Mixins(StateMixin, BrowserMixin) {
+export default class SpoolSelectionDialog extends Mixins(StateMixin, BrowserMixin, AfcMixin) {
   search = ''
   selectedSpoolId: number | null = null
 
@@ -346,6 +357,12 @@ export default class SpoolSelectionDialog extends Mixins(StateMixin, BrowserMixi
   get availableSpools () {
     const availableSpools: Spool[] = this.$typedGetters['spoolman/getAvailableSpools']
 
+    if (this.$typedGetters['printer/getSupportsAfc']) {
+      for (const spool in availableSpools) {
+        availableSpools[spool].loaded = this.getLaneLoadedName(availableSpools[spool])
+      }
+    }
+
     return availableSpools
       .filter(x => !x.archived)
   }
@@ -463,9 +480,17 @@ export default class SpoolSelectionDialog extends Mixins(StateMixin, BrowserMixi
         text: this.$tc('app.spoolman.label.last_used'),
         value: 'last_used',
         cellClass: 'text-no-wrap'
-      },
+      }
     ]
 
+    if (this.$typedGetters['printer/getSupportsAfc']) {
+      headers.push({
+        text: this.$tc('app.afc.LaneLoaded'),
+        value: 'loaded',
+        cellClass: 'text-no-wrap'
+      })
+    }
+
     const mergedTableHeaders: AppDataTableHeader[] = this.$typedGetters['config/getMergedTableHeaders'](headers, 'spoolman')
 
     return mergedTableHeaders
@@ -727,6 +752,23 @@ export default class SpoolSelectionDialog extends Mixins(StateMixin, BrowserMixi
   getSpoolColor (spool?: Spool) {
     return spool?.filament.color_hex ?? (this.$vuetify.theme.dark ? '#fff' : '#000')
   }
+
+  spoolLoaded (item: Spool) {
+    if (this.afc === null) return undefined
+
+    const spools = this.afcLoadedSpools ?? undefined
+    if (!spools.length) return undefined
+    return spools.find((s) => s.spoolId === item.id)
+  }
+
+  getLaneLoadedName (item: Spool):string {
+    const spool = this.spoolLoaded(item)
+    if (spool !== undefined) {
+      return spool?.lane
+    } else {
+      return '--'
+    }
+  }
 }
 </script>
 
diff --git a/src/store/spoolman/types.ts b/src/store/spoolman/types.ts
index c3c3543a12..09189b425c 100644
--- a/src/store/spoolman/types.ts
+++ b/src/store/spoolman/types.ts
@@ -39,6 +39,8 @@ export interface SpoolmanSpool {
   comment?: string;
   archived: boolean;
   extra?: Record<string, unknown>;
+  
+  loaded?: string;
 }
 
 export interface SpoolmanFilament {
@@ -62,6 +64,8 @@ export interface SpoolmanFilament {
   multi_color_direction?: string;
   external_id?: string;
   extra?: Record<string, unknown>;
+  
+  loaded?: string;
 }
 
 export interface SpoolmanVendor {

From 1db00c07a2c8bf0c0ae7d2c1075db5bbb12874bd Mon Sep 17 00:00:00 2001
From: jimmyjon711 <jcmadill1@gmail.com>
Date: Thu, 27 Nov 2025 10:12:11 -0700
Subject: [PATCH 08/49] refactor: Adding css to have pointer and width class
 for AFC integration Signed-off-by: Jim Madill <jcmadill1@gmail.com>

---
 src/scss/misc.scss | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/scss/misc.scss b/src/scss/misc.scss
index f5154c80cd..507783c840 100644
--- a/src/scss/misc.scss
+++ b/src/scss/misc.scss
@@ -87,3 +87,11 @@ textarea.clipboard-copy {
   z-index: 100000;
   opacity: 0;
 }
+
+.w-100 {
+    width: 100% !important;
+}
+
+.cursor-pointer {
+    cursor: pointer !important;
+}

From bffe18b17c50378b1b193ef6efa7822ae7f53494 Mon Sep 17 00:00:00 2001
From: jimmyjon711 <jcmadill1@gmail.com>
Date: Thu, 27 Nov 2025 10:13:08 -0700
Subject: [PATCH 09/49] refactor: Adding ability to have smaller text and
 change color for MacroBtn Signed-off-by: Jim Madill <jcmadill1@gmail.com>

---
 src/components/widgets/macros/MacroBtn.vue | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/components/widgets/macros/MacroBtn.vue b/src/components/widgets/macros/MacroBtn.vue
index da97e9668d..cca30e0bb9 100644
--- a/src/components/widgets/macros/MacroBtn.vue
+++ b/src/components/widgets/macros/MacroBtn.vue
@@ -3,6 +3,9 @@
     <app-btn
       :disabled="(macro.disabledWhilePrinting && printerPrinting) || !klippyReady"
       :style="borderStyle"
+      :color="color"
+      :small="small"
+      class="flex-grow-1"
       v-on="filteredListeners"
       @click="handleClick"
     >
@@ -21,6 +24,8 @@
           min-width="24"
           class="px-0"
           :disabled="(macro.disabledWhilePrinting && printerPrinting) || !klippyReady"
+          :small="small"
+          :color="color"
           v-on="on"
         >
           <v-icon
@@ -90,6 +95,12 @@ export default class MacroBtn extends Mixins(StateMixin) {
   @Prop({ type: Object, required: true })
   readonly macro!: Macro
 
+  @Prop({ default: false })
+  readonly small!: boolean
+
+  @Prop({ type: String })
+  readonly color?: string
+
   params: Record<string, MacroParameter> = {}
 
   get hasParams () {

From d8504d1b829c9d6c56f92d16878120ee07e1048e Mon Sep 17 00:00:00 2001
From: jimmyjon711 <jcmadill1@gmail.com>
Date: Thu, 27 Nov 2025 10:13:42 -0700
Subject: [PATCH 10/49] refactor: Adding ability to specify icon for AppDialog
 Signed-off-by: Jim Madill <jcmadill1@gmail.com>

---
 src/components/ui/AppDialog.vue | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/src/components/ui/AppDialog.vue b/src/components/ui/AppDialog.vue
index 8a7505f44a..76b4d6a940 100644
--- a/src/components/ui/AppDialog.vue
+++ b/src/components/ui/AppDialog.vue
@@ -28,6 +28,12 @@
         >
           <v-row no-gutters>
             <v-col align-self="center">
+              <v-icon
+                v-if="icon"
+                left
+              >
+                {{ icon }}
+              </v-icon>
               <slot name="title">
                 <span class="focus--text">{{ title }}</span>
                 <app-inline-help
@@ -51,6 +57,19 @@
               cols="auto"
               align-self="center"
             >
+              <v-btn
+                v-if="helpIcon != null && helpText != null && helpHref != null"
+                text
+                tile
+                :href="helpHref"
+                target="_blank"
+              >
+                <v-icon left>
+                  {{ helpIcon }}
+                </v-icon>
+                {{ helpText }}
+              </v-btn>
+
               <app-btn
                 icon
                 :disabled="closeButtonDisabled"
@@ -126,9 +145,21 @@ export default class AppDialog extends Mixins(BrowserMixin) {
   @Prop({ type: String })
   readonly title?: string
 
+  @Prop({ type: String })
+  readonly icon?: string
+
   @Prop({ type: String })
   readonly helpTooltip?: string
 
+  @Prop({ type: String })
+  readonly helpIcon?: string
+
+  @Prop({ type: String })
+  readonly helpText?: string
+
+  @Prop({ type: String })
+  readonly helpHref?: string
+
   @Prop({ type: String })
   readonly subTitle?: string
 

From 047e6c8ba5528197886b6adbc5cc769a2eeb72f2 Mon Sep 17 00:00:00 2001
From: jimmyjon711 <jcmadill1@gmail.com>
Date: Thu, 27 Nov 2025 10:14:36 -0700
Subject: [PATCH 11/49] refactor: Adding check to MMUCard so that it does not
 show up in Dashboard selection if MMU software is not installed
 Signed-off-by: Jim Madill <jcmadill1@gmail.com>

---
 src/components/widgets/mmu/MmuCard.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/widgets/mmu/MmuCard.vue b/src/components/widgets/mmu/MmuCard.vue
index 63f985bfaa..f5fb0ec02a 100644
--- a/src/components/widgets/mmu/MmuCard.vue
+++ b/src/components/widgets/mmu/MmuCard.vue
@@ -1,5 +1,6 @@
 <template>
   <collapsable-card
+    v-if="supportsMmu"
     :title="title"
     icon="$mmu "
     draggable
@@ -330,6 +331,10 @@ export default class MmuCard extends Mixins(StateMixin, MmuMixin) {
     return posStr
   }
 
+  get supportsMmu (): boolean {
+    return this.$typedState.printer.printer.mmu != null
+  }
+
   private capitalize (str: string): string {
     if (!str) return str
     return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase()

From 059bf06c8d9f9008533ef3222abc280a08c7d7b5 Mon Sep 17 00:00:00 2001
From: jimmyjon711 <jcmadill1@gmail.com>
Date: Thu, 27 Nov 2025 10:16:06 -0700
Subject: [PATCH 12/49] refactor: Adding toolchange count to status tab, part
 of AFC integration Signed-off-by: Jim Madill <jcmadill1@gmail.com>

---
 src/components/widgets/status/StatusLabel.vue |  2 +-
 src/components/widgets/status/StatusTab.vue   | 17 +++++++++++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/components/widgets/status/StatusLabel.vue b/src/components/widgets/status/StatusLabel.vue
index 7c37ae8b5e..eef5f7c188 100644
--- a/src/components/widgets/status/StatusLabel.vue
+++ b/src/components/widgets/status/StatusLabel.vue
@@ -25,7 +25,7 @@ export default class AppSwitch extends Mixins(StateMixin) {
   @Prop({ type: String, required: true })
   readonly label!: string
 
-  @Prop({ type: [String, Number], default: 70 })
+  @Prop({ type: [String, Number], default: 80 })
   readonly labelWidth!: string | number
 }
 </script>
diff --git a/src/components/widgets/status/StatusTab.vue b/src/components/widgets/status/StatusTab.vue
index 85ecc10f13..70f578d1cc 100644
--- a/src/components/widgets/status/StatusTab.vue
+++ b/src/components/widgets/status/StatusTab.vue
@@ -119,6 +119,11 @@
               <status-label :label="$t('app.general.label.layer')">
                 <span v-if="layers > 0">{{ layer }} / {{ layers }}</span>
               </status-label>
+
+              <status-label v-if="totalToolChangeCount > 0" :label="$t('app.general.label.toolchange')">
+                <span v-if="totalToolChangeCount > 0">{{ currentToolChange }} / {{ totalToolChangeCount }}</span>
+              </status-label>
+              
             </v-col>
 
             <v-col
@@ -365,6 +370,14 @@ export default class StatusTab extends Mixins(StateMixin, FilesMixin, ToolheadMi
     return this.$typedGetters['printer/getPrintLayer']
   }
 
+  get currentToolChange (): number {
+    return this.$typedState.printer.printer?.AFC?.current_toolchange ?? 0
+  }
+
+  get totalToolChangeCount (): number {
+    return this.$typedState.printer.printer?.AFC?.number_of_toolchanges ?? 0
+  }
+
   /**
    * Filament used according to print stats.
    */
@@ -395,6 +408,10 @@ export default class StatusTab extends Mixins(StateMixin, FilesMixin, ToolheadMi
     pointer-events: none;
   }
 
+  .status-label {
+    width: 100px
+  }
+
   .filename {
     white-space: nowrap;
     overflow: hidden;

From 7d6ef872417edefbb7b55c902efb4fac89cb6915 Mon Sep 17 00:00:00 2001
From: jimmyjon711 <jcmadill1@gmail.com>
Date: Fri, 28 Nov 2025 06:56:11 -0700
Subject: [PATCH 13/49] chore: Fixing errors from linter - Removing .i18nignore
 files that was not needed

Signed-off-by: Jim Madill <jcmadill1@gmail.com>
---
 src/components/ui/AppNumberInput.vue        | 5 +++--
 src/components/widgets/afc/.i18nignore      | 8 --------
 src/components/widgets/afc/AfcCardUnit.vue  | 2 +-
 src/components/widgets/status/StatusTab.vue | 6 ++++--
 src/store/spoolman/types.ts                 | 4 ++--
 5 files changed, 10 insertions(+), 15 deletions(-)
 delete mode 100644 src/components/widgets/afc/.i18nignore

diff --git a/src/components/ui/AppNumberInput.vue b/src/components/ui/AppNumberInput.vue
index 1870e1576e..463ab45e75 100644
--- a/src/components/ui/AppNumberInput.vue
+++ b/src/components/ui/AppNumberInput.vue
@@ -1,5 +1,6 @@
-<!-- Credit goes to meteyou(mainsail dev) for this work, as this was pulled from mainsail so that AFC integration would look the same between fluidd and mainsail
-Code based off this file: https://github.com/mainsail-crew/mainsail/blob/develop/src/components/inputs/NumberInput.vue 
+<!--
+Credit goes to meteyou(mainsail dev) for this work, as this was pulled from mainsail so that AFC integration would look the same between fluidd and mainsail
+Code based off this file: https://github.com/mainsail-crew/mainsail/blob/develop/src/components/inputs/NumberInput.vue
 -->
 <template>
   <form @submit.prevent="submit">
diff --git a/src/components/widgets/afc/.i18nignore b/src/components/widgets/afc/.i18nignore
deleted file mode 100644
index 7a2f373f3c..0000000000
--- a/src/components/widgets/afc/.i18nignore
+++ /dev/null
@@ -1,8 +0,0 @@
-$t('app.afc.Initialized')
-$t('app.afc.Idle')
-$t('app.afc.Error')
-$t('app.afc.Loading')
-$t('app.afc.Unloading')
-$t('app.afc.Ejecting')
-$t('app.afc.Moving')
-$t('app.afc.Restoring')
\ No newline at end of file
diff --git a/src/components/widgets/afc/AfcCardUnit.vue b/src/components/widgets/afc/AfcCardUnit.vue
index 9f4b68ed8d..2e1b53e70e 100644
--- a/src/components/widgets/afc/AfcCardUnit.vue
+++ b/src/components/widgets/afc/AfcCardUnit.vue
@@ -66,7 +66,7 @@ export default class AfcCardUnit extends Mixins(StateMixin, AfcMixin) {
   }
 
   get hubs () {
-    const hubs =  this.unit.hubs ?? []
+    const hubs = this.unit.hubs ?? []
     return hubs
   }
 
diff --git a/src/components/widgets/status/StatusTab.vue b/src/components/widgets/status/StatusTab.vue
index 70f578d1cc..fba07ca976 100644
--- a/src/components/widgets/status/StatusTab.vue
+++ b/src/components/widgets/status/StatusTab.vue
@@ -120,10 +120,12 @@
                 <span v-if="layers > 0">{{ layer }} / {{ layers }}</span>
               </status-label>
 
-              <status-label v-if="totalToolChangeCount > 0" :label="$t('app.general.label.toolchange')">
+              <status-label
+                v-if="totalToolChangeCount > 0"
+                :label="$t('app.general.label.toolchange')"
+              >
                 <span v-if="totalToolChangeCount > 0">{{ currentToolChange }} / {{ totalToolChangeCount }}</span>
               </status-label>
-              
             </v-col>
 
             <v-col
diff --git a/src/store/spoolman/types.ts b/src/store/spoolman/types.ts
index 09189b425c..7c579cadd8 100644
--- a/src/store/spoolman/types.ts
+++ b/src/store/spoolman/types.ts
@@ -39,7 +39,7 @@ export interface SpoolmanSpool {
   comment?: string;
   archived: boolean;
   extra?: Record<string, unknown>;
-  
+
   loaded?: string;
 }
 
@@ -64,7 +64,7 @@ export interface SpoolmanFilament {
   multi_color_direction?: string;
   external_id?: string;
   extra?: Record<string, unknown>;
-  
+
   loaded?: string;
 }
 

From 261266b479675d933f3f77edda2bfa97474ab2b5 Mon Sep 17 00:00:00 2001
From: jimmyjon711 <jcmadill1@gmail.com>
Date: Fri, 28 Nov 2025 08:31:48 -0700
Subject: [PATCH 14/49] chore: Fixing rebase issue with locales file

Signed-off-by: Jim Madill <jcmadill1@gmail.com>
---
 src/locales/en.yaml | 48 ++++++++++++++++++++++-----------------------
 1 file changed, 24 insertions(+), 24 deletions(-)

diff --git a/src/locales/en.yaml b/src/locales/en.yaml
index 63aabff2fc..32b5ae41b3 100644
--- a/src/locales/en.yaml
+++ b/src/locales/en.yaml
@@ -91,12 +91,12 @@ app:
       wireframe: Wireframe
     msg:
       hint: >-
-        If saving as something other than %{name} you can choose to also remove
+        If saving as something other than %{name}, you can choose to also remove
         the %{name} profile
       not_found: No existing bed meshes found.
       not_loaded: No mesh loaded
     tooltip:
-      calibrate: Begins a new calibration saving as profile 'default'
+      calibrate: Begins a new calibration, saving as profile 'default'
       delete: Delete Profile
       load: Load Profile
       save: Commits calibrated profile to printer.cfg
@@ -129,7 +129,7 @@ app:
   endpoint:
     error:
       cant_connect: >-
-        Something went wrong and fluidd can't reach the destination. Are you
+        Something went wrong, and fluidd can't reach the destination. Are you
         sure this is the correct address?
       cors_error: blocked by CORS policy
       cors_note: >-
@@ -137,7 +137,7 @@ app:
         see the documentation on multi printer setups <a href="%{url}"
         target="_blank">here</a>
     hint:
-      add_printer: E.g. http://fluidd.local
+      add_printer: E.g., http://fluidd.local
     msg:
       trouble: >-
         Having trouble? <a href="%{url}" target="_blank">See here</a> for more
@@ -145,7 +145,7 @@ app:
     tooltip:
       endpoint_examples: >-
         Enter your API URL.<br />Some examples might be;<br
-        /><blockquote>fluidd.local https://192.168.1.150</blockquote>
+        /><blockquote>fluidd.local, https://192.168.1.150</blockquote>
   endstop:
     states:
       label:
@@ -224,7 +224,7 @@ app:
       parsing_file: Parsing file
     msg:
       confirm: >-
-        The file "%{filename}" is %{size} this might be resource intensive for
+        The file "%{filename}" is %{size}, this might be resource intensive for
         your system. Are you sure?
     overlay:
       drag_file_load: <strong>Drag</strong> a gcode file here to load
@@ -321,11 +321,11 @@ app:
         Moonraker plugin configuration can be found <a target="_blank"
         href="%{url}">here.</a>
       failed_components: >-
-        Moonraker has failed plugins please check your logs update your
+        Moonraker has failed plugins, please check your logs, update your
         configuration and restart moonraker.
       printer_powered_off: >-
         The printer is currently powered off.<br/><br/>
-        To power on the printer please click the button on the left.
+        To power on the printer, please click the button on the left.
     label:
       accel_to_decel: Accel to Decel
       acceleration: Acceleration
@@ -454,13 +454,13 @@ app:
         %{name} Driver
     msg:
       password_changed: Password changed
-      wrong_password: Oops something went wrong. Is your password correct?
+      wrong_password: Oops, something went wrong. Is your password correct?
       bed_screws_adjust: >-
-        Click <b>Adjusted</b> if a significant adjustment is necessary on the current screw; otherwise click <b>Accept</b> to continue.
+        Click <b>Adjusted</b> if a significant adjustment is necessary on the current screw; otherwise, click <b>Accept</b> to continue.
       welcome_back: >-
         Welcome back.<br>Sign in below to stay in touch with your printer.
       offline_ready: Fluidd is now ready to work offline.
-      needs_refresh: New content available please click the <b>Reload</b> button to update.
+      needs_refresh: New content available, please click the <b>Reload</b> button to update.
       pending_configuration_sections_deleted: The following sections are marked for deletion
       rolledover_logs: >-
         The following application logs have been rolled over: %{applications}
@@ -605,7 +605,7 @@ app:
         Copy files and folders to the Configuration Files by dragging them from here and dropping them there
   history:
     msg:
-      confirm: Are you sure? This will clear all history and printer statistics
+      confirm: Are you sure? This will clear all history, and printer statistics
       confirm_jobs: Are you sure? This will clear all jobs.
       confirm_stats: Are you sure? This will clear all stats.
   job_queue:
@@ -815,7 +815,7 @@ app:
       tool: Tool
       warnings: Warnings
     tooltip:
-      average_calculation: If more than one option is select an average will be calculated
+      average_calculation: If more than one option is select, an average will be calculated
       diagnostics_performance: '[BETA] Logging diagnostics info may impact performance'
       gcode_coords: Use GCode position instead of toolhead position on dashboard
       keyboard_shortcuts: >-
@@ -826,9 +826,9 @@ app:
       theme_disclaimer: >-
         These themes feature brand names and logos that are the intellectual property of their respective owners.<br>
         The inclusion of these names and logos is done with permission from the brands.<br>
-        However please note that these themes are not officially maintained by the respective brands.<br>
+        However, please note that these themes are not officially maintained by the respective brands.<br>
         Any issues or inquiries related to the themes should be directed to the Fluidd team.<br>
-        The use of brand names and logos is for decorative and aesthetic purposes only and no official association with or endorsement by the brands is implied.
+        The use of brand names and logos is for decorative and aesthetic purposes only, and no official association with or endorsement by the brands is implied.
       warn_on_cpu_throttled: CPU throttling can cause prints to fail
       warn_on_stepper_driver_overheating: Trinamic drivers only
   socket:
@@ -892,7 +892,7 @@ app:
       screws_tilt_adjust: Screws Tilt Adjust
     tooltip:
       absolute_positioning: Absolute Positioning
-      extruder_disabled: extruder disabled below min_extrude_temp (%{min}<small>°C</small>)
+      extruder_disabled: extruder disabled, below min_extrude_temp (%{min}<small>°C</small>)
       home_xy: Home XY
       home_z: Home Z
       manual_probe: Manual Probe
@@ -907,17 +907,17 @@ app:
         <span class="secondary--text">and</span>
         %{nozzleDiameter} mm nozzle
       stats_volumetric_flow: >-
-        Extruding at %{extrudeSpeed} mm/s<span class="secondary--text">
+        Extruding at %{extrudeSpeed} mm/s<span class="secondary--text">,
         the extruder should be able to provide an</span>
         estimated volumetric flow of %{estimatedVolumetricFlow} mm³/s
       stats_extruded_length: >-
         Extruding %{extrudeLength} mm of filament at
-        %{extrudeFactor} % flow<span class="secondary--text">
+        %{extrudeFactor} % flow<span class="secondary--text">,
         will provide an</span>
         estimated output length of %{estimatedExtrudedLength} mm
       stats_max_speed: >-
         <span class="secondary--text">Assuming a</span>
-        %{layerHeight} mm layer height<span class="secondary--text">
+        %{layerHeight} mm layer height<span class="secondary--text">,
         the</span> estimated maximum print speed is %{estimatedMaxSpeed} mm/s
   version:
     btn:
@@ -946,7 +946,7 @@ app:
     title: Software Updates
     tooltip:
       commit_history: Commit history
-      dirty: indicates a detached head not on master or an invalid origin
+      dirty: indicates a detached head, not on master or an invalid origin
       invalid: indicates local changes to the repo
       packages: Packages
       release_notes: Release notes
@@ -1057,7 +1057,7 @@ app:
         Are you sure you want to continue?
       tracking_inactive: >-
         Filament tracking is inactive.
-        To get started please select a spool.
+        To get started, please select a spool.
       not_connected: Spoolman server not available.
       info:
         howto: >-
@@ -1195,13 +1195,13 @@ app:
       single_color: This looks like a single color print but you don't have the bypass selected on your MMU. You may want to check the chosen tool
       map_slicer_tools: Map slicer tools to MMU gates for print
       map_tools: Map tools to MMU gates
-      tool_not_used: Tool %{tool} not used in this print choose default mapping
+      tool_not_used: Tool %{tool} not used in this print, choose default mapping
       mismatch: Possible filament mismatch
       color: Color
       material: Material
       temperature: Temperature
       no_gate_data: No gate data
-      no_slicer_info: No slicer information choose default mapping for %{tool}
+      no_slicer_info: No slicer information, choose default mapping for %{tool}
       select_tool: Select Tool to map then choose gate from list
     setting:
       large_filament_status: Large Filament Status
@@ -1234,7 +1234,7 @@ app:
       remove_model: Remove %{name} model
     msg:
       hint: >-
-        If saving as something other than %{name} you can choose to also remove
+        If saving as something other than %{name}, you can choose to also remove
         the %{name} model
       not_found: No existing beacon models found.
     tooltip:

From 548d21fa0adfd3941c0d6ef5b011530582ca8c80 Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Tue, 2 Dec 2025 10:30:44 +0000
Subject: [PATCH 15/49] chore: optimize SVGs

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 .../widgets/afc/AfcFilamentReel.vue           | 21 +++++---------
 src/plugins/afcIcons.ts                       | 12 ++++----
 tools/svgo.mjs                                | 29 ++++++++++++-------
 3 files changed, 32 insertions(+), 30 deletions(-)

diff --git a/src/components/widgets/afc/AfcFilamentReel.vue b/src/components/widgets/afc/AfcFilamentReel.vue
index 9bb4f85dcc..1612af8a77 100644
--- a/src/components/widgets/afc/AfcFilamentReel.vue
+++ b/src/components/widgets/afc/AfcFilamentReel.vue
@@ -12,50 +12,43 @@
   >
     <path
       id="spool_right_rim"
-      d="M202.1,0.3h-5v2.3C179,19,165,123.6,165,250s14,231.1,32.2,247.5v2.3h5
-        c20.5,0,37.2-111.9,37.2-249.8S222.7,0.3,202.1,0.3z"
+      d="M202.1.3h-5v2.3C179 19 165 123.6 165 250s14 231.1 32.2 247.5v2.3h5c20.5 0 37.2-111.9 37.2-249.8S222.7.3 202.1.3"
       :style="{ fill: spoolRimColor }"
     />
 
     <path
       id="spool_right"
-      d="M197.1,0.3c20.5,0,37.2,111.9,37.2,249.8s-16.7,249.8-37.2,249.8S160,387.9,160,250
-        S176.6,0.3,197.1,0.3z"
+      d="M197.1.3c20.5 0 37.2 111.9 37.2 249.8s-16.7 249.8-37.2 249.8S160 387.9 160 250 176.6.3 197.1.3"
       :style="{ fill: spoolColor }"
     />
 
     <path
       id="spool_tube"
-      d="M194.6,166.9L194.6,166.9L49.1,167l0,0c6.9,0,12.4,37.2,12.4,83.2c0,44.1-5.1,80.3-11.6,83
-        l144.7,0l0,0c6.9,0,12.4-37.2,12.4-83.2C207,204.2,201.4,166.9,194.6,166.9z"
+      d="m194.6 166.9-145.5.1c6.9 0 12.4 37.2 12.4 83.2 0 44.1-5.1 80.3-11.6 83h144.7c6.9 0 12.4-37.2 12.4-83.2 0-45.8-5.6-83.1-12.4-83.1"
       :style="{ fill: spoolTubeColor }"
     />
 
     <path
       id="filament_base"
-      d="M35,31c18.8-12.1,138-10.4,162.1,0c24.9,10.4,41.1,398.9,0,438.1
-        c-37.2,12.2-147.7,11.4-162.1,0C22,458.8,16.2,43,35,31z"
+      d="M35 31c18.8-12.1 138-10.4 162.1 0 24.9 10.4 41.1 398.9 0 438.1-37.2 12.2-147.7 11.4-162.1 0C22 458.8 16.2 43 35 31"
       :style="styleReel"
     />
 
     <path
       id="spool_left_rim"
-      d="M42.5,0.3h-5v2.3C19.3,19,5.3,123.6,5.3,250s14,231.1,32.2,247.5v2.3h5
-        c20.5,0,37.2-111.9,37.2-249.8S63,0.3,42.5,0.3z"
+      d="M42.5.3h-5v2.3C19.3 19 5.3 123.6 5.3 250s14 231.1 32.2 247.5v2.3h5c20.5 0 37.2-111.9 37.2-249.8S63 .3 42.5.3"
       :style="{ fill: spoolRimColor }"
     />
 
     <path
       id="spool_left"
-      d="M37.5,0.3C58,0.3,74.6,112.2,74.6,250S58,499.8,37.5,499.8S0.3,387.9,0.3,250
-        S16.9,0.3,37.5,0.3z"
+      d="M37.5.3C58 .3 74.6 112.2 74.6 250S58 499.8 37.5 499.8.3 387.9.3 250 16.9.3 37.5.3"
       :style="{ fill: spoolColor }"
     />
 
     <path
       id="spool_hole"
-      d="M35.5,171.6c6.5,0,11.6,35.1,11.6,78.4s-5.3,78.4-11.6,78.4S23.9,293.3,23.9,250
-        S29,171.6,35.5,171.6z"
+      d="M35.5 171.6c6.5 0 11.6 35.1 11.6 78.4s-5.3 78.4-11.6 78.4-11.6-35.1-11.6-78.4 5.1-78.4 11.6-78.4"
       :style="{ fill: spoolHoleColor }"
     />
   </svg>
diff --git a/src/plugins/afcIcons.ts b/src/plugins/afcIcons.ts
index b23eecdae7..2094710e6f 100644
--- a/src/plugins/afcIcons.ts
+++ b/src/plugins/afcIcons.ts
@@ -1,12 +1,12 @@
 export const afcIconBoxTurtle =
-    'M6.404,9.271c0.118,-0.657 0.3,-1.286 0.569,-1.895c-0.43,-0.337 -0.853,-0.669 -1.284,-1.006c-0.609,0.732 -1.046,1.534 -1.332,2.44c0.672,0.221 1.342,0.348 2.047,0.461Zm17.538,5.591c0.15,0.294 0.007,0.689 -0.402,0.769c-0.447,0.089 -0.891,0.19 -1.336,0.286c-0.063,0.014 -0.127,0.028 -0.21,0.047l0,0.192c0,0.869 -0.001,1.738 -0.001,2.607c-0,0.048 0.001,0.095 -0.001,0.143c-0.013,0.296 -0.131,0.452 -0.421,0.513c-0.422,0.091 -0.848,0.169 -1.273,0.249c-0.425,0.079 -0.851,0.153 -1.276,0.229c-0.578,0.103 -1.155,0.206 -1.733,0.308c-0.583,0.103 -1.166,0.206 -1.75,0.308c-0.635,0.112 -1.272,0.223 -1.907,0.336c-0.432,0.076 -0.863,0.156 -1.295,0.231c-0.246,0.042 -0.491,0.096 -0.739,0.111c-0.168,0.009 -0.341,-0.032 -0.509,-0.066c-1.244,-0.252 -2.486,-0.51 -3.729,-0.764c-1.195,-0.245 -2.391,-0.487 -3.587,-0.731c-0.463,-0.095 -0.927,-0.191 -1.391,-0.289c-0.205,-0.042 -0.346,-0.154 -0.373,-0.375c-0.011,-0.094 -0.022,-0.188 -0.022,-0.283c0.001,-0.982 0.005,-1.965 0.008,-2.947c-0,-0.017 -0.006,-0.034 -0.012,-0.065l0.001,-0l-0.001,-0.001l0,0.001c-0.181,-0.036 -0.365,-0.073 -0.549,-0.109c-0.332,-0.062 -0.663,-0.124 -0.995,-0.185c-0.233,-0.042 -0.394,-0.165 -0.434,-0.407c-0.012,-0.072 -0.003,-0.156 0.023,-0.224c0.073,-0.187 0.158,-0.371 0.243,-0.554c0.544,-1.187 1.09,-2.375 1.635,-3.562c0.02,-0.043 0.041,-0.085 0.062,-0.128c0.094,-0.189 0.244,-0.297 0.454,-0.331c0.274,-0.045 0.547,-0.098 0.824,-0.149c0.039,-0.22 0.076,-0.429 0.114,-0.638c0.137,-0.767 0.414,-1.485 0.776,-2.17c0.5,-0.947 1.163,-1.76 1.996,-2.439c1.104,-0.9 2.363,-1.467 3.743,-1.772c0.757,-0.168 1.527,-0.22 2.301,-0.185c0.23,0.011 0.46,0.043 0.689,0.074c0.545,0.072 1.081,0.203 1.599,0.389c0.487,0.174 0.961,0.376 1.407,0.639c0.08,0.046 0.157,0.07 0.251,0.071c0.778,0.003 1.513,0.185 2.204,0.545c0.662,0.344 1.202,0.825 1.618,1.443c0.301,0.447 0.526,0.93 0.636,1.46c0.083,0.396 0.12,0.795 0.07,1.203c-0.038,0.314 -0.101,0.619 -0.199,0.918c-0.011,0.034 -0.01,0.082 0.006,0.114c0.057,0.117 0.123,0.229 0.187,0.344c0.307,0.05 0.61,0.102 0.914,0.147c0.236,0.034 0.382,0.174 0.474,0.383c0.181,0.406 0.364,0.813 0.544,1.22c0.363,0.819 0.725,1.639 1.086,2.459c0.093,0.212 0.175,0.43 0.28,0.635Zm-0.905,0.022c-0.038,-0.094 -0.065,-0.165 -0.096,-0.236c-0.359,-0.815 -0.719,-1.631 -1.079,-2.445c-0.161,-0.364 -0.33,-0.725 -0.487,-1.091c-0.053,-0.122 -0.13,-0.175 -0.26,-0.16c-0.04,0.005 -0.081,0.004 -0.132,0.007c0.011,0.109 0.023,0.208 0.032,0.306c0.03,0.328 -0.017,0.639 -0.195,0.922c-0.343,0.543 -1.009,0.687 -1.535,0.319c-0.129,-0.09 -0.247,-0.206 -0.344,-0.331c-0.127,-0.162 -0.229,-0.345 -0.34,-0.518l0,0.002c-0.865,0.364 -1.781,0.414 -2.659,0.533c-0.017,0.251 -0.009,0.497 -0.055,0.732c-0.12,0.61 -0.625,1.035 -1.212,1.032c-0.426,-0.003 -0.78,-0.183 -1.074,-0.486c-0.259,-0.267 -0.453,-0.581 -0.63,-0.905c-0.048,-0.087 -0.102,-0.17 -0.145,-0.24c-0.16,0.023 -0.296,0.038 -0.429,0.061c-0.131,0.022 -0.26,0.052 -0.41,0.082c0.621,1.451 1.236,2.876 1.866,4.31c1.55,-0.317 3.077,-0.625 4.603,-0.942c1.524,-0.318 3.052,-0.617 4.581,-0.952Zm-2.784,-3.314c0.048,-0.176 0.027,-0.356 -0.004,-0.53c-0.041,-0.226 -0.095,-0.45 -0.219,-0.645c-0.244,0.275 -0.485,0.544 -0.745,0.837l-0.001,-0c0.085,0.147 0.175,0.32 0.286,0.478c0.052,0.073 0.141,0.126 0.224,0.169c0.138,0.071 0.303,0.021 0.385,-0.112c0.036,-0.059 0.055,-0.129 0.074,-0.197Zm-0.468,-2.68c0.092,-0.393 0.1,-0.787 0.014,-1.182c-0.131,-0.598 -0.395,-1.129 -0.801,-1.588c-0.676,-0.765 -1.532,-1.181 -2.535,-1.309c-0.379,-0.048 -0.758,-0.028 -1.135,0.03c-0.586,0.09 -1.14,0.276 -1.651,0.575c-1.013,0.594 -1.729,1.453 -2.193,2.525c-0.231,0.534 -0.396,1.091 -0.484,1.667c-0.051,0.328 -0.104,0.657 -0.125,0.987c-0.022,0.343 -0.005,0.688 -0.005,1.071l0.001,0c0.513,-0.005 1.007,0.045 1.507,-0.073c-0.048,-0.071 -0.092,-0.127 -0.127,-0.188c-0.086,-0.153 -0.078,-0.288 0.018,-0.397c0.094,-0.107 0.261,-0.151 0.404,-0.083c0.106,0.049 0.208,0.115 0.295,0.193c0.259,0.234 0.427,0.536 0.597,0.837c0.148,0.264 0.3,0.526 0.465,0.779c0.119,0.183 0.294,0.308 0.504,0.38c0.297,0.102 0.534,-0.026 0.616,-0.328c0.044,-0.163 0.043,-0.327 0.015,-0.494c-0.05,-0.288 -0.179,-0.539 -0.334,-0.78c-0.042,-0.065 -0.088,-0.128 -0.12,-0.198c-0.108,-0.231 0.032,-0.438 0.287,-0.431c0.142,0.004 0.246,0.085 0.336,0.179c0.094,0.098 0.173,0.21 0.261,0.318c0.075,0 0.152,0.007 0.229,-0.001c0.412,-0.045 0.825,-0.087 1.236,-0.141c0.365,-0.049 0.726,-0.129 1.057,-0.292c0.87,-0.426 1.442,-1.103 1.668,-2.056Zm-5.299,-4.699c-0.022,-0.02 -0.03,-0.032 -0.04,-0.035c-0.378,-0.115 -0.756,-0.232 -1.136,-0.341c-0.043,-0.012 -0.109,0.006 -0.145,0.034c-0.317,0.247 -0.63,0.5 -0.958,0.762c0.102,0.077 0.188,0.14 0.272,0.204c0.089,0.069 0.177,0.139 0.28,0.221c0.513,-0.407 1.105,-0.647 1.727,-0.845Zm-2.177,-0.515c-0.004,-0.012 -0.009,-0.023 -0.013,-0.035c-0.841,-0.043 -1.674,-0.007 -2.502,0.226c0.065,0.197 0.135,0.38 0.225,0.542c0.156,-0.025 0.291,-0.044 0.424,-0.07c0.334,-0.066 0.669,-0.073 1.002,-0.004c0.067,0.014 0.11,0.003 0.159,-0.041c0.091,-0.084 0.19,-0.16 0.284,-0.242c0.141,-0.124 0.281,-0.25 0.421,-0.376l0,0l0,-0Zm-0.139,1.868c-0.011,-0.019 -0.014,-0.032 -0.022,-0.04c-0.043,-0.04 -0.089,-0.078 -0.132,-0.12c-0.286,-0.279 -0.632,-0.42 -1.027,-0.423c-0.603,-0.003 -1.156,0.165 -1.657,0.506c-0.655,0.445 -1.126,1.048 -1.5,1.735c-0.027,0.051 -0.042,0.107 -0.071,0.18c0.078,0 0.137,0.001 0.195,0c0.504,-0.017 1.006,-0.055 1.504,-0.134c0.527,-0.085 1.04,-0.218 1.543,-0.397c0.101,-0.036 0.171,-0.089 0.229,-0.18c0.25,-0.393 0.537,-0.755 0.887,-1.065c0.021,-0.018 0.036,-0.043 0.051,-0.062Zm-1.959,3.718c0.172,-0.547 0.335,-1.064 0.501,-1.592c-1.068,0.305 -2.154,0.441 -3.254,0.377c-0.161,0.438 -0.302,0.854 -0.351,1.32c1.065,0.051 2.104,0.052 3.104,-0.105Zm-0.087,0.714l-0,-0.001c-2.029,0.28 -4.018,0.11 -5.983,-0.517c-0.054,0.351 -0.107,0.679 -0.095,1.02c1.016,0.173 2.01,0.353 3.008,0.51c0.996,0.157 1.988,0.351 2.992,0.475c0.026,-0.501 0.051,-0.979 0.078,-1.487Zm-0.969,6.244c0.564,-1.249 1.12,-2.48 1.687,-3.735c-2.741,-0.496 -5.474,-0.936 -8.214,-1.435c-0.546,1.187 -1.085,2.36 -1.638,3.56l0.001,-0c1.386,0.275 2.74,0.545 4.095,0.812c1.353,0.267 2.707,0.531 4.069,0.798Zm0.169,-11.541c-0.093,-0.192 -0.18,-0.371 -0.264,-0.545c-0.827,0.187 -2.471,1.19 -2.851,1.743c0.357,0.278 0.715,0.557 1.091,0.851c0.5,-0.876 1.134,-1.576 2.024,-2.049ZM18.664,7.16c0.42,0.016 0.724,0.361 0.714,0.784c-0.01,0.458 -0.32,0.757 -0.788,0.77c-0.398,-0.009 -0.725,-0.355 -0.715,-0.758c0.011,-0.487 0.33,-0.813 0.789,-0.796ZM17.348,8.573c0.015,0.061 0.014,0.132 0.002,0.194c-0.065,0.307 -0.367,0.544 -0.684,0.544l-0.001,-0c-0.409,0.023 -0.743,-0.404 -0.701,-0.695c0.022,-0.147 0.1,-0.222 0.236,-0.191c0.046,0.011 0.092,0.05 0.122,0.089c0.043,0.055 0.068,0.123 0.105,0.184c0.12,0.203 0.367,0.198 0.481,-0.01c0.028,-0.052 0.047,-0.109 0.073,-0.161c0.041,-0.08 0.097,-0.132 0.198,-0.116c0.094,0.016 0.148,0.079 0.169,0.162ZM14.35,7.168c0.484,-0.013 0.767,0.442 0.726,0.847c-0.031,0.307 -0.287,0.718 -0.82,0.7c-0.413,-0.015 -0.721,-0.408 -0.705,-0.775c0.021,-0.47 0.365,-0.797 0.799,-0.772ZM1.984,15.671l-0.001,-0l0,-0.001l0.001,0.001Z'
+    'M6.404 9.271c.118-.657.3-1.286.569-1.895L5.689 6.37a7.1 7.1 0 0 0-1.332 2.44c.672.221 1.342.348 2.047.461m17.538 5.591c.15.294.007.689-.402.769-.447.089-.891.19-1.336.286l-.21.047v.192l-.001 2.607q.001.071-.001.143c-.013.296-.131.452-.421.513-.422.091-.848.169-1.273.249q-.638.117-1.276.229l-1.733.308-1.75.308-1.907.336c-.432.076-.863.156-1.295.231-.246.042-.491.096-.739.111-.168.009-.341-.032-.509-.066-1.244-.252-2.486-.51-3.729-.764l-3.587-.731a246 246 0 0 1-1.391-.289c-.205-.042-.346-.154-.373-.375-.011-.094-.022-.188-.022-.283q.002-1.474.008-2.947c0-.017-.006-.034-.012-.065h.001l-.001-.001v.001l-.549-.109-.995-.185c-.233-.042-.394-.165-.434-.407a.45.45 0 0 1 .023-.224c.073-.187.158-.371.243-.554l1.635-3.562.062-.128a.58.58 0 0 1 .454-.331c.274-.045.547-.098.824-.149l.114-.638c.137-.767.414-1.485.776-2.17a7.8 7.8 0 0 1 1.996-2.439c1.104-.9 2.363-1.467 3.743-1.772a8.8 8.8 0 0 1 2.301-.185c.23.011.46.043.689.074a7.7 7.7 0 0 1 1.599.389c.487.174.961.376 1.407.639a.5.5 0 0 0 .251.071 4.75 4.75 0 0 1 2.204.545 4.3 4.3 0 0 1 1.618 1.443c.301.447.526.93.636 1.46.083.396.12.795.07 1.203a5 5 0 0 1-.199.918.17.17 0 0 0 .006.114c.057.117.123.229.187.344.307.05.61.102.914.147.236.034.382.174.474.383l.544 1.22q.545 1.229 1.086 2.459c.093.212.175.43.28.635m-.905.022c-.038-.094-.065-.165-.096-.236l-1.079-2.445c-.161-.364-.33-.725-.487-1.091-.053-.122-.13-.175-.26-.16-.04.005-.081.004-.132.007.011.109.023.208.032.306.03.328-.017.639-.195.922-.343.543-1.009.687-1.535.319a1.6 1.6 0 0 1-.344-.331c-.127-.162-.229-.345-.34-.518v.002c-.865.364-1.781.414-2.659.533-.017.251-.009.497-.055.732-.12.61-.625 1.035-1.212 1.032-.426-.003-.78-.183-1.074-.486-.259-.267-.453-.581-.63-.905-.048-.087-.102-.17-.145-.24-.16.023-.296.038-.429.061-.131.022-.26.052-.41.082a490 490 0 0 0 1.866 4.31c1.55-.317 3.077-.625 4.603-.942 1.524-.318 3.052-.617 4.581-.952m-2.784-3.314c.048-.176.027-.356-.004-.53-.041-.226-.095-.45-.219-.645l-.745.837h-.001c.085.147.175.32.286.478a.6.6 0 0 0 .224.169.293.293 0 0 0 .385-.112c.036-.059.055-.129.074-.197m-.468-2.68c.092-.393.1-.787.014-1.182a3.5 3.5 0 0 0-.801-1.588c-.676-.765-1.532-1.181-2.535-1.309a4 4 0 0 0-1.135.03 4.6 4.6 0 0 0-1.651.575c-1.013.594-1.729 1.453-2.193 2.525A6.8 6.8 0 0 0 11 9.608c-.051.328-.104.657-.125.987-.022.343-.005.688-.005 1.071h.001c.513-.005 1.007.045 1.507-.073-.048-.071-.092-.127-.127-.188q-.128-.231.018-.397a.35.35 0 0 1 .404-.083c.106.049.208.115.295.193.259.234.427.536.597.837.148.264.3.526.465.779a.95.95 0 0 0 .504.38c.297.102.534-.026.616-.328.044-.163.043-.327.015-.494-.05-.288-.179-.539-.334-.78-.042-.065-.088-.128-.12-.198-.108-.231.032-.438.287-.431.142.004.246.085.336.179.094.098.173.21.261.318.075 0 .152.007.229-.001.412-.045.825-.087 1.236-.141.365-.049.726-.129 1.057-.292.87-.426 1.442-1.103 1.668-2.056m-5.299-4.699c-.022-.02-.03-.032-.04-.035-.378-.115-.756-.232-1.136-.341a.2.2 0 0 0-.145.034c-.317.247-.63.5-.958.762l.272.204.28.221c.513-.407 1.105-.647 1.727-.845m-2.177-.515-.013-.035c-.841-.043-1.674-.007-2.502.226.065.197.135.38.225.542.156-.025.291-.044.424-.07a2.5 2.5 0 0 1 1.002-.004c.067.014.11.003.159-.041.091-.084.19-.16.284-.242q.211-.187.421-.376m-.139 1.868c-.011-.019-.014-.032-.022-.04q-.066-.058-.132-.12a1.44 1.44 0 0 0-1.027-.423 2.86 2.86 0 0 0-1.657.506c-.655.445-1.126 1.048-1.5 1.735-.027.051-.042.107-.071.18h.195a12 12 0 0 0 1.504-.134 8.7 8.7 0 0 0 1.543-.397.42.42 0 0 0 .229-.18c.25-.393.537-.755.887-1.065.021-.018.036-.043.051-.062m-1.959 3.718.501-1.592a9.7 9.7 0 0 1-3.254.377c-.161.438-.302.854-.351 1.32 1.065.051 2.104.052 3.104-.105m-.087.714c-2.029.28-4.018.11-5.983-.517-.054.351-.107.679-.095 1.02 1.016.173 2.01.353 3.008.51.996.157 1.988.351 2.992.475zm-.969 6.244 1.687-3.735c-2.741-.496-5.474-.936-8.214-1.435L.99 14.61h.001c1.386.275 2.74.545 4.095.812q2.028.399 4.069.798m.169-11.541-.264-.545c-.827.187-2.471 1.19-2.851 1.743l1.091.851c.5-.876 1.134-1.576 2.024-2.049m9.34 2.481c.42.016.724.361.714.784-.01.458-.32.757-.788.77a.744.744 0 0 1-.715-.758c.011-.487.33-.813.789-.796m-1.316 1.413a.5.5 0 0 1 .002.194.716.716 0 0 1-.684.544h-.001c-.409.023-.743-.404-.701-.695.022-.147.1-.222.236-.191.046.011.092.05.122.089.043.055.068.123.105.184.12.203.367.198.481-.01.028-.052.047-.109.073-.161.041-.08.097-.132.198-.116.094.016.148.079.169.162M14.35 7.168c.484-.013.767.442.726.847a.777.777 0 0 1-.82.7c-.413-.015-.721-.408-.705-.775.021-.47.365-.797.799-.772M1.984 15.671'
 export const afcIconHtlf =
-    'M 14.40625 23.980469 C 14.332031 23.988281 14.226562 23.996094 14.175781 24 L 13.863281 24 C 13.824219 24 13.722656 23.988281 13.644531 23.980469 C 13.175781 23.914062 12.722656 23.785156 12.363281 23.464844 C 12.214844 23.339844 12.183594 23.21875 11.976562 23.160156 C 11.628906 23.0625 11.148438 23.046875 10.777344 22.988281 C 10.285156 22.90625 9.753906 22.800781 9.285156 22.625 C 9.066406 22.546875 8.863281 22.425781 8.640625 22.347656 C 8.582031 22.34375 8.519531 22.386719 8.464844 22.414062 C 8.078125 22.613281 7.746094 22.898438 7.332031 23.066406 C 6.214844 23.527344 4.496094 23.636719 3.8125 22.429688 C 3.34375 21.601562 3.742188 20.429688 4.09375 19.621094 L 4.402344 19.039062 C 3.992188 19 3.570312 18.640625 3.382812 18.28125 C 3.3125 18.144531 3.285156 17.984375 3.207031 17.851562 C 2.992188 17.777344 2.792969 17.761719 2.589844 17.65625 C 1.875 17.285156 1.507812 16.359375 1.5625 15.582031 C 1.566406 15.492188 1.613281 15.402344 1.597656 15.308594 C 1.222656 15.054688 1.050781 14.585938 1.003906 14.152344 C 1 14.089844 1.015625 14.015625 0.96875 13.960938 L 0.96875 13.769531 C 1.019531 13.71875 1 13.640625 1.003906 13.578125 C 1.058594 12.960938 1.402344 12.1875 1.945312 11.855469 C 2.066406 11.777344 2.394531 11.6875 2.460938 11.625 C 2.546875 11.550781 2.660156 11.246094 2.757812 11.125 C 2.816406 11.050781 3.078125 10.855469 3.09375 10.820312 C 3.136719 10.726562 2.980469 10.347656 2.96875 10.203125 C 2.886719 9.371094 3.480469 8.441406 4.328125 8.292969 C 4.378906 8.285156 4.578125 8.304688 4.59375 8.226562 C 4.597656 8.207031 4.457031 7.90625 4.4375 7.847656 C 2.875 3.402344 6.917969 -0.160156 11.175781 0.00390625 C 14.621094 0.136719 17.738281 2.53125 17.96875 6.109375 C 19.976562 7.246094 21.511719 9.199219 22.34375 11.335938 C 23.476562 14.253906 23.234375 17.746094 21.40625 20.328125 C 21.359375 20.394531 21.046875 20.769531 21.046875 20.796875 C 21.035156 20.925781 21.582031 21.289062 21.6875 21.402344 C 21.890625 21.621094 21.949219 22.015625 21.722656 22.234375 C 21.320312 22.628906 19.996094 22.933594 19.492188 22.714844 C 19.425781 22.6875 19.34375 22.617188 19.277344 22.601562 C 19.113281 22.558594 18.90625 22.671875 18.742188 22.707031 C 18.480469 22.769531 18.167969 22.832031 17.898438 22.867188 C 17.5625 22.910156 17.097656 22.871094 16.816406 23.035156 C 16.636719 23.140625 16.476562 23.285156 16.289062 23.390625 C 15.730469 23.710938 15.042969 23.90625 14.40625 23.980469 Z M 9.035156 9.363281 C 9.296875 9.378906 9.574219 9.3125 9.835938 9.335938 C 10.53125 9.394531 11.28125 9.957031 11.535156 10.601562 C 11.585938 10.738281 11.597656 11.054688 11.765625 11.082031 C 12.066406 11.128906 12.761719 10.96875 13.070312 10.882812 C 16.175781 10.007812 18.105469 7.1875 16.460938 4.078125 C 14.808594 0.949219 10.6875 0.078125 7.664062 1.730469 C 5.480469 2.921875 4.398438 5.328125 5.347656 7.71875 C 5.460938 8 5.605469 8.214844 5.765625 8.464844 L 5.871094 8.347656 C 6.117188 8.234375 6.375 8.066406 6.640625 8.003906 C 7.578125 7.789062 8.769531 8.417969 9.035156 9.363281 Z M 20.164062 9.417969 C 20.0625 9.300781 20.023438 9.128906 19.9375 9.011719 C 19.660156 8.628906 19 8.015625 18.628906 7.703125 C 18.429688 7.535156 18.242188 7.375 17.996094 7.285156 C 17.984375 7.414062 17.875 7.722656 17.929688 7.832031 C 18.007812 7.980469 18.375 8.175781 18.523438 8.292969 C 18.902344 8.585938 19.253906 8.925781 19.65625 9.191406 C 19.730469 9.242188 20.089844 9.472656 20.164062 9.417969 Z M 10.820312 12.867188 C 10.882812 13.058594 10.753906 13.511719 10.53125 13.542969 C 10.253906 13.582031 9.78125 13.011719 9.601562 13.460938 C 9.496094 13.730469 9.523438 13.972656 9.277344 14.195312 C 9.214844 14.25 8.941406 14.421875 8.867188 14.425781 C 8.71875 14.4375 8.527344 14.242188 8.515625 14.101562 C 8.496094 13.816406 8.800781 13.847656 8.914062 13.644531 C 9.125 13.257812 8.949219 12.699219 9.617188 12.644531 C 9.800781 12.628906 9.980469 12.6875 10.160156 12.6875 C 10.265625 12.484375 10.300781 12.261719 10.480469 12.105469 C 10.621094 11.984375 10.683594 12 10.761719 11.796875 C 11.113281 10.90625 10.34375 10.03125 9.425781 10.113281 C 9.011719 10.148438 9.1875 10.632812 8.945312 10.847656 C 8.632812 11.125 7.90625 11.136719 7.71875 10.6875 C 7.550781 10.296875 7.902344 10.128906 8.214844 10.316406 C 8.300781 10.371094 8.390625 10.597656 8.4375 10.335938 C 8.464844 10.164062 8.375 9.753906 8.300781 9.585938 C 8.144531 9.207031 7.65625 8.808594 7.238281 8.777344 C 6.765625 8.742188 6.101562 9.03125 5.890625 9.476562 C 5.757812 9.761719 5.75 10.332031 5.296875 10.265625 C 5.023438 10.226562 5.007812 9.8125 5.03125 9.601562 C 5.046875 9.425781 5.28125 9.171875 5.03125 9.113281 C 4.226562 8.925781 3.589844 9.726562 3.886719 10.480469 C 4.019531 10.816406 4.242188 10.734375 4.519531 10.851562 C 4.761719 10.953125 4.980469 11.199219 4.976562 11.472656 C 4.976562 11.570312 4.90625 11.699219 4.949219 11.792969 C 4.980469 11.859375 5.222656 11.910156 5.304688 11.957031 C 5.875 12.289062 5.242188 12.964844 5.667969 13.378906 C 5.785156 13.492188 6.039062 13.554688 6.066406 13.726562 C 6.121094 14.0625 5.738281 14.160156 5.492188 14.023438 C 5.222656 13.882812 4.929688 13.414062 4.894531 13.113281 C 4.871094 12.910156 4.925781 12.703125 4.90625 12.5 C 4.640625 12.351562 4.253906 12.328125 4.230469 11.9375 C 4.222656 11.730469 4.390625 11.523438 4.09375 11.4375 C 3.734375 11.335938 3.433594 11.632812 3.285156 11.929688 C 3.078125 12.347656 3.128906 12.855469 3.316406 13.273438 C 3.585938 13.886719 3.886719 13.625 4.316406 13.898438 C 4.535156 14.042969 4.570312 14.234375 4.679688 14.453125 C 4.96875 14.449219 5.203125 14.476562 5.460938 14.609375 C 5.773438 14.769531 6.175781 15.152344 6.34375 15.460938 C 6.371094 15.511719 6.433594 15.773438 6.484375 15.597656 C 6.648438 15.054688 6.582031 13.964844 6.457031 13.40625 C 6.238281 12.445312 5.890625 12.09375 5.386719 11.320312 C 5.273438 11.140625 5.019531 10.746094 5.335938 10.617188 C 5.59375 10.515625 5.757812 10.71875 5.902344 10.890625 C 6.414062 11.484375 6.78125 12.257812 7.046875 12.988281 C 7.066406 13.046875 7.074219 13.195312 7.136719 13.210938 C 7.21875 13.230469 7.21875 13.085938 7.25 13.035156 C 7.3125 12.929688 7.546875 12.8125 7.65625 12.726562 C 7.90625 12.535156 8.613281 11.839844 8.875 11.796875 C 9.003906 11.773438 9.097656 11.808594 9.179688 11.914062 C 9.382812 12.167969 9.105469 12.34375 8.917969 12.484375 C 8.5625 12.742188 8.191406 12.921875 7.890625 13.257812 C 7.460938 13.738281 7.203125 14.394531 7.265625 15.042969 L 7.304688 15.082031 C 7.464844 15.011719 7.601562 14.898438 7.761719 14.828125 C 8.144531 14.660156 8.597656 14.679688 8.976562 14.515625 C 9.15625 14.4375 9.296875 14.285156 9.511719 14.371094 C 9.703125 14.445312 9.652344 14.707031 9.5625 14.839844 C 9.28125 15.242188 8.210938 15.289062 7.738281 15.550781 C 6.984375 15.96875 6.875 16.761719 6.796875 17.546875 C 6.898438 17.523438 6.984375 17.464844 7.09375 17.433594 C 7.597656 17.28125 8.15625 17.433594 8.648438 17.222656 C 8.882812 17.117188 9.136719 16.8125 9.363281 17.121094 C 9.449219 17.238281 9.433594 17.34375 9.34375 17.453125 C 9.097656 17.761719 8.496094 18.003906 8.105469 18.03125 C 7.777344 18.054688 7.414062 17.953125 7.113281 18.117188 C 6.835938 18.265625 6.6875 18.601562 6.589844 18.890625 C 6.601562 18.914062 6.636719 18.890625 6.652344 18.886719 C 6.878906 18.796875 6.992188 18.660156 7.285156 18.597656 C 7.46875 18.558594 7.496094 18.59375 7.65625 18.605469 C 7.855469 18.617188 7.828125 18.480469 7.960938 18.40625 C 8.007812 18.378906 8.070312 18.375 8.125 18.378906 C 8.300781 18.398438 8.695312 18.882812 8.90625 19 C 9.640625 19.410156 10.78125 18.945312 10.984375 18.117188 C 11.078125 17.734375 10.863281 17.742188 10.664062 17.503906 C 10.53125 17.339844 10.339844 17 10.273438 16.800781 C 10.21875 16.636719 10.207031 16.355469 10.078125 16.25 C 9.894531 16.09375 9.664062 16.015625 9.421875 16.003906 C 9.003906 15.984375 9.078125 16.191406 8.90625 16.460938 C 8.789062 16.652344 8.421875 16.917969 8.191406 16.941406 C 7.980469 16.964844 7.714844 16.863281 7.699219 16.621094 C 7.667969 16.167969 8.101562 16.382812 8.296875 16.195312 C 8.402344 16.097656 8.449219 15.863281 8.511719 15.734375 C 8.808594 15.101562 9.699219 15.324219 10.230469 15.460938 C 10.441406 14.667969 11.097656 14.113281 11.738281 13.65625 C 11.746094 13.628906 11.730469 13.621094 11.722656 13.605469 C 11.683594 13.535156 11.539062 13.359375 11.476562 13.292969 C 11.300781 13.09375 11.097656 12.894531 10.820312 12.867188 Z M 17.996094 13.386719 L 21.800781 13.386719 C 22.007812 13.375 21.910156 13.152344 21.882812 13.011719 C 21.742188 12.382812 21.488281 11.695312 21.21875 11.109375 C 21.113281 10.890625 20.917969 10.453125 20.761719 10.285156 C 20.621094 10.136719 20.625 10.21875 20.464844 10.234375 C 20.277344 10.246094 20.0625 10.210938 19.882812 10.160156 C 19.097656 9.945312 18.539062 9.308594 17.890625 8.863281 C 17.785156 10.042969 17.765625 11.246094 17.875 12.425781 C 17.902344 12.746094 17.949219 13.066406 17.996094 13.386719 Z M 20.527344 21.761719 C 20.523438 21.695312 20.441406 21.703125 20.386719 21.664062 C 20.191406 21.527344 19.859375 21.109375 19.707031 20.910156 C 18.707031 19.605469 18.050781 17.835938 17.632812 16.253906 C 17.097656 14.230469 16.84375 12.214844 16.9375 10.121094 C 16.949219 9.886719 16.953125 9.652344 16.964844 9.417969 C 16.792969 9.570312 16.667969 9.789062 16.511719 9.957031 C 16.441406 10.035156 16.316406 10.105469 16.273438 10.183594 C 16.199219 10.320312 16.1875 10.667969 16.191406 10.832031 C 16.25 11.652344 16.230469 12.457031 16.3125 13.273438 C 16.554688 15.609375 17.148438 18.082031 18.320312 20.125 C 18.589844 20.59375 19.148438 21.492188 19.628906 21.730469 C 19.925781 21.875 20.21875 21.738281 20.527344 21.761719 Z M 15.183594 10.949219 C 15.078125 10.96875 14.855469 11.148438 14.746094 11.207031 C 14.164062 11.53125 12.964844 11.90625 12.300781 11.949219 C 12.121094 11.960938 11.738281 11.914062 11.59375 11.96875 C 11.535156 11.996094 11.445312 12.136719 11.460938 12.195312 C 11.476562 12.242188 11.921875 12.53125 11.996094 12.597656 C 12.085938 12.675781 12.460938 13.164062 12.523438 13.160156 L 15.273438 11.871094 L 15.289062 10.988281 L 15.261719 10.945312 C 15.234375 10.941406 15.207031 10.941406 15.179688 10.949219 Z M 1.890625 13.5625 L 2.160156 13.5625 C 2.171875 13.5625 2.28125 13.617188 2.296875 13.628906 C 2.40625 13.71875 2.382812 13.871094 2.359375 13.996094 C 2.386719 14.023438 2.652344 13.871094 2.683594 13.832031 C 2.6875 13.796875 2.539062 13.589844 2.511719 13.539062 C 2.382812 13.285156 2.328125 12.976562 2.308594 12.695312 C 2.050781 12.902344 1.933594 13.238281 1.890625 13.5625 Z M 15.84375 16.417969 C 15.890625 16.335938 15.671875 15.394531 15.644531 15.226562 C 15.507812 14.4375 15.417969 13.632812 15.363281 12.832031 C 14.542969 13.167969 13.710938 13.480469 12.933594 13.898438 C 12.34375 14.21875 11.625 14.671875 11.257812 15.238281 C 11.203125 15.316406 11.015625 15.609375 11.085938 15.6875 C 11.226562 15.746094 11.355469 15.644531 11.507812 15.722656 C 11.730469 15.84375 11.671875 16.167969 11.449219 16.261719 C 11.207031 16.367188 10.910156 16.167969 11.09375 16.589844 C 11.117188 16.648438 11.289062 16.949219 11.332031 16.957031 C 11.398438 16.96875 11.609375 16.671875 11.738281 16.636719 C 11.859375 16.605469 12.027344 16.628906 12.089844 16.757812 C 12.210938 17.003906 11.898438 17.171875 11.859375 17.390625 C 12.558594 17.644531 13.296875 17.542969 13.988281 17.328125 C 14.65625 17.121094 15.257812 16.785156 15.84375 16.417969 Z M 18.167969 14.238281 C 18.242188 14.824219 18.375 15.402344 18.546875 15.964844 C 18.570312 16.046875 18.679688 16.4375 18.722656 16.464844 C 18.789062 16.503906 19.015625 16.507812 19.109375 16.53125 C 19.441406 16.609375 19.914062 17 20.238281 17.167969 C 20.285156 17.191406 20.421875 17.273438 20.464844 17.269531 C 20.53125 17.265625 20.828125 17.082031 20.90625 17.035156 C 21.109375 16.910156 21.296875 16.761719 21.5 16.636719 C 21.601562 16.574219 21.851562 16.480469 21.898438 16.398438 C 22.023438 16.183594 22.023438 15.515625 22.035156 15.25 C 22.042969 14.984375 22.085938 14.597656 22.054688 14.332031 C 22.050781 14.3125 22.054688 14.292969 22.035156 14.277344 L 18.167969 14.234375 Z M 4.855469 15.105469 C 4.828125 15.136719 4.972656 15.355469 4.992188 15.410156 C 5.0625 15.597656 5.066406 15.996094 4.8125 16.039062 C 4.714844 16.054688 4.546875 16.027344 4.488281 15.949219 C 4.390625 15.8125 4.40625 15.714844 4.382812 15.566406 C 4.351562 15.355469 4.15625 15.398438 3.996094 15.292969 C 3.824219 15.179688 3.789062 15.03125 3.851562 14.839844 C 3.902344 14.691406 4.042969 14.558594 3.800781 14.5 C 2.546875 14.203125 1.855469 16.125 2.925781 16.851562 C 3.214844 17.046875 3.480469 16.984375 3.773438 17.097656 C 4.097656 17.222656 3.984375 17.578125 4.113281 17.847656 C 4.359375 18.363281 4.886719 18.25 5.359375 18.25 C 5.511719 18.28125 5.601562 18.449219 5.722656 18.535156 C 5.71875 18.097656 5.511719 17.714844 5.164062 17.453125 C 4.84375 17.214844 4.414062 17.148438 4.09375 16.914062 C 3.851562 16.734375 3.335938 16.238281 3.726562 15.960938 C 3.980469 15.78125 4.183594 16.210938 4.359375 16.316406 C 4.824219 16.601562 5.535156 16.789062 5.894531 17.191406 C 5.925781 17.226562 6.074219 17.476562 6.121094 17.425781 C 6.214844 16.515625 5.839844 15.34375 4.855469 15.105469 Z M 16.105469 17.324219 C 15.710938 17.535156 15.324219 17.761719 14.910156 17.9375 C 13.945312 18.347656 12.875 18.570312 11.835938 18.328125 C 11.816406 18.335938 11.710938 18.640625 11.683594 18.699219 C 11.140625 19.835938 9.625 20.34375 8.511719 19.722656 C 8.324219 19.617188 8.179688 19.457031 7.980469 19.375 C 7.761719 19.417969 7.535156 19.394531 7.316406 19.445312 C 7.097656 19.496094 6.863281 19.652344 6.660156 19.757812 C 7.945312 21.21875 9.832031 22.121094 11.789062 22.191406 C 11.824219 20.492188 13.078125 18.792969 14.703125 18.285156 C 15.226562 18.121094 15.78125 18.058594 16.332031 18.066406 Z M 19.179688 17.628906 L 19.15625 17.601562 L 19.574219 18.628906 L 19.660156 18.65625 L 19.832031 18.011719 Z M 20.421875 19.976562 C 20.695312 19.582031 20.976562 19.183594 21.183594 18.75 C 21.28125 18.542969 21.40625 18.265625 21.46875 18.046875 C 21.492188 17.957031 21.574219 17.769531 21.4375 17.773438 C 21.316406 17.777344 20.828125 18.046875 20.726562 18.136719 C 20.605469 18.246094 20.625 18.460938 20.585938 18.617188 C 20.488281 18.972656 20.308594 19.304688 20.199219 19.65625 C 20.1875 19.726562 20.230469 19.789062 20.269531 19.839844 C 20.289062 19.867188 20.398438 19.992188 20.421875 19.976562 Z M 18.308594 21.878906 C 18.3125 21.863281 18.304688 21.847656 18.296875 21.828125 C 18.257812 21.726562 18.019531 21.457031 17.941406 21.339844 C 17.582031 20.808594 17.242188 20.183594 16.976562 19.597656 C 16.886719 19.402344 16.859375 19.105469 16.621094 19.035156 C 16.105469 18.875 15.246094 18.984375 14.753906 19.203125 C 13.742188 19.65625 12.570312 21.136719 12.671875 22.289062 C 12.691406 22.507812 12.773438 22.617188 12.933594 22.757812 C 13.035156 22.84375 13.304688 23.054688 13.4375 23 C 13.605469 22.925781 13.53125 22.375 13.84375 22.367188 C 13.878906 22.363281 14.042969 22.386719 14.066406 22.402344 C 14.125 22.441406 14.132812 22.679688 14.125 22.753906 C 14.109375 22.878906 13.976562 23.074219 14.179688 23.121094 C 14.699219 23.246094 15.824219 22.652344 16.269531 22.367188 C 16.484375 22.230469 16.765625 22.039062 16.9375 21.855469 C 17.105469 21.675781 17.054688 21.609375 17.363281 21.636719 C 17.621094 21.660156 17.542969 21.824219 17.667969 21.953125 C 17.789062 22.085938 18.164062 21.945312 18.308594 21.878906 Z M 5.078125 22.363281 C 5.148438 22.246094 5.132812 21.914062 5.253906 21.855469 C 5.46875 21.75 5.679688 21.792969 5.683594 22.066406 C 5.6875 22.335938 5.453125 22.566406 5.9375 22.539062 C 6.535156 22.507812 7.039062 22.253906 7.535156 21.953125 C 7.566406 21.9375 7.625 21.910156 7.628906 21.871094 C 7.632812 21.828125 7.597656 21.804688 7.566406 21.777344 C 7.429688 21.648438 7.210938 21.542969 7.050781 21.425781 C 6.613281 21.105469 6.125 20.585938 5.800781 20.144531 C 5.730469 20.050781 5.308594 19.394531 5.261719 19.386719 C 5.238281 19.378906 5.234375 19.398438 5.222656 19.414062 C 5.070312 19.71875 4.875 20.011719 4.757812 20.332031 C 4.566406 20.855469 4.222656 21.925781 4.828125 22.28125 C 4.871094 22.308594 5.035156 22.390625 5.078125 22.363281 Z M 5.078125 22.363281M 10.085938 6.09375 C 10.222656 6.0625 10.402344 6.203125 10.421875 6.339844 C 10.507812 7.085938 9.582031 7.625 8.9375 7.390625 C 8.605469 7.269531 8.246094 6.914062 8.191406 6.558594 C 8.152344 6.304688 8.238281 6.066406 8.539062 6.109375 C 8.742188 6.136719 8.761719 6.375 8.851562 6.523438 C 9.054688 6.859375 9.507812 6.839844 9.742188 6.546875 C 9.828125 6.4375 9.953125 6.121094 10.085938 6.09375 Z M 10.085938 6.09375M 12.496094 5.175781 C 13.367188 5.078125 13.476562 6.375 12.679688 6.46875 C 11.765625 6.578125 11.675781 5.269531 12.496094 5.175781 Z M 12.496094 5.175781M 6.359375 5.191406 C 7.328125 5.082031 7.339844 6.605469 6.324219 6.464844 C 5.640625 6.375 5.628906 5.277344 6.359375 5.191406 Z M 6.359375 5.191406'
+    'M14.406 23.98c-.074.008-.18.016-.23.02h-.313c-.039 0-.14-.012-.218-.02-.47-.066-.922-.195-1.282-.515-.148-.125-.18-.246-.386-.305-.348-.098-.829-.113-1.2-.172-.492-.082-1.023-.187-1.492-.363-.219-.078-.422-.2-.644-.277-.059-.004-.121.039-.176.066-.387.2-.719.484-1.133.652-1.117.461-2.836.57-3.52-.636-.468-.828-.07-2 .282-2.809l.308-.582c-.41-.039-.832-.398-1.02-.758-.07-.136-.097-.297-.175-.43-.215-.074-.414-.09-.617-.195-.715-.37-1.082-1.297-1.027-2.074.003-.09.05-.18.035-.273-.375-.254-.547-.723-.594-1.157-.004-.062.012-.136-.035-.191v-.191c.05-.051.031-.13.035-.192.055-.617.398-1.39.941-1.723.121-.078.45-.168.516-.23.086-.074.2-.379.297-.5.058-.074.32-.27.336-.305.043-.093-.114-.472-.125-.617-.082-.832.511-1.762 1.36-1.91.05-.008.25.012.265-.066.004-.02-.137-.32-.157-.38C2.875 3.403 6.919-.16 11.177.005c3.445.133 6.562 2.527 6.793 6.105 2.008 1.137 3.543 3.09 4.375 5.227 1.133 2.918.89 6.41-.938 8.992-.047.067-.36.442-.36.469-.01.129.536.492.642.605.203.22.261.614.035.832-.403.395-1.727.7-2.23.48-.067-.026-.15-.097-.216-.112-.164-.043-.37.07-.535.105a9 9 0 0 1-.844.16c-.335.043-.8.004-1.082.168-.18.106-.34.25-.527.356-.559.32-1.246.515-1.883.59M9.036 9.363c.26.016.538-.05.8-.027.695.059 1.445.621 1.7 1.266.05.136.062.453.23.48.3.047.996-.113 1.304-.2 3.106-.874 5.035-3.694 3.39-6.804-1.65-3.128-5.772-4-8.795-2.348C5.48 2.922 4.398 5.328 5.348 7.72c.113.281.257.496.418.746l.105-.117c.246-.114.504-.282.77-.344.937-.215 2.129.414 2.394 1.36m11.128.055c-.102-.117-.14-.29-.227-.406-.277-.383-.937-.996-1.308-1.309-.2-.168-.387-.328-.633-.418-.012.13-.121.438-.066.547.078.148.445.344.593.461.38.293.73.633 1.133.898.074.051.434.282.508.227m-9.344 3.45c.063.19-.066.644-.289.675-.277.039-.75-.531-.93-.082-.105.27-.078.512-.324.734-.062.055-.336.227-.41.23-.148.012-.34-.183-.351-.323-.02-.286.285-.254.398-.457.211-.387.035-.946.703-1 .184-.016.363.043.543.043.106-.204.14-.426.32-.583.141-.12.204-.105.282-.308.351-.89-.418-1.766-1.336-1.684-.414.035-.239.52-.48.735-.313.277-1.04.289-1.227-.16-.168-.391.183-.56.496-.372.086.055.176.282.223.02.027-.172-.063-.582-.137-.75-.156-.379-.645-.777-1.063-.809-.472-.035-1.136.254-1.347.7-.133.285-.141.855-.594.789-.274-.04-.29-.453-.266-.664.016-.176.25-.43 0-.489-.804-.187-1.441.614-1.144 1.367.133.336.355.254.633.372.242.101.46.347.457.62 0 .098-.07.227-.028.321.031.066.274.117.356.164.57.332-.063 1.008.363 1.422.117.113.371.176.398.348.055.335-.328.433-.574.296-.27-.14-.562-.609-.597-.91-.024-.203.03-.41.011-.613-.265-.148-.652-.172-.676-.562-.007-.208.16-.415-.136-.5-.36-.102-.66.195-.809.492-.207.418-.156.925.031 1.343.27.614.57.352 1 .625.22.145.254.336.364.555.289-.004.523.024.78.156.313.16.716.543.884.852.027.05.09.312.14.137.164-.543.098-1.633-.027-2.192-.219-.96-.566-1.312-1.07-2.086-.114-.18-.367-.574-.051-.703.258-.101.422.102.566.274.512.593.88 1.367 1.145 2.097.02.059.027.207.09.223.082.02.082-.125.113-.176.063-.105.297-.223.406-.308.25-.192.957-.887 1.219-.93a.285.285 0 0 1 .305.117c.203.254-.075.43-.262.57-.355.258-.727.438-1.027.774-.43.48-.688 1.137-.625 1.785l.039.039c.16-.07.297-.184.457-.254.383-.168.836-.148 1.215-.312.18-.079.32-.23.535-.145.191.074.14.336.05.469-.28.402-1.351.45-1.824.71-.754.419-.863 1.212-.941 1.997.101-.024.187-.082.297-.113.504-.153 1.062 0 1.554-.211.235-.106.489-.41.715-.102.086.117.07.223-.02.332-.245.309-.847.55-1.238.578-.328.024-.69-.078-.992.086-.277.149-.426.485-.523.774.012.023.047 0 .062-.004.227-.09.34-.227.633-.29.184-.038.211-.003.371.008.2.012.172-.125.305-.199a.3.3 0 0 1 .164-.027c.176.02.57.504.781.621.735.41 1.875-.055 2.078-.883.094-.383-.12-.375-.32-.613a3 3 0 0 1-.39-.703c-.055-.164-.067-.446-.196-.551a1.08 1.08 0 0 0-.656-.246c-.418-.02-.344.187-.516.457-.117.191-.484.457-.715.48-.21.024-.476-.078-.492-.32-.031-.453.403-.238.598-.426.105-.097.152-.332.215-.46.297-.633 1.187-.41 1.718-.274.211-.793.868-1.348 1.508-1.805.008-.027-.008-.035-.015-.05a2.5 2.5 0 0 0-.246-.313c-.176-.2-.38-.398-.657-.426m7.176.519H21.8c.207-.012.11-.235.082-.375a10 10 0 0 0-.664-1.903c-.106-.218-.301-.656-.457-.824-.14-.148-.137-.066-.297-.05a1.8 1.8 0 0 1-.582-.075c-.785-.215-1.344-.851-1.992-1.297a19.7 19.7 0 0 0-.016 3.563c.027.32.074.64.121.96m2.531 8.375c-.004-.067-.086-.059-.14-.098-.196-.137-.528-.555-.68-.754-1-1.305-1.656-3.074-2.074-4.656-.535-2.024-.79-4.04-.695-6.133.011-.234.015-.469.027-.703-.172.152-.297.371-.453.539-.07.078-.196.148-.239.227-.074.136-.085.484-.082.648.059.82.04 1.625.122 2.441.242 2.336.835 4.809 2.007 6.852.27.469.828 1.367 1.309 1.605.297.145.59.008.898.032m-5.343-10.813c-.106.02-.329.2-.438.258-.582.324-1.781.7-2.445.742-.18.012-.563-.035-.707.02-.059.027-.149.168-.133.226.016.047.46.336.535.403.09.078.465.566.527.562l2.75-1.289.016-.883-.027-.043a.2.2 0 0 0-.082.004ZM1.89 13.563h.27c.01 0 .12.054.136.066.11.09.086.242.062.367.028.027.293-.125.325-.164.003-.035-.145-.242-.172-.293-.13-.254-.184-.562-.203-.844-.258.207-.375.543-.418.867m13.953 2.855c.047-.082-.172-1.023-.2-1.191a23 23 0 0 1-.28-2.395c-.821.336-1.653.648-2.43 1.066-.59.32-1.309.774-1.676 1.34-.055.078-.242.371-.172.45.14.058.27-.043.422.035.222.12.164.445-.059.539-.242.105-.539-.094-.355.328.023.058.195.36.238.367.066.012.277-.285.406-.32.121-.032.29-.008.352.12.12.247-.192.415-.23.634.699.254 1.437.152 2.128-.063.668-.207 1.27-.543 1.856-.91m2.324-2.18c.074.586.207 1.164.379 1.727.023.082.133.473.176.5.066.039.293.043.386.066.332.078.805.469 1.13.637.046.023.183.105.226.102.066-.004.363-.188.441-.235.203-.125.39-.273.594-.398.102-.063.352-.157.398-.239.125-.214.125-.882.137-1.148.008-.266.05-.652.02-.918-.004-.02 0-.039-.02-.055l-3.867-.043Zm-13.313.867c-.027.032.118.25.137.305.07.188.074.586-.18.63-.097.015-.265-.013-.324-.09-.097-.137-.082-.235-.105-.384-.031-.21-.227-.168-.387-.273-.172-.113-.207-.262-.144-.453.05-.149.191-.281-.051-.34-1.254-.297-1.946 1.625-.875 2.352.289.195.554.132.847.246.325.125.211.48.34.75.246.515.774.402 1.246.402.153.031.243.2.364.285a1.35 1.35 0 0 0-.559-1.082c-.32-.238-.75-.305-1.07-.539-.242-.18-.758-.676-.367-.953.253-.18.457.25.632.355.465.286 1.176.473 1.536.875.03.036.18.286.226.235.094-.91-.281-2.082-1.266-2.32m11.25 2.22c-.394.21-.78.437-1.195.613-.965.41-2.035.632-3.074.39-.02.008-.125.313-.152.371-.543 1.137-2.059 1.645-3.172 1.024-.188-.106-.332-.266-.532-.348-.218.043-.445.02-.664.07-.218.051-.453.207-.656.313a7.25 7.25 0 0 0 5.13 2.433c.034-1.699 1.288-3.398 2.913-3.906a5.2 5.2 0 0 1 1.629-.219Zm3.075.304-.024-.027.418 1.027.086.027.172-.644Zm1.242 2.348c.273-.395.555-.793.762-1.227.097-.207.222-.484.285-.703.023-.09.105-.277-.032-.274-.12.004-.609.274-.71.364-.122.11-.102.324-.141.48-.098.356-.277.688-.387 1.04-.012.07.031.132.07.183.02.027.13.152.153.137m-2.113 1.902c.003-.016-.004-.031-.012-.05-.04-.102-.277-.372-.356-.49a12 12 0 0 1-.964-1.741c-.09-.196-.118-.493-.356-.563-.516-.16-1.375-.05-1.867.168-1.012.453-2.184 1.934-2.082 3.086.02.219.101.328.262.469.101.086.37.297.504.242.167-.074.093-.625.406-.633a.8.8 0 0 1 .222.035c.059.04.067.278.059.352-.016.125-.148.32.055.367.52.125 1.644-.469 2.09-.754.214-.137.496-.328.668-.512.167-.18.117-.246.425-.218.258.023.18.187.305.316.121.133.496-.008.64-.074m-13.23.484c.07-.117.054-.449.175-.508.215-.105.426-.062.43.211.003.27-.23.5.253.473.598-.031 1.102-.285 1.598-.586.031-.015.09-.043.094-.082.004-.043-.031-.066-.063-.094-.136-.129-.355-.234-.515-.351-.438-.32-.926-.84-1.25-1.281-.07-.094-.492-.75-.54-.758-.023-.008-.027.011-.038.027-.153.305-.348.598-.465.918-.192.523-.535 1.594.07 1.95.043.027.207.109.25.081m5.007-16.27c.137-.03.316.11.336.247.086.746-.84 1.285-1.485 1.05-.332-.12-.69-.476-.746-.831-.039-.254.047-.493.348-.45.203.028.223.266.313.414.203.336.656.317.89.024.086-.11.211-.426.344-.453m2.41-.917c.871-.098.98 1.199.184 1.293-.914.11-1.004-1.2-.184-1.293M6.36 5.19c.97-.109.98 1.414-.035 1.274-.683-.09-.695-1.188.035-1.274m0 0'
 export const afcIconLogo =
-    'M11.946,23.702l-10.14,-5.854l0,-11.706l10.14,-5.854l10.139,5.854l0,11.708l-10.139,5.852Zm-9.554,-6.192l9.554,5.516l9.553,-5.516l0,-11.03l-9.553,-5.516l-9.554,5.516l-0,11.03ZM11.946,1.904l-8.741,5.045l-0,10.092l2.036,1.175l-0,-10.092l6.705,-3.87l6.703,3.87l-0,10.092l2.035,-1.175l0,-10.092l-8.738,-5.045ZM15.8,7.42l-3.854,2.226l-3.856,-2.226l-2.036,1.175l4.873,2.813l-0,10.092l1.019,0.586l1.017,-0.586l-0,-10.092l4.872,-2.813l-2.035,-1.175Z'
+    'm11.946 23.702-10.14-5.854V6.142L11.946.288l10.139 5.854V17.85zM2.392 17.51l9.554 5.516 9.553-5.516V6.48L11.946.964 2.392 6.48zm9.554-15.606L3.205 6.949v10.092l2.036 1.175V8.124l6.705-3.87 6.703 3.87v10.092l2.035-1.175V6.949zM15.8 7.42l-3.854 2.226L8.09 7.42 6.054 8.595l4.873 2.813V21.5l1.019.586 1.017-.586V11.408l4.872-2.813z'
 export const afcIconNightOwl =
-    'M23.981,4.616c-0.001,-0.052 -0.018,-0.06 -0.066,-0.041c-0.016,0.006 -0.031,0.015 -0.045,0.025c-0.166,0.105 -0.329,0.216 -0.498,0.316c-0.378,0.224 -0.757,0.443 -1.137,0.662c-0.254,0.147 -0.509,0.291 -0.766,0.433c-0.331,0.183 -0.656,0.378 -1.006,0.527c-0.169,0.072 -0.333,0.154 -0.5,0.233c-0.215,0.102 -0.416,0.231 -0.602,0.378c-0.148,0.118 -0.286,0.251 -0.419,0.388c-0.101,0.104 -0.191,0.219 -0.234,0.364c-0.005,0.018 -0.034,0.037 -0.055,0.04c-0.125,0.017 -0.25,0.032 -0.376,0.043c-0.304,0.026 -0.609,0.05 -0.914,0.075c-0.047,0.004 -0.072,-0.017 -0.098,-0.055c-0.068,-0.099 -0.14,-0.195 -0.214,-0.288c-0.026,-0.032 -0.037,-0.056 -0.007,-0.088c0.016,-0.018 0.029,-0.038 0.043,-0.057c0.146,-0.199 0.302,-0.394 0.437,-0.601c0.205,-0.313 0.365,-0.649 0.467,-1.01c0.099,-0.347 0.16,-0.698 0.139,-1.063c-0.019,-0.352 -0.09,-0.692 -0.217,-1.018c-0.071,-0.183 -0.16,-0.36 -0.253,-0.533c-0.061,-0.115 -0.137,-0.223 -0.257,-0.289c-0.109,-0.06 -0.253,-0.043 -0.347,0.038c-0.076,0.065 -0.109,0.151 -0.132,0.243c-0.022,0.089 -0.039,0.18 -0.068,0.267c-0.1,0.302 -0.234,0.587 -0.407,0.856c-0.229,0.355 -0.494,0.675 -0.827,0.94c-0.224,0.178 -0.465,0.327 -0.736,0.409c-0.356,0.107 -0.719,0.196 -1.082,0.276c-0.442,0.098 -0.88,0.204 -1.293,0.394c-0.203,0.093 -0.401,0.194 -0.544,0.374c-0.008,0.01 -0.013,0.023 -0.017,0.031c-0.081,-0.066 -0.147,-0.126 -0.219,-0.178c-0.227,-0.166 -0.482,-0.275 -0.741,-0.38c-0.286,-0.116 -0.587,-0.171 -0.886,-0.234c-0.15,-0.032 -0.304,-0.049 -0.455,-0.081c-0.138,-0.029 -0.275,-0.064 -0.41,-0.103c-0.166,-0.048 -0.335,-0.094 -0.495,-0.157c-0.302,-0.12 -0.551,-0.318 -0.777,-0.547c-0.236,-0.241 -0.432,-0.513 -0.609,-0.8c-0.151,-0.244 -0.258,-0.506 -0.331,-0.783c-0.035,-0.13 -0.069,-0.261 -0.113,-0.388c-0.073,-0.211 -0.309,-0.279 -0.476,-0.132c-0.086,0.076 -0.155,0.172 -0.219,0.267c-0.157,0.235 -0.27,0.491 -0.354,0.76c-0.039,0.126 -0.073,0.256 -0.091,0.387c-0.035,0.263 -0.04,0.528 -0.02,0.794c0.026,0.362 0.1,0.712 0.252,1.042c0.16,0.349 0.358,0.677 0.596,0.979c0.089,0.113 0.179,0.223 0.271,0.337c-0.104,0.104 -0.176,0.225 -0.24,0.352c-0.017,0.036 -0.046,0.04 -0.08,0.039c-0.12,-0.005 -0.24,-0.007 -0.359,-0.014c-0.307,-0.021 -0.615,-0.044 -0.922,-0.065c-0.045,-0.003 -0.067,-0.031 -0.089,-0.064c-0.058,-0.088 -0.115,-0.176 -0.179,-0.259c-0.161,-0.213 -0.353,-0.395 -0.566,-0.556c-0.204,-0.154 -0.419,-0.288 -0.654,-0.392c-0.248,-0.11 -0.498,-0.217 -0.74,-0.34c-0.245,-0.126 -0.482,-0.269 -0.721,-0.407c-0.346,-0.201 -0.691,-0.403 -1.036,-0.607c-0.237,-0.141 -0.475,-0.282 -0.709,-0.428c-0.165,-0.103 -0.324,-0.215 -0.487,-0.322c-0.016,-0.011 -0.043,-0.021 -0.057,-0.015c-0.013,0.007 -0.021,0.035 -0.022,0.054c-0.016,0.263 -0.02,0.527 0.015,0.789c0.031,0.229 0.079,0.455 0.16,0.672c0.14,0.372 0.359,0.695 0.627,0.985c0.113,0.123 0.233,0.239 0.354,0.355c0.038,0.037 0.053,0.068 0.016,0.114c-0.019,0.025 -0.039,0.053 -0.049,0.083c-0.041,0.13 -0.083,0.26 -0.115,0.392c-0.033,0.136 -0.038,0.277 -0.013,0.415c0.066,0.367 0.209,0.695 0.493,0.95c0.191,0.172 0.381,0.345 0.627,0.439c0.038,0.014 0.045,0.036 0.03,0.075c-0.057,0.152 -0.139,0.283 -0.289,0.361c-0.072,0.037 -0.092,0.1 -0.087,0.178c0.017,0.259 0.131,0.478 0.285,0.676c0.193,0.248 0.419,0.464 0.692,0.625c0.152,0.09 0.312,0.167 0.473,0.241c0.084,0.039 0.177,0.058 0.275,0.089c-0.025,0.017 -0.042,0.029 -0.06,0.04c-0.154,0.087 -0.309,0.174 -0.464,0.259c-0.09,0.049 -0.099,0.06 -0.059,0.156c0.029,0.068 0.062,0.137 0.106,0.197c0.095,0.132 0.189,0.266 0.301,0.383c0.127,0.135 0.268,0.258 0.411,0.375c0.116,0.095 0.242,0.177 0.367,0.259c0.235,0.153 0.467,0.31 0.709,0.451c0.286,0.167 0.599,0.275 0.913,0.373c0.249,0.078 0.505,0.131 0.766,0.158c0.023,0.003 0.052,0.022 0.064,0.041c0.043,0.072 0.075,0.15 0.12,0.219c0.124,0.19 0.245,0.383 0.381,0.563c0.152,0.202 0.328,0.384 0.512,0.557c0.31,0.294 0.635,0.567 1.01,0.776c0.033,0.018 0.076,0.035 0.092,0.065c0.011,0.02 -0.015,0.061 -0.024,0.093c-0.001,0.006 -0.003,0.013 -0.003,0.019c-0.009,0.115 -0.023,0.229 -0.025,0.344c-0.004,0.182 -0,0.365 0.123,0.532l-0,0c-0.032,0.005 -0.048,0.009 -0.064,0.01c-0.122,0.009 -0.244,0.012 -0.365,0.026c-0.142,0.017 -0.283,0.036 -0.404,0.128c-0.186,0.142 -0.303,0.328 -0.363,0.551c-0.008,0.029 -0.007,0.061 -0.02,0.087c-0.01,0.022 -0.032,0.047 -0.053,0.053c-0.125,0.038 -0.252,0.07 -0.377,0.105c-0.157,0.043 -0.315,0.082 -0.47,0.13c-0.157,0.049 -0.259,0.159 -0.274,0.323c-0.016,0.164 0.012,0.33 0.11,0.466c0.018,0.026 0.036,0.049 0.054,0.069c0.013,0.001 0.022,0.004 0.027,0.007c-0.003,0.002 -0.008,0.004 -0.013,0.007c-0.005,-0.005 -0.009,-0.009 -0.014,-0.014c-0.037,-0.004 -0.103,0.001 -0.166,0.022c-0.051,0.011 -0.134,0.058 -0.183,0.073c-0.097,0.029 -0.152,0.096 -0.171,0.196c-0.032,0.165 -0.023,0.329 -0.003,0.493c0.014,0.11 0.08,0.185 0.187,0.223c0.129,0.045 0.259,0.029 0.388,0.009c0.293,-0.044 0.577,-0.122 0.857,-0.218c0.127,-0.044 0.256,-0.084 0.384,-0.126c0.038,-0.013 0.061,-0.006 0.081,0.035c0.049,0.101 0.134,0.156 0.245,0.16c0.242,0.007 0.484,0.009 0.724,-0.031c0.049,-0.008 0.084,0.003 0.123,0.035c0.054,0.044 0.11,0.092 0.174,0.118c0.342,0.139 0.676,0.135 0.995,-0.069c0.073,-0.048 0.087,-0.045 0.155,0.004c0.238,0.168 0.496,0.208 0.774,0.114c0.137,-0.046 0.245,-0.138 0.359,-0.22c0.031,-0.023 0.073,-0.041 0.11,-0.042c0.255,-0.006 0.51,-0.008 0.764,-0.01c0.028,0 0.057,0.002 0.083,0.01c0.025,0.009 0.054,0.022 0.068,0.042c0.109,0.155 0.267,0.223 0.444,0.255c0.186,0.034 0.367,-0.001 0.543,-0.058c0.064,-0.02 0.126,-0.055 0.181,-0.094c0.045,-0.032 0.077,-0.029 0.121,-0.003c0.074,0.043 0.149,0.087 0.228,0.117c0.233,0.09 0.465,0.049 0.689,-0.035c0.081,-0.031 0.15,-0.096 0.226,-0.142c0.023,-0.015 0.054,-0.026 0.08,-0.025c0.203,0.008 0.406,0.023 0.609,0.03c0.179,0.006 0.344,-0.032 0.475,-0.168c0.012,-0.011 0.044,-0.013 0.063,-0.006c0.089,0.03 0.176,0.065 0.264,0.097c0.283,0.099 0.571,0.182 0.867,0.234c0.144,0.025 0.29,0.034 0.432,-0.012c0.128,-0.041 0.203,-0.152 0.206,-0.285c0.003,-0.105 -0.027,-0.203 -0.059,-0.3c-0.053,-0.161 -0.119,-0.311 -0.309,-0.358c0.009,-0.017 0.014,-0.028 0.021,-0.038c0.072,-0.098 0.116,-0.203 0.12,-0.326c0.009,-0.267 -0.063,-0.447 -0.335,-0.527c-0.145,-0.043 -0.293,-0.079 -0.438,-0.124c-0.126,-0.04 -0.251,-0.086 -0.375,-0.132c-0.065,-0.024 -0.103,-0.068 -0.123,-0.142c-0.026,-0.1 -0.066,-0.199 -0.117,-0.29c-0.132,-0.236 -0.336,-0.375 -0.606,-0.4c-0.151,-0.014 -0.304,-0.009 -0.456,-0.013c-0.022,-0.001 -0.044,-0.002 -0.073,-0.004c0.032,-0.059 0.061,-0.109 0.086,-0.16c0.07,-0.149 0.058,-0.305 0.034,-0.46c-0.021,-0.135 -0.05,-0.268 -0.075,-0.398c0.093,-0.049 0.19,-0.087 0.272,-0.147c0.204,-0.148 0.409,-0.297 0.599,-0.463c0.247,-0.215 0.47,-0.454 0.676,-0.71c0.216,-0.268 0.412,-0.547 0.562,-0.856c0.016,-0.032 0.036,-0.046 0.071,-0.041c0.015,0.002 0.03,0.003 0.045,0.003c0.247,-0.015 0.487,-0.072 0.723,-0.14c0.234,-0.067 0.462,-0.154 0.689,-0.243c0.234,-0.091 0.454,-0.212 0.663,-0.351c0.142,-0.094 0.281,-0.196 0.428,-0.283c0.28,-0.165 0.548,-0.345 0.758,-0.596c0.133,-0.158 0.258,-0.325 0.37,-0.499c0.082,-0.128 0.065,-0.143 -0.069,-0.212c-0.162,-0.082 -0.321,-0.169 -0.482,-0.254c-0.025,-0.013 -0.05,-0.025 -0.075,-0.038c0.023,-0.018 0.043,-0.023 0.063,-0.028c0.08,-0.022 0.163,-0.038 0.241,-0.067c0.244,-0.089 0.472,-0.211 0.685,-0.361c0.303,-0.213 0.548,-0.482 0.744,-0.796c0.063,-0.101 0.117,-0.205 0.135,-0.324c0.031,-0.198 0.011,-0.229 -0.167,-0.324c-0.133,-0.071 -0.239,-0.172 -0.296,-0.316c-0.017,-0.041 -0.009,-0.065 0.031,-0.089c0.092,-0.053 0.186,-0.106 0.269,-0.172c0.136,-0.108 0.269,-0.22 0.394,-0.339c0.218,-0.209 0.363,-0.466 0.445,-0.755c0.035,-0.124 0.054,-0.258 0.049,-0.386c-0.009,-0.23 -0.059,-0.454 -0.182,-0.655c-0.007,-0.012 -0.002,-0.043 0.008,-0.053c0.075,-0.073 0.154,-0.143 0.23,-0.214c0.241,-0.228 0.459,-0.475 0.612,-0.771c0.183,-0.353 0.298,-0.73 0.315,-1.128c0.01,-0.239 -0.008,-0.479 -0.016,-0.718Zm-5.455,3.74c-0.113,0.159 -0.16,0.349 -0.219,0.537c-0.044,0.141 -0.105,0.279 -0.164,0.415c-0.053,0.123 -0.127,0.232 -0.221,0.328c-0.007,0.007 -0.015,0.014 -0.036,0.032c-0.07,-0.41 -0.171,-0.8 -0.331,-1.165c0.323,-0.049 0.649,-0.098 0.971,-0.147Zm-1.685,1.931c-0.042,0.281 -0.128,0.545 -0.256,0.797c-0.087,0.172 -0.198,0.328 -0.323,0.476c-0.222,0.261 -0.482,0.475 -0.783,0.636c-0.269,0.145 -0.555,0.242 -0.859,0.29c-0.206,0.033 -0.412,0.052 -0.62,0.052c-0.188,-0.001 -0.369,-0.041 -0.547,-0.097c-0.217,-0.069 -0.428,-0.152 -0.625,-0.267c-0.017,-0.009 -0.028,-0.028 -0.042,-0.043c0.013,-0.012 0.028,-0.023 0.041,-0.036c0.046,-0.046 0.098,-0.089 0.138,-0.141c0.116,-0.15 0.199,-0.318 0.249,-0.503c0.02,-0.074 0.032,-0.079 0.093,-0.03c0.136,0.109 0.279,0.204 0.44,0.275c0.149,0.066 0.306,0.097 0.466,0.11c0.619,0.054 1.13,-0.168 1.548,-0.619c0.184,-0.198 0.295,-0.433 0.368,-0.69c0.071,-0.248 0.075,-0.503 0.029,-0.751c-0.068,-0.363 -0.24,-0.68 -0.52,-0.93c-0.078,-0.07 -0.16,-0.135 -0.242,-0.202c-0.016,-0.013 -0.035,-0.023 -0.053,-0.034c0.004,-0.008 0.008,-0.017 0.012,-0.025l0,0c0.016,-0.009 0.032,-0.021 0.049,-0.026c0.19,-0.056 0.342,-0.175 0.491,-0.297c0.039,-0.032 0.068,-0.035 0.1,-0.005c0.121,0.115 0.25,0.223 0.357,0.35c0.192,0.228 0.326,0.493 0.412,0.778c0.092,0.303 0.124,0.613 0.077,0.932Zm-4.845,2.823c-0.006,0.013 -0.012,0.025 -0.018,0.038c-0.015,0.032 -0.033,0.063 -0.057,0.108c-0.025,-0.038 -0.047,-0.061 -0.059,-0.089c-0.006,-0.014 -0.013,-0.028 -0.019,-0.042c-0.109,-0.246 -0.22,-0.491 -0.323,-0.739c-0.075,-0.181 -0.144,-0.366 -0.203,-0.554c-0.05,-0.16 -0.082,-0.327 -0.122,-0.491c-0.006,-0.025 -0.011,-0.051 -0.023,-0.073c-0.023,-0.045 -0.015,-0.085 0.005,-0.128c0.057,-0.12 0.113,-0.241 0.163,-0.363c0.034,-0.085 0.059,-0.174 0.086,-0.262c0.018,-0.058 0.037,-0.067 0.083,-0.023c0.117,0.116 0.231,0.235 0.347,0.351c0.028,0.028 0.061,0.05 0.092,0.074l0.037,0.004c0.002,-0.026 0.014,-0.047 0.033,-0.067c0.095,-0.1 0.189,-0.199 0.282,-0.299c0.024,-0.025 0.043,-0.053 0.067,-0.078c0.011,-0.011 0.026,-0.019 0.039,-0.029c0.01,0.015 0.023,0.028 0.029,0.044c0.052,0.143 0.096,0.288 0.156,0.427c0.04,0.094 0.104,0.176 0.154,0.266c0.011,0.019 0.018,0.048 0.012,0.068c-0.03,0.098 -0.069,0.193 -0.097,0.292c-0.131,0.454 -0.318,0.885 -0.538,1.302c-0.046,0.086 -0.085,0.175 -0.126,0.263Zm-2.426,-0.582c-0.134,-0.012 -0.269,-0.024 -0.402,-0.045c-0.197,-0.032 -0.385,-0.098 -0.567,-0.18c-0.23,-0.103 -0.441,-0.237 -0.637,-0.393c-0.196,-0.156 -0.356,-0.345 -0.501,-0.548c-0.243,-0.338 -0.386,-0.714 -0.43,-1.126c-0.032,-0.291 -0.003,-0.576 0.08,-0.857c0.059,-0.196 0.132,-0.385 0.237,-0.56c0.104,-0.174 0.234,-0.327 0.385,-0.462c0.049,-0.045 0.101,-0.086 0.152,-0.128c0.022,-0.017 0.043,-0.026 0.068,-0.001c0.143,0.147 0.325,0.225 0.514,0.291c0.027,0.009 0.053,0.02 0.078,0.03c0.006,0.002 0.011,0.007 0.027,0.017l-0,0.001c-0.084,0.06 -0.158,0.114 -0.232,0.167c-0.266,0.194 -0.459,0.445 -0.564,0.755c-0.091,0.266 -0.116,0.543 -0.07,0.823c0.071,0.427 0.275,0.777 0.604,1.059c0.198,0.17 0.42,0.295 0.668,0.372c0.297,0.091 0.599,0.087 0.901,0.018c0.261,-0.059 0.493,-0.18 0.709,-0.334c0.028,-0.02 0.053,-0.043 0.087,-0.071c0.01,0.028 0.02,0.05 0.025,0.073c0.04,0.2 0.114,0.386 0.25,0.542c0.037,0.043 0.079,0.082 0.123,0.119c0.034,0.028 0.025,0.042 -0.007,0.06c-0.228,0.125 -0.466,0.228 -0.717,0.296c-0.255,0.068 -0.516,0.104 -0.781,0.082Zm-2.877,-6.213c0.026,0.01 0.054,0.016 0.075,0.032c0.242,0.175 0.51,0.307 0.775,0.441c0.423,0.215 0.85,0.424 1.277,0.632c0.271,0.133 0.544,0.262 0.816,0.391c0.087,0.041 0.177,0.077 0.263,0.119c0.221,0.108 0.443,0.216 0.661,0.329c0.3,0.157 0.566,0.361 0.802,0.604c0.2,0.206 0.368,0.439 0.521,0.682c0.01,0.018 0.023,0.034 0.038,0.055c0.085,-0.117 0.16,-0.232 0.247,-0.337c0.134,-0.16 0.27,-0.32 0.416,-0.469c0.196,-0.2 0.421,-0.363 0.666,-0.496c0.143,-0.078 0.284,-0.161 0.429,-0.233c0.274,-0.135 0.552,-0.263 0.827,-0.396c0.323,-0.157 0.646,-0.315 0.968,-0.474c0.368,-0.183 0.735,-0.367 1.101,-0.553c0.193,-0.098 0.382,-0.2 0.585,-0.294c-0.018,0.024 -0.034,0.053 -0.056,0.073c-0.323,0.306 -0.675,0.573 -1.063,0.791c-0.314,0.176 -0.621,0.363 -0.939,0.53c-0.426,0.224 -0.859,0.434 -1.29,0.649c-0.38,0.191 -0.743,0.406 -1.051,0.704c-0.198,0.192 -0.364,0.41 -0.524,0.632c-0.102,0.143 -0.198,0.29 -0.297,0.435c-0.028,0.042 -0.048,0.038 -0.079,-0.009c-0.161,-0.244 -0.314,-0.494 -0.488,-0.729c-0.281,-0.381 -0.633,-0.684 -1.058,-0.897c-0.293,-0.147 -0.591,-0.282 -0.882,-0.43c-0.33,-0.168 -0.659,-0.338 -0.982,-0.517c-0.271,-0.151 -0.536,-0.313 -0.798,-0.477c-0.142,-0.088 -0.277,-0.188 -0.408,-0.291c-0.179,-0.142 -0.351,-0.292 -0.526,-0.439c-0.014,-0.011 -0.024,-0.027 -0.036,-0.041c0.004,-0.006 0.007,-0.011 0.01,-0.017Zm6.633,3.85c0.002,0.184 0.075,0.345 0.169,0.499c0.18,0.294 0.443,0.474 0.78,0.534c0.218,0.038 0.427,-0.007 0.63,-0.101c0.356,-0.164 0.563,-0.442 0.638,-0.816c0.066,-0.333 -0.021,-0.641 -0.22,-0.914c-0.048,-0.065 -0.108,-0.124 -0.171,-0.173c-0.133,-0.102 -0.266,-0.204 -0.431,-0.25c-0.024,-0.007 -0.046,-0.021 -0.069,-0.033c-0.004,-0.001 -0.006,-0.006 -0.013,-0.016c0.044,-0.021 0.087,-0.043 0.13,-0.064c0.052,-0.024 0.105,-0.047 0.157,-0.073c0.073,-0.037 0.147,-0.041 0.223,-0.01c0.192,0.078 0.356,0.198 0.493,0.35c0.138,0.152 0.245,0.325 0.305,0.523c0.072,0.233 0.095,0.468 0.042,0.709c-0.097,0.445 -0.338,0.787 -0.714,1.041c-0.277,0.186 -0.579,0.284 -0.912,0.276c-0.265,-0.007 -0.51,-0.084 -0.736,-0.232c-0.241,-0.157 -0.414,-0.369 -0.51,-0.634c-0.097,-0.269 -0.073,-0.531 0.127,-0.757c0.033,-0.038 0.053,-0.085 0.081,-0.131c0,0.095 -0.001,0.184 0.001,0.272Zm0.556,-0.464c0.002,-0.237 0.248,-0.478 0.488,-0.472c0.271,0.007 0.487,0.231 0.48,0.499c-0.006,0.277 -0.223,0.497 -0.494,0.494c-0.266,-0.004 -0.477,-0.235 -0.474,-0.521Zm-3.903,0.027c0.017,0.235 -0.225,0.494 -0.478,0.491c-0.271,-0.003 -0.483,-0.216 -0.488,-0.53c-0.004,-0.23 0.225,-0.45 0.469,-0.457c0.316,-0.008 0.511,0.279 0.497,0.496l0,-0Zm-1.065,-0.679c-0.327,0.177 -0.528,0.452 -0.598,0.815c-0.039,0.203 -0.008,0.404 0.066,0.599c0.116,0.308 0.338,0.515 0.631,0.649c0.266,0.121 0.535,0.133 0.809,0.019c0.139,-0.057 0.266,-0.126 0.376,-0.228c0.144,-0.134 0.252,-0.292 0.315,-0.477c0.038,-0.111 0.06,-0.227 0.085,-0.342c0.006,-0.027 -0.005,-0.058 -0.011,-0.087c-0.004,-0.02 -0.012,-0.039 -0.019,-0.06c0.013,-0.001 0.019,-0.003 0.02,-0.002c0.087,0.127 0.185,0.249 0.216,0.404c0.013,0.065 0.014,0.136 0.005,0.203c-0.044,0.335 -0.209,0.598 -0.479,0.803c-0.233,0.177 -0.496,0.268 -0.782,0.296c-0.088,0.009 -0.18,0 -0.269,-0.01c-0.304,-0.036 -0.563,-0.17 -0.801,-0.362c-0.223,-0.181 -0.393,-0.4 -0.506,-0.661c-0.138,-0.32 -0.156,-0.648 -0.046,-0.983c0.132,-0.402 0.401,-0.679 0.767,-0.875c0.093,-0.049 0.175,-0.049 0.262,0.011c0.073,0.051 0.152,0.093 0.24,0.146c-0.103,0.052 -0.193,0.094 -0.281,0.142Zm-3.495,-0.644c0.314,0.03 0.633,0.061 0.947,0.092c-0.176,0.386 -0.3,0.789 -0.308,1.224l-0.022,0.005c-0.049,-0.065 -0.101,-0.128 -0.147,-0.195c-0.199,-0.287 -0.333,-0.601 -0.402,-0.943c-0.013,-0.063 -0.045,-0.122 -0.068,-0.183l0,-0l0,-0ZM6.547,19.898c-0.003,0.002 -0.008,0.004 -0.013,0.007c-0.005,-0.005 -0.009,-0.009 -0.014,-0.014c0.013,0.001 0.022,0.004 0.027,0.007Z'
+    'M23.981 4.616c-.001-.052-.018-.06-.066-.041a.2.2 0 0 0-.045.025c-.166.105-.329.216-.498.316a108 108 0 0 1-1.903 1.095c-.331.183-.656.378-1.006.527-.169.072-.333.154-.5.233a3.2 3.2 0 0 0-.602.378 5 5 0 0 0-.419.388.9.9 0 0 0-.234.364c-.005.018-.034.037-.055.04a8 8 0 0 1-.376.043l-.914.075c-.047.004-.072-.017-.098-.055a5 5 0 0 0-.214-.288c-.026-.032-.037-.056-.007-.088q.023-.028.043-.057c.146-.199.302-.394.437-.601.205-.313.365-.649.467-1.01a3.2 3.2 0 0 0 .139-1.063 3.3 3.3 0 0 0-.217-1.018 5 5 0 0 0-.253-.533.67.67 0 0 0-.257-.289.31.31 0 0 0-.347.038.44.44 0 0 0-.132.243c-.022.089-.039.18-.068.267q-.149.453-.407.856a3.8 3.8 0 0 1-.827.94 2.2 2.2 0 0 1-.736.409c-.356.107-.719.196-1.082.276-.442.098-.88.204-1.293.394-.203.093-.401.194-.544.374q-.011.017-.017.031c-.081-.066-.147-.126-.219-.178-.227-.166-.482-.275-.741-.38-.286-.116-.587-.171-.886-.234-.15-.032-.304-.049-.455-.081a6 6 0 0 1-.41-.103c-.166-.048-.335-.094-.495-.157-.302-.12-.551-.318-.777-.547a4.5 4.5 0 0 1-.609-.8 2.9 2.9 0 0 1-.331-.783c-.035-.13-.069-.261-.113-.388-.073-.211-.309-.279-.476-.132a1.4 1.4 0 0 0-.219.267c-.157.235-.27.491-.354.76a2.4 2.4 0 0 0-.091.387 4 4 0 0 0-.02.794c.026.362.1.712.252 1.042q.24.525.596.979.133.168.271.337a1.3 1.3 0 0 0-.24.352c-.017.036-.046.04-.08.039-.12-.005-.24-.007-.359-.014l-.922-.065c-.045-.003-.067-.031-.089-.064q-.085-.133-.179-.259a3 3 0 0 0-.566-.556 3.3 3.3 0 0 0-.654-.392c-.248-.11-.498-.217-.74-.34-.245-.126-.482-.269-.721-.407a155 155 0 0 1-1.036-.607q-.357-.21-.709-.428c-.165-.103-.324-.215-.487-.322-.016-.011-.043-.021-.057-.015-.013.007-.021.035-.022.054-.016.263-.02.527.015.789.031.229.079.455.16.672.14.372.359.695.627.985a8 8 0 0 0 .354.355c.038.037.053.068.016.114a.3.3 0 0 0-.049.083c-.041.13-.083.26-.115.392a1 1 0 0 0-.013.415c.066.367.209.695.493.95.191.172.381.345.627.439.038.014.045.036.03.075-.057.152-.139.283-.289.361-.072.037-.092.1-.087.178.017.259.131.478.285.676.193.248.419.464.692.625.152.09.312.167.473.241.084.039.177.058.275.089l-.06.04q-.231.131-.464.259c-.09.049-.099.06-.059.156a1 1 0 0 0 .106.197c.095.132.189.266.301.383.127.135.268.258.411.375.116.095.242.177.367.259.235.153.467.31.709.451.286.167.599.275.913.373q.374.117.766.158a.1.1 0 0 1 .064.041c.043.072.075.15.12.219.124.19.245.383.381.563.152.202.328.384.512.557.31.294.635.567 1.01.776.033.018.076.035.092.065.011.02-.015.061-.024.093l-.003.019c-.009.115-.023.229-.025.344-.004.182 0 .365.123.532-.032.005-.048.009-.064.01-.122.009-.244.012-.365.026-.142.017-.283.036-.404.128a1 1 0 0 0-.363.551c-.008.029-.007.061-.02.087-.01.022-.032.047-.053.053-.125.038-.252.07-.377.105-.157.043-.315.082-.47.13-.157.049-.259.159-.274.323a.67.67 0 0 0 .164.535l.027.007-.013.007-.014-.014a.4.4 0 0 0-.166.022c-.051.011-.134.058-.183.073a.23.23 0 0 0-.171.196 1.6 1.6 0 0 0-.003.493c.014.11.08.185.187.223.129.045.259.029.388.009.293-.044.577-.122.857-.218q.191-.065.384-.126c.038-.013.061-.006.081.035a.27.27 0 0 0 .245.16c.242.007.484.009.724-.031a.14.14 0 0 1 .123.035c.054.044.11.092.174.118.342.139.676.135.995-.069.073-.048.087-.045.155.004a.82.82 0 0 0 .774.114c.137-.046.245-.138.359-.22a.2.2 0 0 1 .11-.042q.383-.008.764-.01.043-.001.083.01c.025.009.054.022.068.042.109.155.267.223.444.255.186.034.367-.001.543-.058a.7.7 0 0 0 .181-.094c.045-.032.077-.029.121-.003.074.043.149.087.228.117.233.09.465.049.689-.035.081-.031.15-.096.226-.142a.15.15 0 0 1 .08-.025c.203.008.406.023.609.03.179.006.344-.032.475-.168.012-.011.044-.013.063-.006q.133.047.264.097c.283.099.571.182.867.234a.9.9 0 0 0 .432-.012.295.295 0 0 0 .206-.285.9.9 0 0 0-.059-.3c-.053-.161-.119-.311-.309-.358q.012-.024.021-.038a.57.57 0 0 0 .12-.326c.009-.267-.063-.447-.335-.527-.145-.043-.293-.079-.438-.124a8 8 0 0 1-.375-.132c-.065-.024-.103-.068-.123-.142a1.2 1.2 0 0 0-.117-.29.74.74 0 0 0-.606-.4c-.151-.014-.304-.009-.456-.013l-.073-.004c.032-.059.061-.109.086-.16.07-.149.058-.305.034-.46-.021-.135-.05-.268-.075-.398.093-.049.19-.087.272-.147.204-.148.409-.297.599-.463q.369-.324.676-.71c.216-.268.412-.547.562-.856.016-.032.036-.046.071-.041l.045.003a3.4 3.4 0 0 0 .723-.14c.234-.067.462-.154.689-.243.234-.091.454-.212.663-.351.142-.094.281-.196.428-.283.28-.165.548-.345.758-.596q.2-.237.37-.499c.082-.128.065-.143-.069-.212q-.242-.125-.482-.254l-.075-.038c.023-.018.043-.023.063-.028.08-.022.163-.038.241-.067q.366-.135.685-.361c.303-.213.548-.482.744-.796a.9.9 0 0 0 .135-.324c.031-.198.011-.229-.167-.324a.6.6 0 0 1-.296-.316c-.017-.041-.009-.065.031-.089.092-.053.186-.106.269-.172q.205-.161.394-.339c.218-.209.363-.466.445-.755.035-.124.054-.258.049-.386a1.33 1.33 0 0 0-.182-.655c-.007-.012-.002-.043.008-.053q.114-.109.23-.214c.241-.228.459-.475.612-.771a2.7 2.7 0 0 0 .315-1.128c.01-.239-.008-.479-.016-.718m-5.455 3.74c-.113.159-.16.349-.219.537-.044.141-.105.279-.164.415a1.1 1.1 0 0 1-.257.36c-.07-.41-.171-.8-.331-1.165zm-1.685 1.931a2.46 2.46 0 0 1-.579 1.273 2.7 2.7 0 0 1-1.642.926 4 4 0 0 1-.62.052 1.9 1.9 0 0 1-.547-.097 3 3 0 0 1-.625-.267c-.017-.009-.028-.028-.042-.043l.041-.036c.046-.046.098-.089.138-.141a1.4 1.4 0 0 0 .249-.503c.02-.074.032-.079.093-.03.136.109.279.204.44.275.149.066.306.097.466.11.619.054 1.13-.168 1.548-.619.184-.198.295-.433.368-.69.071-.248.075-.503.029-.751a1.62 1.62 0 0 0-.52-.93q-.118-.103-.242-.202-.025-.018-.053-.034l.012-.025c.016-.009.032-.021.049-.026.19-.056.342-.175.491-.297.039-.032.068-.035.1-.005.121.115.25.223.357.35.192.228.326.493.412.778.092.303.124.613.077.932m-4.845 2.823-.018.038c-.015.032-.033.063-.057.108-.025-.038-.047-.061-.059-.089l-.019-.042c-.109-.246-.22-.491-.323-.739a7 7 0 0 1-.203-.554c-.05-.16-.082-.327-.122-.491-.006-.025-.011-.051-.023-.073-.023-.045-.015-.085.005-.128q.087-.18.163-.363c.034-.085.059-.174.086-.262.018-.058.037-.067.083-.023l.347.351q.044.04.092.074l.037.004a.1.1 0 0 1 .033-.067l.282-.299c.024-.025.043-.053.067-.078q.018-.015.039-.029c.01.015.023.028.029.044.052.143.096.288.156.427.04.094.104.176.154.266.011.019.018.048.012.068-.03.098-.069.193-.097.292a7 7 0 0 1-.538 1.302c-.046.086-.085.175-.126.263m-2.426-.582c-.134-.012-.269-.024-.402-.045a2.3 2.3 0 0 1-.567-.18 3 3 0 0 1-.637-.393 2.7 2.7 0 0 1-.501-.548 2.3 2.3 0 0 1-.43-1.126 2.2 2.2 0 0 1 .08-.857c.059-.196.132-.385.237-.56q.157-.26.385-.462.074-.066.152-.128c.022-.017.043-.026.068-.001.143.147.325.225.514.291q.04.014.078.03c.006.002.011.007.027.017v.001l-.232.167a1.53 1.53 0 0 0-.564.755 1.73 1.73 0 0 0 .534 1.882q.297.256.668.372c.297.091.599.087.901.018.261-.059.493-.18.709-.334.028-.02.053-.043.087-.071q.016.04.025.073c.04.2.114.386.25.542q.056.064.123.119c.034.028.025.042-.007.06a3.3 3.3 0 0 1-.717.296 2.3 2.3 0 0 1-.781.082M6.693 6.315c.026.01.054.016.075.032.242.175.51.307.775.441q.635.321 1.277.632.407.199.816.391c.087.041.177.077.263.119q.333.16.661.329c.3.157.566.361.802.604.2.206.368.439.521.682q.015.025.038.055c.085-.117.16-.232.247-.337.134-.16.27-.32.416-.469.196-.2.421-.363.666-.496.143-.078.284-.161.429-.233.274-.135.552-.263.827-.396q.485-.236.968-.474.552-.274 1.101-.553c.193-.098.382-.2.585-.294-.018.024-.034.053-.056.073a5.4 5.4 0 0 1-1.063.791c-.314.176-.621.363-.939.53-.426.224-.859.434-1.29.649-.38.191-.743.406-1.051.704a4.7 4.7 0 0 0-.524.632c-.102.143-.198.29-.297.435-.028.042-.048.038-.079-.009-.161-.244-.314-.494-.488-.729a2.94 2.94 0 0 0-1.058-.897c-.293-.147-.591-.282-.882-.43q-.496-.25-.982-.517a18 18 0 0 1-.798-.477 5 5 0 0 1-.408-.291c-.179-.142-.351-.292-.526-.439q-.02-.018-.036-.041zm6.633 3.85c.002.184.075.345.169.499.18.294.443.474.78.534.218.038.427-.007.63-.101.356-.164.563-.442.638-.816.066-.333-.021-.641-.22-.914a1 1 0 0 0-.171-.173c-.133-.102-.266-.204-.431-.25-.024-.007-.046-.021-.069-.033q-.004-.001-.013-.016l.13-.064q.079-.035.157-.073a.26.26 0 0 1 .223-.01c.192.078.356.198.493.35.138.152.245.325.305.523.072.233.095.468.042.709a1.63 1.63 0 0 1-.714 1.041 1.54 1.54 0 0 1-.912.276 1.4 1.4 0 0 1-.736-.232 1.25 1.25 0 0 1-.51-.634c-.097-.269-.073-.531.127-.757.033-.038.053-.085.081-.131q-.001.141.001.272m.556-.464c.002-.237.248-.478.488-.472a.49.49 0 0 1 .48.499.494.494 0 0 1-.494.494c-.266-.004-.477-.235-.474-.521m-3.903.027c.017.235-.225.494-.478.491-.271-.003-.483-.216-.488-.53-.004-.23.225-.45.469-.457a.49.49 0 0 1 .497.496m-1.065-.679a1.13 1.13 0 0 0-.598.815 1.1 1.1 0 0 0 .066.599c.116.308.338.515.631.649a.97.97 0 0 0 .809.019 1.16 1.16 0 0 0 .691-.705c.038-.111.06-.227.085-.342.006-.027-.005-.058-.011-.087q-.007-.03-.019-.06l.02-.002c.087.127.185.249.216.404a.6.6 0 0 1 .005.203 1.17 1.17 0 0 1-.479.803 1.5 1.5 0 0 1-.782.296c-.088.009-.18 0-.269-.01-.304-.036-.563-.17-.801-.362a1.7 1.7 0 0 1-.506-.661 1.35 1.35 0 0 1-.046-.983c.132-.402.401-.679.767-.875.093-.049.175-.049.262.011.073.051.152.093.24.146-.103.052-.193.094-.281.142m-3.495-.644.947.092c-.176.386-.3.789-.308 1.224l-.022.005c-.049-.065-.101-.128-.147-.195a2.5 2.5 0 0 1-.402-.943c-.013-.063-.045-.122-.068-.183m1.128 11.493-.013.007-.014-.014z'
 export const afcIconQuattroBox =
-    'M 9.207031 21.351562 C 9.035156 21.316406 8.875 21.289062 8.71875 21.242188 C 8.40625 21.152344 8.128906 20.984375 7.871094 20.78125 C 7.554688 20.53125 7.324219 20.214844 7.152344 19.851562 C 7.027344 19.582031 6.953125 19.300781 6.953125 19 C 6.953125 16.449219 6.953125 13.894531 6.953125 11.339844 L 6.953125 11.179688 L 9.957031 11.179688 C 9.957031 11.25 9.960938 11.320312 9.957031 11.394531 C 9.949219 11.609375 9.933594 11.820312 9.933594 12.035156 C 9.929688 13.503906 9.929688 14.972656 9.933594 16.4375 C 9.933594 17.078125 9.941406 17.71875 9.960938 18.359375 C 9.972656 18.707031 10.335938 19.082031 10.714844 19.082031 C 12.871094 19.082031 15.023438 19.082031 17.175781 19.082031 C 18.160156 19.082031 19.144531 19.082031 20.128906 19.082031 C 20.476562 19.082031 20.835938 18.78125 20.867188 18.445312 C 20.90625 17.992188 20.890625 17.539062 20.871094 17.085938 C 20.855469 16.800781 20.523438 16.488281 20.242188 16.445312 C 20.125 16.429688 20.007812 16.417969 19.890625 16.417969 C 17.035156 16.417969 14.179688 16.417969 11.320312 16.417969 L 11.164062 16.417969 L 11.164062 14.28125 L 11.34375 14.28125 C 14.734375 14.28125 18.121094 14.28125 21.507812 14.285156 C 21.976562 14.285156 22.398438 14.453125 22.777344 14.722656 C 23.304688 15.097656 23.65625 15.59375 23.804688 16.226562 C 23.808594 16.246094 23.828125 16.261719 23.847656 16.28125 C 23.855469 17.289062 23.855469 18.292969 23.847656 19.3125 C 23.820312 19.382812 23.796875 19.4375 23.78125 19.492188 C 23.679688 19.863281 23.496094 20.183594 23.246094 20.472656 C 22.960938 20.808594 22.617188 21.050781 22.207031 21.195312 C 22.015625 21.261719 21.8125 21.300781 21.613281 21.351562 Z M 9.207031 21.351562M 14.878906 2.707031 C 15.066406 2.765625 15.25 2.816406 15.425781 2.882812 C 15.867188 3.054688 16.214844 3.351562 16.496094 3.726562 C 16.828125 4.175781 16.976562 4.683594 16.976562 5.25 C 16.96875 7.726562 16.972656 10.207031 16.972656 12.683594 L 16.972656 12.847656 L 13.964844 12.847656 L 13.964844 12.691406 C 13.964844 10.382812 13.964844 8.074219 13.96875 5.769531 C 13.96875 5.320312 13.554688 4.941406 13.144531 4.945312 C 10.042969 4.949219 6.941406 4.949219 3.835938 4.945312 C 3.402344 4.945312 3.019531 5.328125 3.023438 5.761719 C 3.023438 6.09375 3.027344 6.429688 3.019531 6.761719 C 3.011719 7.234375 3.421875 7.613281 3.871094 7.613281 C 6.765625 7.609375 9.664062 7.609375 12.558594 7.609375 L 12.742188 7.609375 L 12.742188 9.746094 L 12.605469 9.746094 C 9.167969 9.746094 5.730469 9.75 2.292969 9.742188 C 1.953125 9.742188 1.640625 9.617188 1.347656 9.449219 C 0.863281 9.167969 0.492188 8.773438 0.261719 8.257812 C 0.191406 8.101562 0.144531 7.9375 0.078125 7.773438 C 0.0703125 6.738281 0.0703125 5.710938 0.078125 4.664062 C 0.0976562 4.632812 0.113281 4.613281 0.121094 4.59375 C 0.316406 3.875 0.738281 3.332031 1.394531 2.984375 C 1.632812 2.859375 1.898438 2.796875 2.152344 2.707031 C 6.390625 2.707031 10.628906 2.707031 14.878906 2.707031 Z M 14.878906 2.707031'
+    'M9.207 21.352c-.172-.036-.332-.063-.488-.11a2.5 2.5 0 0 1-.848-.46 2.54 2.54 0 0 1-.719-.93A2 2 0 0 1 6.953 19v-7.82h3.004c0 .07.004.14 0 .215-.008.214-.023.425-.023.64a827 827 0 0 0 0 4.403q-.002.96.027 1.921c.012.348.375.723.754.723h9.414c.348 0 .707-.3.738-.637.04-.453.024-.906.004-1.36-.016-.284-.348-.597-.629-.64a3 3 0 0 0-.351-.027h-8.727v-2.137h.18q5.084-.001 10.164.004c.469 0 .89.168 1.27.438.527.375.878.87 1.027 1.504.004.02.023.035.043.054a196 196 0 0 1 0 3.032c-.028.07-.051.125-.067.18a2.5 2.5 0 0 1-.535.98 2.4 2.4 0 0 1-1.039.722c-.191.067-.395.106-.594.157Zm5.672-18.645c.187.059.371.11.547.176.441.172.789.469 1.07.844.332.449.48.957.48 1.523-.007 2.477-.003 4.957-.003 7.434v.164h-3.008v-.157q-.001-3.463.004-6.921c0-.45-.414-.829-.824-.825q-4.652.006-9.31 0a.833.833 0 0 0-.812.817c0 .332.004.668-.003 1-.008.472.402.851.851.851q4.344-.005 8.688-.004h.183v2.137h-.137c-3.437 0-6.875.004-10.312-.004-.34 0-.652-.125-.945-.293A2.57 2.57 0 0 1 .262 8.258c-.07-.156-.117-.32-.184-.485a206 206 0 0 1 0-3.109c.02-.031.035-.05.043-.07.195-.719.617-1.262 1.274-1.61.238-.125.503-.187.757-.277zm0 0'
 export const afcIconInfintiy =
-    'M 17.445312 4.941406 C 13.820312 4.941406 10.875 8.089844 10.875 11.953125 C 10.875 14.492188 8.9375 16.558594 6.554688 16.558594 C 4.175781 16.558594 2.238281 14.492188 2.238281 11.953125 C 2.238281 9.414062 4.171875 7.347656 6.554688 7.347656 C 7.414062 7.347656 8.246094 7.613281 8.957031 8.121094 C 9.191406 8.292969 9.414062 8.488281 9.613281 8.703125 C 10.039062 9.15625 10.78125 9.160156 11.207031 8.707031 C 11.648438 8.238281 11.648438 7.476562 11.210938 7.003906 C 10.90625 6.679688 10.570312 6.382812 10.210938 6.128906 C 9.125 5.351562 7.863281 4.945312 6.554688 4.945312 C 2.933594 4.941406 -0.015625 8.089844 -0.015625 11.953125 C -0.015625 15.816406 2.933594 18.960938 6.554688 18.960938 C 10.179688 18.960938 13.125 15.816406 13.125 11.953125 C 13.125 9.414062 15.0625 7.347656 17.445312 7.347656 C 19.828125 7.347656 21.765625 9.414062 21.765625 11.953125 C 21.765625 14.492188 19.828125 16.558594 17.445312 16.558594 C 16.292969 16.558594 15.207031 16.082031 14.390625 15.210938 C 13.96875 14.757812 13.226562 14.757812 12.800781 15.210938 C 12.585938 15.4375 12.46875 15.738281 12.46875 16.0625 C 12.46875 16.382812 12.585938 16.683594 12.800781 16.910156 C 14.039062 18.234375 15.691406 18.960938 17.445312 18.960938 C 21.070312 18.960938 24.015625 15.816406 24.015625 11.953125 C 24.015625 8.089844 21.070312 4.941406 17.445312 4.941406 Z M 17.445312 4.941406'
+    'M17.445 4.941c-3.625 0-6.57 3.149-6.57 7.012 0 2.54-1.937 4.606-4.32 4.606-2.38 0-4.317-2.067-4.317-4.606s1.934-4.605 4.317-4.605c.86 0 1.691.265 2.402.773.234.172.457.367.656.582a1.104 1.104 0 0 0 1.594.004c.441-.469.441-1.23.004-1.703a6.6 6.6 0 0 0-1-.875 6.24 6.24 0 0 0-3.656-1.184c-3.621-.004-6.57 3.145-6.57 7.008s2.949 7.008 6.57 7.008c3.625 0 6.57-3.145 6.57-7.008 0-2.539 1.938-4.605 4.32-4.605s4.32 2.066 4.32 4.605-1.937 4.606-4.32 4.606c-1.152 0-2.238-.477-3.054-1.348a1.1 1.1 0 0 0-1.59 0 1.23 1.23 0 0 0-.332.851c0 .32.117.622.332.848 1.238 1.324 2.89 2.05 4.644 2.05 3.625 0 6.57-3.144 6.57-7.007s-2.945-7.012-6.57-7.012m0 0'
diff --git a/tools/svgo.mjs b/tools/svgo.mjs
index 85d9644d47..0dc3b6d0e4 100644
--- a/tools/svgo.mjs
+++ b/tools/svgo.mjs
@@ -3,9 +3,14 @@ import { readFile, writeFile, glob } from 'node:fs/promises'
 import { optimize as svgoOptimize } from 'svgo'
 import svgoConfig from '../svgo.config.mjs'
 
-const filesWithMdiSvgs = new Set([
-  'src/globals.ts'
-])
+const filesWithSvgs = {
+  'src/globals.ts': [
+    /(const mdi\S+ = ')([^']*)'/g
+  ],
+  'src/plugins/afcIcons.ts': [
+    /(const afc\S+ =\s+')([^']*)'/g
+  ]
+}
 
 const writeFileIfContentChanged = async (path, before, after) => {
   if (before === after) {
@@ -51,14 +56,18 @@ const optimizeVueFile = async (file) => {
   await writeFileIfContentChanged(file, contentBefore, contentAfter)
 }
 
-const optimizeGlobalsTsFile = async (file) => {
+const optimizeFileWithSvgs = async (file) => {
   const contentBefore = await readFile(file, { encoding: 'utf8' })
 
-  const contentAfter = contentBefore.replaceAll(/(const mdi\S+ = ')([^']*)'/g, (match, head, inputSvgPath) => {
-    const outputSvgPath = optimizeSvgPath(inputSvgPath)
+  let contentAfter = contentBefore
 
-    return `${head}${outputSvgPath}'`
-  })
+  for (const regexp of filesWithSvgs[file]) {
+    contentAfter = contentAfter.replaceAll(regexp, (match, head, inputSvgPath) => {
+      const outputSvgPath = optimizeSvgPath(inputSvgPath)
+
+      return `${head}${outputSvgPath}'`
+    })
+  }
 
   await writeFileIfContentChanged(file, contentBefore, contentAfter)
 }
@@ -74,8 +83,8 @@ const optimizeGlobalsTsFile = async (file) => {
       await optimizeSvgFile(filename)
     } else if (filename.endsWith('.vue')) {
       await optimizeVueFile(filename)
-    } else if (filesWithMdiSvgs.has(filename)) {
-      await optimizeGlobalsTsFile(filename)
+    } else if (filename in filesWithSvgs) {
+      await optimizeFileWithSvgs(filename)
     }
   }
 })()

From 1a862c1de3f82c10942ccf7a946b09af27456a3f Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Tue, 2 Dec 2025 11:33:56 +0000
Subject: [PATCH 16/49] refactor: move all mdi icons to globals.ts

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 src/components/ui/AppNumberInput.vue          | 383 +++++++++---------
 src/components/widgets/afc/AfcCardButtons.vue |  20 +-
 src/components/widgets/afc/AfcCardMessage.vue |   4 -
 .../widgets/afc/AfcCardUnitLaneActions.vue    |  11 +-
 .../widgets/afc/AfcCardUnitLaneEmpty.vue      |   5 +-
 .../widgets/afc/dialogs/AfcSettingsDialog.vue |   5 +-
 .../afc/dialogs/AfcUnitLaneFilamentDialog.vue |   3 -
 src/globals.ts                                |  20 +-
 8 files changed, 217 insertions(+), 234 deletions(-)

diff --git a/src/components/ui/AppNumberInput.vue b/src/components/ui/AppNumberInput.vue
index 463ab45e75..7cfb8512e1 100644
--- a/src/components/ui/AppNumberInput.vue
+++ b/src/components/ui/AppNumberInput.vue
@@ -1,194 +1,189 @@
-<!--
-Credit goes to meteyou(mainsail dev) for this work, as this was pulled from mainsail so that AFC integration would look the same between fluidd and mainsail
-Code based off this file: https://github.com/mainsail-crew/mainsail/blob/develop/src/components/inputs/NumberInput.vue
--->
-<template>
-  <form @submit.prevent="submit">
-    <v-text-field
-      v-model="value"
-      :label="label"
-      :suffix="unit"
-      :error="invalidInput"
-      :error-messages="inputErrors"
-      :disabled="disabled"
-      :step="step"
-      :min="min"
-      :max="max"
-      :dec="dec"
-      hide-spin-buttons
-      hide-details="auto"
-      outlined
-      dense
-      class="align-top"
-      @blur="value = target.toString()"
-      @focus="$event.target.select()"
-      @keydown="checkInvalidChars"
-    >
-      <template
-        v-if="defaultValue !== null"
-        #append
-      >
-        <v-icon @click="resetToDefault">
-          {{ value !== defaultValue.toString() ? mdiRestart : '' }}
-        </v-icon>
-      </template>
-      <template
-        v-if="hasSpinner"
-        #append-outer
-      >
-        <div class="_spin_button_group">
-          <v-btn
-            :disabled="(max !== null && parseInt(value) >= max) || error || disabled"
-            class="mt-n3"
-            icon
-            plain
-            small
-            @click="incrementValue"
-          >
-            <v-icon>
-              {{ mdiChevronUp }}
-            </v-icon>
-          </v-btn>
-          <v-btn
-            :disabled="parseInt(value) <= min || error || disabled"
-            class="mb-n3"
-            icon
-            plain
-            small
-            @click="decrementValue"
-          >
-            <v-icon>
-              {{ mdiChevronDown }}
-            </v-icon>
-          </v-btn>
-        </div>
-      </template>
-    </v-text-field>
-  </form>
-</template>
-
-<script lang="ts">
-import Component from 'vue-class-component'
-import { Mixins, Prop, Watch } from 'vue-property-decorator'
-import StateMixin from '@/mixins/state'
-import { mdiChevronDown, mdiChevronUp, mdiRestart } from '@mdi/js'
-import type { TranslateResult } from 'vue-i18n'
-
-@Component
-export default class AppNumberInput extends Mixins(StateMixin) {
-  mdiRestart = mdiRestart
-  mdiChevronUp = mdiChevronUp
-  mdiChevronDown = mdiChevronDown
-
-  private value: string = '0'
-  private error: boolean = false
-  private invalidChars: string[] = ['e', 'E', '+']
-
-  // input field name and identifier
-  @Prop({ required: true }) declare readonly label: TranslateResult | string
-  @Prop({ type: String, required: true }) declare readonly param: string
-  // props defining incoming data
-  @Prop({ type: Number, required: true }) declare readonly target: number
-  @Prop({ type: Number, required: false, default: null }) declare readonly defaultValue: number
-  // props for internal processing
-  @Prop({ type: Number, required: true }) declare readonly min: number
-  @Prop({ default: null }) declare readonly max: number | null
-  @Prop({ type: Number, required: true }) declare readonly dec: number
-  @Prop({ type: Number, required: false, default: 1 }) declare readonly step: number
-  @Prop({ type: String, required: false }) declare readonly unit: string
-  // spinner related props
-  @Prop({ type: Boolean, required: false, default: false }) declare readonly hasSpinner: boolean
-  @Prop({ type: Number, required: false, default: 1 }) declare readonly spinnerFactor: number
-  // props for general internal behaviour
-  @Prop({ type: Boolean, required: false, default: false }) declare readonly disabled: boolean
-  @Prop({ type: Boolean, required: false, default: false }) declare readonly outputErrorMsg: boolean
-
-  created (): void {
-    this.value = this.target.toString()
-  }
-
-  @Watch('target')
-  updateTarget (): void {
-    this.value = this.target.toString()
-  }
-
-  incrementValue (): void {
-    if (this.inputValue + this.step * this.spinnerFactor < this.max! || this.max === null) {
-      this.value = (
-        Math.round((this.inputValue + this.step * this.spinnerFactor) * 10 ** this.dec) /
-        10 ** this.dec
-      ).toString()
-    } else this.value = this.max.toString()
-
-    this.submit()
-  }
-
-  decrementValue (): void {
-    if (this.inputValue - this.step * this.spinnerFactor > this.min) {
-      this.value = (
-        Math.round((this.inputValue - this.step * this.spinnerFactor) * 10 ** this.dec) /
-        10 ** this.dec
-      ).toString()
-    } else this.value = this.min.toString()
-
-    this.submit()
-  }
-
-  resetToDefault (): void {
-    this.value = this.defaultValue?.toString()
-    this.submit()
-  }
-
-  submit (): void {
-    if (this.invalidInput) return
-    this.$emit('submit', { name: this.param, value: this.inputValue })
-  }
-
-  // input validation //
-  checkInvalidChars (event: any): void {
-    // add '-' to invalid characters if no negative input is allowed
-    if (this.min >= 0) this.invalidChars.push('-')
-    if (this.invalidChars.includes(event.key)) event.preventDefault()
-  }
-
-  // this function only parse this.value, to escape an empty input
-  get inputValue (): number {
-    if (this.value.toString() === '') return 0
-
-    return parseFloat(this.value.replace(',', '.'))
-  }
-
-  get invalidInput (): boolean {
-    return this.inputErrors.length > 0
-  }
-
-  get inputErrors () {
-    if (!this.outputErrorMsg) return []
-
-    const errors = []
-    if (this.max === null && this.inputValue < this.min) {
-      // "Must be grater or equal than {min}!"
-      errors.push(this.$t('App.NumberInput.GreaterOrEqualError', { min: this.min }))
-    }
-    if (this.max !== null && (this.inputValue > this.max! || this.inputValue < this.min)) {
-      // "Must be between {min} and {max}!"
-      errors.push(this.$t('App.NumberInput.MustBeBetweenError', { min: this.min, max: this.max }))
-    }
-
-    return errors
-  }
-}
-</script>
-
-<style scoped>
-._spin_button_group {
-  width: 24px;
-  margin-top: -6px;
-  margin-left: -6px;
-  margin-bottom: -6px;
-}
-
-.v-input--has-state {
-  margin-bottom: -18px !important;
-}
-</style>
+<!--
+Credit goes to meteyou(mainsail dev) for this work, as this was pulled from mainsail so that AFC integration would look the same between fluidd and mainsail
+Code based off this file: https://github.com/mainsail-crew/mainsail/blob/develop/src/components/inputs/NumberInput.vue
+-->
+<template>
+  <form @submit.prevent="submit">
+    <v-text-field
+      v-model="value"
+      :label="label"
+      :suffix="unit"
+      :error="invalidInput"
+      :error-messages="inputErrors"
+      :disabled="disabled"
+      :step="step"
+      :min="min"
+      :max="max"
+      :dec="dec"
+      hide-spin-buttons
+      hide-details="auto"
+      outlined
+      dense
+      class="align-top"
+      @blur="value = target.toString()"
+      @focus="$event.target.select()"
+      @keydown="checkInvalidChars"
+    >
+      <template
+        v-if="defaultValue !== null"
+        #append
+      >
+        <v-icon @click="resetToDefault">
+          {{ value !== defaultValue.toString() ? '$reset' : '' }}
+        </v-icon>
+      </template>
+      <template
+        v-if="hasSpinner"
+        #append-outer
+      >
+        <div class="_spin_button_group">
+          <v-btn
+            :disabled="(max !== null && parseInt(value) >= max) || error || disabled"
+            class="mt-n3"
+            icon
+            plain
+            small
+            @click="incrementValue"
+          >
+            <v-icon>
+              $chevronUp
+            </v-icon>
+          </v-btn>
+          <v-btn
+            :disabled="parseInt(value) <= min || error || disabled"
+            class="mb-n3"
+            icon
+            plain
+            small
+            @click="decrementValue"
+          >
+            <v-icon>
+              $chevronDown
+            </v-icon>
+          </v-btn>
+        </div>
+      </template>
+    </v-text-field>
+  </form>
+</template>
+
+<script lang="ts">
+import Component from 'vue-class-component'
+import { Mixins, Prop, Watch } from 'vue-property-decorator'
+import StateMixin from '@/mixins/state'
+import type { TranslateResult } from 'vue-i18n'
+
+@Component
+export default class AppNumberInput extends Mixins(StateMixin) {
+  private value: string = '0'
+  private error: boolean = false
+  private invalidChars: string[] = ['e', 'E', '+']
+
+  // input field name and identifier
+  @Prop({ required: true }) declare readonly label: TranslateResult | string
+  @Prop({ type: String, required: true }) declare readonly param: string
+  // props defining incoming data
+  @Prop({ type: Number, required: true }) declare readonly target: number
+  @Prop({ type: Number, required: false, default: null }) declare readonly defaultValue: number
+  // props for internal processing
+  @Prop({ type: Number, required: true }) declare readonly min: number
+  @Prop({ default: null }) declare readonly max: number | null
+  @Prop({ type: Number, required: true }) declare readonly dec: number
+  @Prop({ type: Number, required: false, default: 1 }) declare readonly step: number
+  @Prop({ type: String, required: false }) declare readonly unit: string
+  // spinner related props
+  @Prop({ type: Boolean, required: false, default: false }) declare readonly hasSpinner: boolean
+  @Prop({ type: Number, required: false, default: 1 }) declare readonly spinnerFactor: number
+  // props for general internal behaviour
+  @Prop({ type: Boolean, required: false, default: false }) declare readonly disabled: boolean
+  @Prop({ type: Boolean, required: false, default: false }) declare readonly outputErrorMsg: boolean
+
+  created (): void {
+    this.value = this.target.toString()
+  }
+
+  @Watch('target')
+  updateTarget (): void {
+    this.value = this.target.toString()
+  }
+
+  incrementValue (): void {
+    if (this.inputValue + this.step * this.spinnerFactor < this.max! || this.max === null) {
+      this.value = (
+        Math.round((this.inputValue + this.step * this.spinnerFactor) * 10 ** this.dec) /
+        10 ** this.dec
+      ).toString()
+    } else this.value = this.max.toString()
+
+    this.submit()
+  }
+
+  decrementValue (): void {
+    if (this.inputValue - this.step * this.spinnerFactor > this.min) {
+      this.value = (
+        Math.round((this.inputValue - this.step * this.spinnerFactor) * 10 ** this.dec) /
+        10 ** this.dec
+      ).toString()
+    } else this.value = this.min.toString()
+
+    this.submit()
+  }
+
+  resetToDefault (): void {
+    this.value = this.defaultValue?.toString()
+    this.submit()
+  }
+
+  submit (): void {
+    if (this.invalidInput) return
+    this.$emit('submit', { name: this.param, value: this.inputValue })
+  }
+
+  // input validation //
+  checkInvalidChars (event: any): void {
+    // add '-' to invalid characters if no negative input is allowed
+    if (this.min >= 0) this.invalidChars.push('-')
+    if (this.invalidChars.includes(event.key)) event.preventDefault()
+  }
+
+  // this function only parse this.value, to escape an empty input
+  get inputValue (): number {
+    if (this.value.toString() === '') return 0
+
+    return parseFloat(this.value.replace(',', '.'))
+  }
+
+  get invalidInput (): boolean {
+    return this.inputErrors.length > 0
+  }
+
+  get inputErrors () {
+    if (!this.outputErrorMsg) return []
+
+    const errors = []
+    if (this.max === null && this.inputValue < this.min) {
+      // "Must be grater or equal than {min}!"
+      errors.push(this.$t('App.NumberInput.GreaterOrEqualError', { min: this.min }))
+    }
+    if (this.max !== null && (this.inputValue > this.max! || this.inputValue < this.min)) {
+      // "Must be between {min} and {max}!"
+      errors.push(this.$t('App.NumberInput.MustBeBetweenError', { min: this.min, max: this.max }))
+    }
+
+    return errors
+  }
+}
+</script>
+
+<style scoped>
+._spin_button_group {
+  width: 24px;
+  margin-top: -6px;
+  margin-left: -6px;
+  margin-bottom: -6px;
+}
+
+.v-input--has-state {
+  margin-bottom: -18px !important;
+}
+</style>
diff --git a/src/components/widgets/afc/AfcCardButtons.vue b/src/components/widgets/afc/AfcCardButtons.vue
index 00b45e434f..66cfd9ece4 100644
--- a/src/components/widgets/afc/AfcCardButtons.vue
+++ b/src/components/widgets/afc/AfcCardButtons.vue
@@ -86,7 +86,7 @@
             small
             left
           >
-            {{ mdiVariable }}
+            $afcSettings
           </v-icon>
           {{ $t('app.afc.AfcSettings') }}
         </v-btn>
@@ -105,7 +105,7 @@
             small
             left
           >
-            {{ mdiArrowDownBold }}
+            $afcDebugJson
           </v-icon>
           {{ $t('app.afc.DebugJson') }}
         </v-btn>
@@ -120,13 +120,6 @@ import AfcMixin from '@/mixins/afc'
 import type { Macro } from '@/store/macros/types'
 import MacroBtn from '@/components/widgets/macros/MacroBtn.vue'
 import AfcSettingsDialog from '@/components/widgets/afc/dialogs/AfcSettingsDialog.vue'
-import {
-  mdiArrowDownBold,
-  mdiLightbulbOnOutline,
-  mdiLightbulbOutline,
-  mdiVariable,
-  mdiWrench,
-} from '@mdi/js'
 
 @Component({
   components: {
@@ -135,9 +128,6 @@ import {
   }
 })
 export default class AfcCardButtons extends Mixins(StateMixin, AfcMixin) {
-  mdiArrowDownBold = mdiArrowDownBold
-  mdiVariable = mdiVariable
-
   showAfcSettings = false
 
   get commands () {
@@ -146,7 +136,7 @@ export default class AfcCardButtons extends Mixins(StateMixin, AfcMixin) {
 
     const buttons = [
       {
-        icon: mdiWrench,
+        icon: '$afcCalibration',
         text: this.$t('app.afc.Calibrate'),
         command: 'AFC_CALIBRATION',
         disabled: false,
@@ -158,7 +148,7 @@ export default class AfcCardButtons extends Mixins(StateMixin, AfcMixin) {
     const ledState = this.afc.led_state ?? false
     if (ledState) {
       buttons.push({
-        icon: mdiLightbulbOnOutline,
+        icon: '$afcTurnOffLed',
         text: this.$t('app.afc.LedOff'),
         command: 'TURN_OFF_AFC_LED',
         disabled: false,
@@ -167,7 +157,7 @@ export default class AfcCardButtons extends Mixins(StateMixin, AfcMixin) {
       })
     } else {
       buttons.push({
-        icon: mdiLightbulbOutline,
+        icon: '$afcTurnOnLed',
         text: this.$t('app.afc.LedOn'),
         command: 'TURN_ON_AFC_LED',
         disabled: false,
diff --git a/src/components/widgets/afc/AfcCardMessage.vue b/src/components/widgets/afc/AfcCardMessage.vue
index 9a82751c03..ae33b78e33 100644
--- a/src/components/widgets/afc/AfcCardMessage.vue
+++ b/src/components/widgets/afc/AfcCardMessage.vue
@@ -28,13 +28,9 @@
 import { Component, Mixins } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import AfcMixin from '@/mixins/afc'
-import { mdiAlert, mdiClose } from '@mdi/js'
 
 @Component
 export default class AfcCardMessage extends Mixins(StateMixin, AfcMixin) {
-  mdiAlert = mdiAlert
-  mdiClose = mdiClose
-
   get type () {
     const type = this.afc.message?.type ?? 'error'
     const possibleTypes = ['info', 'warning', 'success', 'error']
diff --git a/src/components/widgets/afc/AfcCardUnitLaneActions.vue b/src/components/widgets/afc/AfcCardUnitLaneActions.vue
index 59d35b76f7..447a21e8fe 100644
--- a/src/components/widgets/afc/AfcCardUnitLaneActions.vue
+++ b/src/components/widgets/afc/AfcCardUnitLaneActions.vue
@@ -16,7 +16,7 @@
               @click="unloadLane"
             >
               <v-icon small>
-                {{ mdiArrowUpBold }}
+                $afcUnloadLane
               </v-icon>
             </v-btn>
           </template>
@@ -38,7 +38,7 @@
               @click="loadLane"
             >
               <v-icon small>
-                {{ mdiArrowDownBold }}
+                $afcLoadLane
               </v-icon>
             </v-btn>
           </template>
@@ -57,7 +57,7 @@
               @click="ejectLane"
             >
               <v-icon small>
-                {{ mdiEject }}
+                $afcEjectFilament
               </v-icon>
             </v-btn>
           </template>
@@ -74,14 +74,9 @@ import { Component, Mixins, Prop } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import AfcMixin from '@/mixins/afc'
 import ToolheadMixIn from '@/mixins/toolhead'
-import { mdiArrowDownBold, mdiArrowUpBold, mdiEject } from '@mdi/js'
 
 @Component({})
 export default class AfcCardUnitLaneActions extends Mixins(StateMixin, AfcMixin, ToolheadMixIn) {
-  mdiArrowUpBold = mdiArrowUpBold
-  mdiArrowDownBold = mdiArrowDownBold
-  mdiEject = mdiEject
-
   @Prop({ type: String, required: true }) readonly name!: string
 
   get lane () {
diff --git a/src/components/widgets/afc/AfcCardUnitLaneEmpty.vue b/src/components/widgets/afc/AfcCardUnitLaneEmpty.vue
index 40086c4971..ab5f952d09 100644
--- a/src/components/widgets/afc/AfcCardUnitLaneEmpty.vue
+++ b/src/components/widgets/afc/AfcCardUnitLaneEmpty.vue
@@ -24,7 +24,7 @@
               @click="ejectLane"
             >
               <v-icon small>
-                {{ mdiEject }}
+                $afcEjectFilament
               </v-icon>
             </v-btn>
           </template>
@@ -40,12 +40,9 @@
 import { Component, Mixins, Prop } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import AfcMixin from '@/mixins/afc'
-import { mdiEject } from '@mdi/js'
 
 @Component
 export default class AfcCardUnitLaneEmpty extends Mixins(StateMixin, AfcMixin) {
-  mdiEject = mdiEject
-
   @Prop({ type: String, required: true }) readonly name!: string
 
   get lane () {
diff --git a/src/components/widgets/afc/dialogs/AfcSettingsDialog.vue b/src/components/widgets/afc/dialogs/AfcSettingsDialog.vue
index ceffdc2f97..98b7925c9f 100644
--- a/src/components/widgets/afc/dialogs/AfcSettingsDialog.vue
+++ b/src/components/widgets/afc/dialogs/AfcSettingsDialog.vue
@@ -5,7 +5,7 @@
     card-class="afc-settings-dialog"
     :title="$t('app.afc.AfcSettings')"
     icon="$afcIcon"
-    :help-icon="mdiLifebuoy"
+    help-icon="$afcHelp"
     :help-text="$t('app.afc.SettingsDialog.Help')"
     :help-href="helpLink"
     scrollable
@@ -34,7 +34,6 @@
 <script lang="ts">
 import { Component, Mixins, VModel } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
-import { mdiCloseThick, mdiLifebuoy } from '@mdi/js'
 import AfcMixin from '@/mixins/afc'
 import AfcSettingsDialogHub from './AfcSettingsDialogHub.vue'
 import AfcSettingsDialogExtruder from './AfcSettingsDialogExtruder.vue'
@@ -48,8 +47,6 @@ import AfcSettingsDialogLane from './AfcSettingsDialogLane.vue'
   }
 })
 export default class AfcSettingsDialog extends Mixins(StateMixin, AfcMixin) {
-  mdiCloseThick = mdiCloseThick
-  mdiLifebuoy = mdiLifebuoy
   helpLink = 'https://www.armoredturtle.xyz/docs/afc-klipper-add-on/toolhead/calculation.html'
 
   @VModel({ type: Boolean }) open?: boolean
diff --git a/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue b/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue
index 415a59ea49..3e9eaebf9d 100644
--- a/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue
+++ b/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue
@@ -70,14 +70,11 @@
 <script lang="ts">
 import { Component, Mixins, Prop, Watch, VModel } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
-import { mdiCloseThick } from '@mdi/js'
 import AfcMixin from '@/mixins/afc'
 import { Debounce } from 'vue-debounce-decorator'
 
 @Component({})
 export default class AfcUnitLaneFilamentDialog extends Mixins(StateMixin, AfcMixin) {
-  mdiCloseThick = mdiCloseThick
-
   @VModel({ type: Boolean })
   show!: boolean
 
diff --git a/src/globals.ts b/src/globals.ts
index d782cd1bf4..153eba36bf 100644
--- a/src/globals.ts
+++ b/src/globals.ts
@@ -189,7 +189,14 @@ import {
   mdiContentSaveSettingsOutline,
   mdiMulticast,
   mdiInformationOutline,
-  mdiSwapHorizontal
+  mdiSwapHorizontal,
+  mdiLifebuoy,
+  mdiLightbulbOnOutline,
+  mdiLightbulbOutline,
+  mdiWrench,
+  mdiVariable,
+  mdiArrowDownBold,
+  mdiArrowUpBold
 } from '@mdi/js'
 
 import { afcIconLogo } from '@/plugins/afcIcons'
@@ -527,7 +534,16 @@ export const Icons = Object.freeze({
   mmuUpdateLeds: mdiContentSaveSettingsOutline,
   mmuError: mdiInformationOutline,
   mmuSelectGate: mdiSwapHorizontal,
-  afcIcon: afcIconLogo
+  afcIcon: afcIconLogo,
+  afcHelp: mdiLifebuoy,
+  afcTurnOffLed: mdiLightbulbOnOutline,
+  afcTurnOnLed: mdiLightbulbOutline,
+  afcCalibration: mdiWrench,
+  afcSettings: mdiVariable,
+  afcDebugJson: mdiArrowDownBold,
+  afcUnloadLane: mdiArrowUpBold,
+  afcLoadLane: mdiArrowDownBold,
+  afcEjectFilament: mdiEject,
 })
 
 export const Waits = Object.freeze({

From 73055e80c5811205b5c991a708aa515bd0e19849 Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Tue, 2 Dec 2025 12:53:31 +0000
Subject: [PATCH 17/49] refactor: typing improvements

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 .../widgets/afc/AfcCardSettings.vue           |  2 +-
 src/mixins/afc.ts                             | 31 ++++++++++---------
 src/store/printer/types.ts                    | 29 +++++++++++++++++
 3 files changed, 46 insertions(+), 16 deletions(-)

diff --git a/src/components/widgets/afc/AfcCardSettings.vue b/src/components/widgets/afc/AfcCardSettings.vue
index 7b69c0126f..1fd287e550 100644
--- a/src/components/widgets/afc/AfcCardSettings.vue
+++ b/src/components/widgets/afc/AfcCardSettings.vue
@@ -118,7 +118,7 @@ export default class AfcCardSettings extends Mixins(StateMixin, AfcMixin) {
   }
 
   get td1Present (): boolean {
-    return this.afc?.td1_present
+    return this.afc?.td1_present === true
   }
 
   get showTd1Color (): boolean {
diff --git a/src/mixins/afc.ts b/src/mixins/afc.ts
index 5e5572a390..4c0a4e0ea6 100644
--- a/src/mixins/afc.ts
+++ b/src/mixins/afc.ts
@@ -1,9 +1,10 @@
 import Vue from 'vue'
 import Component from 'vue-class-component'
+import type { KlipperPrinterAfcState } from '@/store/printer/types'
 
 @Component
 export default class AfcMixin extends Vue {
-  get afc () {
+  get afc (): KlipperPrinterAfcState {
     return this.$typedState.printer.printer.AFC ?? {}
   }
 
@@ -85,27 +86,27 @@ export default class AfcMixin extends Vue {
   }
 
   get afcShowFilamentName (): boolean {
-    return this.$typedState.config.uiSettings.afc?.showFilamentName ?? false
+    return this.$typedState.config.uiSettings.afc.showFilamentName
   }
 
   get afcShowLaneInfinite (): boolean {
-    return this.$typedState.config.uiSettings.afc?.showLaneInfinite ?? true
+    return this.$typedState.config.uiSettings.afc.showLaneInfinite
   }
 
   get afcShowUnitIcons (): boolean {
-    return this.$typedState.config.uiSettings.afc?.showUnitIcons ?? true
+    return this.$typedState.config.uiSettings.afc.showUnitIcons
   }
 
   get afcShowTd1Color (): boolean {
-    return this.$typedState.config.uiSettings.afc?.showTd1Color ?? true
+    return this.$typedState.config.uiSettings.afc.showTd1Color
   }
 
   get afcHiddenExtruders (): string[] {
-    return this.$typedState.config.uiSettings.afc?.hiddenExtruders ?? []
+    return this.$typedState.config.uiSettings.afc.hiddenExtruders
   }
 
   get afcHiddenUnits (): string[] {
-    return this.$typedState.config.uiSettings.afc?.hiddenUnits ?? []
+    return this.$typedState.config.uiSettings.afc.hiddenUnits
   }
 
   getPrinterObject (key: string) {
@@ -120,34 +121,34 @@ export default class AfcMixin extends Vue {
   }
 
   getAfcLaneObject (lane: string) {
-    const key_stepper = `AFC_stepper ${lane}`
-    const key_lane = `AFC_lane ${lane}`
+    const key_stepper = `AFC_stepper ${lane}` as const
+    const key_lane = `AFC_lane ${lane}` as const
     return this.getPrinterObject(key_stepper) ?? this.getPrinterObject(key_lane) ?? {}
   }
 
   getAfcLaneSettings (lane: string) {
-    const key_stepper = `AFC_stepper ${lane}`
-    const key_lane = `AFC_lane ${lane}`
+    const key_stepper = `AFC_stepper ${lane}` as const
+    const key_lane = `AFC_lane ${lane}` as const
     return this.getPrinterSettings(key_stepper) ?? this.getPrinterSettings(key_lane) ?? {}
   }
 
   getAfcExtruderObject (extruder: string) {
-    const key_extruder = `AFC_extruder ${extruder}`
+    const key_extruder = `AFC_extruder ${extruder}` as const
     return this.getPrinterObject(key_extruder) ?? {}
   }
 
   getAfcExtruderSettings (extruder: string) {
-    const key = `AFC_extruder ${extruder}`
+    const key = `AFC_extruder ${extruder}` as const
     return this.getPrinterSettings(key) ?? {}
   }
 
   getAfcBufferObject (buffer: string) {
-    const key_buffer = `AFC_buffer ${buffer}`
+    const key_buffer = `AFC_buffer ${buffer}` as const
     return this.getPrinterObject(key_buffer)
   }
 
   getAfcHubObject (hub: string) {
-    const key = `AFC_hub ${hub}`
+    const key = `AFC_hub ${hub}` as const
     return this.getPrinterObject(key) ?? {}
   }
 }
diff --git a/src/store/printer/types.ts b/src/store/printer/types.ts
index 35d0fa68ac..08e16dfeb0 100644
--- a/src/store/printer/types.ts
+++ b/src/store/printer/types.ts
@@ -182,6 +182,8 @@ type KlipperPrinterStateBaseType =
     mmu_leds: KlipperPrinterMmuLedsState;
 
     mmu_machine: KlipperPrinterMmuMachineState;
+
+    AFC: KlipperPrinterAfcState;
   }>
 
 export interface KlipperPrinterState extends KlipperPrinterStateBaseType {
@@ -734,6 +736,33 @@ export interface KlipperPrinterMmuMachineState extends KlipperPrinterMmuMachineS
   num_units: number;
 }
 
+export interface KlipperPrinterAfcState {
+  current_load?: string;
+  current_lane?: string;
+  next_lane?: string;
+  current_state?: 'Initialized' | 'Idle' | 'Error' | 'Loading' | 'Unloading' | 'Ejecting' | 'Moving' | 'Restoring';
+  current_toolchange?: number;
+  number_of_toolchanges?: number;
+  spoolman?: string;
+  td1_present?: boolean;
+  lane_data_enabled?: boolean;
+  error_state?: boolean;
+  bypass_state?: boolean;
+  quiet_mode?: boolean;
+  position_saved?: boolean;
+
+  extruders?: string[];
+  hubs?: string[];
+  units?: string[];
+  lanes?: string[];
+  buffers?: string[];
+  message?: {
+    message: string;
+    type: string;
+  }
+  led_state?: boolean;
+}
+
 export interface KlipperPrinterConfig extends Record<string, Record<string, string | undefined> | undefined> {
 }
 

From 3e45f457f0fe17f2fe40d6348a9d678ca80ab76e Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Tue, 2 Dec 2025 12:55:03 +0000
Subject: [PATCH 18/49] refactor: replace console with consola

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 src/components/widgets/afc/AfcCardMessage.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/widgets/afc/AfcCardMessage.vue b/src/components/widgets/afc/AfcCardMessage.vue
index ae33b78e33..7b6859d2a7 100644
--- a/src/components/widgets/afc/AfcCardMessage.vue
+++ b/src/components/widgets/afc/AfcCardMessage.vue
@@ -28,6 +28,7 @@
 import { Component, Mixins } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import AfcMixin from '@/mixins/afc'
+import { consola } from 'consola'
 
 @Component
 export default class AfcCardMessage extends Mixins(StateMixin, AfcMixin) {
@@ -36,7 +37,7 @@ export default class AfcCardMessage extends Mixins(StateMixin, AfcMixin) {
     const possibleTypes = ['info', 'warning', 'success', 'error']
 
     if (!possibleTypes.includes(type)) {
-      window.console.warn(`AfcCardMessage: Invalid message type "${type}" detected. Defaulting to "error".`)
+      consola.warn(`AfcCardMessage: Invalid message type "${type}" detected. Defaulting to "error".`)
       return 'error'
     }
 

From fd4d0935639d9240da951568078b13d0e5c92c0c Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Tue, 2 Dec 2025 19:05:53 +0000
Subject: [PATCH 19/49] refactor: remove icon from AppDialog

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 src/components/ui/AppDialog.vue               | 31 -------------------
 .../widgets/afc/dialogs/AfcSettingsDialog.vue | 19 +++++++++---
 .../afc/dialogs/AfcUnitLaneFilamentDialog.vue |  1 -
 .../afc/dialogs/AfcUnitLaneInfiniteDialog.vue |  1 -
 .../dialogs/AfcUnitLaneMappingToolDialog.vue  |  1 -
 5 files changed, 15 insertions(+), 38 deletions(-)

diff --git a/src/components/ui/AppDialog.vue b/src/components/ui/AppDialog.vue
index 7ea8fe0c4b..8a2d6dd5e1 100644
--- a/src/components/ui/AppDialog.vue
+++ b/src/components/ui/AppDialog.vue
@@ -28,12 +28,6 @@
         >
           <v-row no-gutters>
             <v-col align-self="center">
-              <v-icon
-                v-if="icon"
-                left
-              >
-                {{ icon }}
-              </v-icon>
               <slot name="title">
                 <span class="focus--text">{{ title }}</span>
                 <app-inline-help
@@ -57,19 +51,6 @@
               cols="auto"
               align-self="center"
             >
-              <v-btn
-                v-if="helpIcon != null && helpText != null && helpHref != null"
-                text
-                tile
-                :href="helpHref"
-                target="_blank"
-              >
-                <v-icon left>
-                  {{ helpIcon }}
-                </v-icon>
-                {{ helpText }}
-              </v-btn>
-
               <app-btn
                 icon
                 :disabled="closeButtonDisabled"
@@ -145,21 +126,9 @@ export default class AppDialog extends Mixins(BrowserMixin) {
   @Prop({ type: String })
   readonly title?: string
 
-  @Prop({ type: String })
-  readonly icon?: string
-
   @Prop({ type: String })
   readonly helpTooltip?: string
 
-  @Prop({ type: String })
-  readonly helpIcon?: string
-
-  @Prop({ type: String })
-  readonly helpText?: string
-
-  @Prop({ type: String })
-  readonly helpHref?: string
-
   @Prop({ type: String })
   readonly subTitle?: string
 
diff --git a/src/components/widgets/afc/dialogs/AfcSettingsDialog.vue b/src/components/widgets/afc/dialogs/AfcSettingsDialog.vue
index 98b7925c9f..93cfccb73d 100644
--- a/src/components/widgets/afc/dialogs/AfcSettingsDialog.vue
+++ b/src/components/widgets/afc/dialogs/AfcSettingsDialog.vue
@@ -4,13 +4,24 @@
     width="700"
     card-class="afc-settings-dialog"
     :title="$t('app.afc.AfcSettings')"
-    icon="$afcIcon"
-    help-icon="$afcHelp"
-    :help-text="$t('app.afc.SettingsDialog.Help')"
-    :help-href="helpLink"
     scrollable
     no-actions
   >
+    <template #menu>
+      <v-btn
+        text
+        tile
+        :href="helpLink"
+        target="_blank"
+        class="me-1"
+      >
+        <v-icon left>
+          $afcHelp
+        </v-icon>
+        {{ $t('app.afc.SettingsDialog.Help') }}
+      </v-btn>
+    </template>
+
     <v-card-text class="d-flex flex-column gap-3">
       <afc-settings-dialog-hub
         v-for="hub in afcHubs"
diff --git a/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue b/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue
index 3e9eaebf9d..79d6202c25 100644
--- a/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue
+++ b/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue
@@ -2,7 +2,6 @@
   <app-dialog
     v-model="show"
     :title="$t('app.afc.FilamentForLane', { name })"
-    icon="$afcIcon"
     card-class="afc-unit-lane-filament-dialog"
     :margin-bottom="false"
     width="400"
diff --git a/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue b/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue
index f8733ad739..33b1ce09b1 100644
--- a/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue
+++ b/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue
@@ -2,7 +2,6 @@
   <app-dialog
     v-model="open"
     :title="$t('app.afc.InfiniteSpoolHeadline')"
-    icon="$afcIcon"
     card-class="afc-unit-lane-infinite-spool-dialog"
     :margin-bottom="false"
     width="400"
diff --git a/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue b/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue
index 486b957866..de56d2deda 100644
--- a/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue
+++ b/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue
@@ -2,7 +2,6 @@
   <app-dialog
     v-model="open"
     :title="$t('app.afc.LaneMapping')"
-    icon="$afcIcon"
     card-class="afc-unit-lane-mapping-tool-dialog"
     :margin-bottom="false"
     width="400"

From 3bb6716833528eddb152f833913b6fd82890e308 Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Tue, 2 Dec 2025 19:10:47 +0000
Subject: [PATCH 20/49] refactor: remove dead code

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 src/components/widgets/afc/dialogs/AfcSettingsDialog.vue        | 1 -
 .../widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue           | 2 --
 .../widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue           | 2 --
 .../widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue        | 2 --
 4 files changed, 7 deletions(-)

diff --git a/src/components/widgets/afc/dialogs/AfcSettingsDialog.vue b/src/components/widgets/afc/dialogs/AfcSettingsDialog.vue
index 93cfccb73d..10ae63b4ac 100644
--- a/src/components/widgets/afc/dialogs/AfcSettingsDialog.vue
+++ b/src/components/widgets/afc/dialogs/AfcSettingsDialog.vue
@@ -2,7 +2,6 @@
   <app-dialog
     v-model="open"
     width="700"
-    card-class="afc-settings-dialog"
     :title="$t('app.afc.AfcSettings')"
     scrollable
     no-actions
diff --git a/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue b/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue
index 79d6202c25..2e7297dff1 100644
--- a/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue
+++ b/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue
@@ -2,8 +2,6 @@
   <app-dialog
     v-model="show"
     :title="$t('app.afc.FilamentForLane', { name })"
-    card-class="afc-unit-lane-filament-dialog"
-    :margin-bottom="false"
     width="400"
     no-actions
   >
diff --git a/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue b/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue
index 33b1ce09b1..08211fb7d9 100644
--- a/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue
+++ b/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue
@@ -2,8 +2,6 @@
   <app-dialog
     v-model="open"
     :title="$t('app.afc.InfiniteSpoolHeadline')"
-    card-class="afc-unit-lane-infinite-spool-dialog"
-    :margin-bottom="false"
     width="400"
     no-actions
   >
diff --git a/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue b/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue
index de56d2deda..36ced54fe7 100644
--- a/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue
+++ b/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue
@@ -2,8 +2,6 @@
   <app-dialog
     v-model="open"
     :title="$t('app.afc.LaneMapping')"
-    card-class="afc-unit-lane-mapping-tool-dialog"
-    :margin-bottom="false"
     width="400"
     no-actions
   >

From 7aa3d2fbeeb5d8c02d6c7e8048ea37afdfc1bdd6 Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Fri, 5 Dec 2025 00:07:06 +0000
Subject: [PATCH 21/49] refactor: encode gcode string arguments

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 src/components/widgets/afc/AfcCardMessage.vue |   4 +-
 .../widgets/afc/AfcCardUnitLaneActions.vue    |   7 +-
 .../widgets/afc/AfcCardUnitLaneEmpty.vue      |   5 +-
 .../afc/dialogs/AfcSettingsDialogExtruder.vue | 197 ++++++++----------
 .../afc/dialogs/AfcSettingsDialogHub.vue      |  39 ++--
 .../afc/dialogs/AfcSettingsDialogLane.vue     |  86 ++++----
 .../afc/dialogs/AfcUnitLaneFilamentDialog.vue |  11 +-
 .../afc/dialogs/AfcUnitLaneInfiniteDialog.vue |   3 +-
 .../dialogs/AfcUnitLaneMappingToolDialog.vue  |   3 +-
 9 files changed, 158 insertions(+), 197 deletions(-)

diff --git a/src/components/widgets/afc/AfcCardMessage.vue b/src/components/widgets/afc/AfcCardMessage.vue
index 7b6859d2a7..68d437dca2 100644
--- a/src/components/widgets/afc/AfcCardMessage.vue
+++ b/src/components/widgets/afc/AfcCardMessage.vue
@@ -49,9 +49,7 @@ export default class AfcCardMessage extends Mixins(StateMixin, AfcMixin) {
   }
 
   clearMessage () {
-    const gcode = 'AFC_CLEAR_MESSAGE'
-
-    this.sendGcode(gcode)
+    this.sendGcode('AFC_CLEAR_MESSAGE')
   }
 }
 </script>
diff --git a/src/components/widgets/afc/AfcCardUnitLaneActions.vue b/src/components/widgets/afc/AfcCardUnitLaneActions.vue
index 447a21e8fe..544497b657 100644
--- a/src/components/widgets/afc/AfcCardUnitLaneActions.vue
+++ b/src/components/widgets/afc/AfcCardUnitLaneActions.vue
@@ -74,6 +74,7 @@ import { Component, Mixins, Prop } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import AfcMixin from '@/mixins/afc'
 import ToolheadMixIn from '@/mixins/toolhead'
+import { encodeGcodeParamValue } from '@/util/gcode-helpers'
 
 @Component({})
 export default class AfcCardUnitLaneActions extends Mixins(StateMixin, AfcMixin, ToolheadMixIn) {
@@ -98,15 +99,15 @@ export default class AfcCardUnitLaneActions extends Mixins(StateMixin, AfcMixin,
   }
 
   loadLane () {
-    this.sendGcode(`CHANGE_TOOL LANE=${this.name}`)
+    this.sendGcode(`CHANGE_TOOL LANE=${encodeGcodeParamValue(this.name)}`)
   }
 
   unloadLane () {
-    this.sendGcode(`TOOL_UNLOAD LANE=${this.name}`)
+    this.sendGcode(`TOOL_UNLOAD LANE=${encodeGcodeParamValue(this.name)}`)
   }
 
   ejectLane () {
-    this.sendGcode(`LANE_UNLOAD LANE=${this.name}`)
+    this.sendGcode(`LANE_UNLOAD LANE=${encodeGcodeParamValue(this.name)}`)
   }
 }
 </script>
diff --git a/src/components/widgets/afc/AfcCardUnitLaneEmpty.vue b/src/components/widgets/afc/AfcCardUnitLaneEmpty.vue
index ab5f952d09..383d721ebe 100644
--- a/src/components/widgets/afc/AfcCardUnitLaneEmpty.vue
+++ b/src/components/widgets/afc/AfcCardUnitLaneEmpty.vue
@@ -40,6 +40,7 @@
 import { Component, Mixins, Prop } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import AfcMixin from '@/mixins/afc'
+import { encodeGcodeParamValue } from '@/util/gcode-helpers'
 
 @Component
 export default class AfcCardUnitLaneEmpty extends Mixins(StateMixin, AfcMixin) {
@@ -60,9 +61,7 @@ export default class AfcCardUnitLaneEmpty extends Mixins(StateMixin, AfcMixin) {
   }
 
   ejectLane () {
-    const gcode = `LANE_UNLOAD LANE=${this.name}`
-
-    this.sendGcode(gcode)
+    this.sendGcode(`LANE_UNLOAD LANE=${encodeGcodeParamValue(this.name)}`)
   }
 }
 </script>
diff --git a/src/components/widgets/afc/dialogs/AfcSettingsDialogExtruder.vue b/src/components/widgets/afc/dialogs/AfcSettingsDialogExtruder.vue
index fa5cf13602..8e4ef42127 100644
--- a/src/components/widgets/afc/dialogs/AfcSettingsDialogExtruder.vue
+++ b/src/components/widgets/afc/dialogs/AfcSettingsDialogExtruder.vue
@@ -1,108 +1,91 @@
 <template>
-  <div>
-    <h3 class="text-h5 mb-3 mt-5">
-      {{ title }}
-    </h3>
-    <app-setting
-      :title="$t('app.afc.SettingsDialog.LoadUnloadLane')"
-      :sub-title="$t('app.afc.SettingsDialog.LoadUnloadLaneDescription')"
-    >
-      <div class="d-flex flex-wrap">
-        <v-btn
-          v-for="lane in lanes"
-          :key="lane"
-          :disabled="!filledLanes.includes(lane)"
-          small
-          class="ma-1"
-          :color="lane_loaded === lane ? 'primary' : ''"
-          @click="toggleLane(lane)"
-        >
-          {{ lane }}
-        </v-btn>
-      </div>
-    </app-setting>
-    <v-divider class="my-3" />
-    <app-setting
-      :title="$t('app.afc.SettingsDialog.ToolStn')"
-      :sub-title="toolStnSubTitle"
-    >
-      <app-number-input
-        label="tool_stn"
-        param="TOOL_STN"
-        :target="currentToolStn"
-        :default-value="settingsToolStn"
-        :output-error-msg="true"
-        :has-spinner="true"
-        :spinner-factor="1"
-        :step="1"
-        :min="0"
-        :max="null"
-        :dec="0"
-        unit="mm"
-        class="w-100"
-        @submit="updateToolheadSensors"
-      />
-    </app-setting>
-    <v-divider class="my-3" />
-    <app-setting
-      :title="$t('app.afc.SettingsDialog.ToolStnUnload')"
-      :sub-title="$t('app.afc.SettingsDialog.ToolStnUnloadDescription')"
-    >
-      <app-number-input
-        label="tool_stn_unload"
-        param="TOOL_STN_UNLOAD"
-        :target="currentToolStnUnload"
-        :default-value="settingsToolStnUnload"
-        :output-error-msg="true"
-        :has-spinner="true"
-        :spinner-factor="1"
-        :step="1"
-        :min="0"
-        :max="null"
-        :dec="0"
-        unit="mm"
-        class="w-100"
-        @submit="updateToolheadSensors"
-      />
-    </app-setting>
-    <template v-if="existsToolEndSensor">
-      <v-divider class="my-3" />
+  <v-card outlined>
+    <v-card-title>{{ title }}</v-card-title>
+
+    <v-card-text>
+      <app-setting
+        :title="$t('app.afc.SettingsDialog.LoadUnloadLane')"
+        :sub-title="$t('app.afc.SettingsDialog.LoadUnloadLaneDescription')"
+      >
+        <div class="d-flex flex-wrap">
+          <v-btn
+            v-for="lane in lanes"
+            :key="lane"
+            :disabled="!filledLanes.includes(lane)"
+            small
+            class="ma-1"
+            :color="lane_loaded === lane ? 'primary' : ''"
+            @click="toggleLane(lane)"
+          >
+            {{ lane }}
+          </v-btn>
+        </div>
+      </app-setting>
+      <v-divider />
+      <app-setting
+        :title="$t('app.afc.SettingsDialog.ToolStn')"
+        :sub-title="toolStnSubTitle"
+      >
+        <app-named-text-field
+          label="tool_stn"
+          :value="currentToolStn"
+          :reset-value="settingsToolStn"
+          suffix="mm"
+          submit-on-blur
+          @submit="updateToolheadSensors('TOOL_STN', $event)"
+        />
+      </app-setting>
+
+      <v-divider />
+
       <app-setting
-        :title="$t('app.afc.SettingsDialog.ToolSensorAfterExtruder')"
-        :sub-title="$t('app.afc.SettingsDialog.ToolSensorAfterExtruderDescription')"
+        :title="$t('app.afc.SettingsDialog.ToolStnUnload')"
+        :sub-title="$t('app.afc.SettingsDialog.ToolStnUnloadDescription')"
       >
-        <app-number-input
-          label="tool_sensor_after_extruder"
-          param="TOOL_AFTER_EXTRUDER"
-          :target="currentToolSensorAfterExtruder"
-          :default-value="settingsToolSensorAfterExtruder"
-          :output-error-msg="true"
-          :has-spinner="true"
-          :spinner-factor="1"
-          :step="1"
-          :min="0"
-          :max="null"
-          :dec="0"
-          unit="mm"
-          class="w-100"
-          @submit="updateToolheadSensors"
+        <app-named-text-field
+          label="tool_stn_unload"
+          :value="currentToolStnUnload"
+          :reset-value="settingsToolStnUnload"
+          suffix="mm"
+          submit-on-blur
+          @submit="updateToolheadSensors('TOOL_STN_UNLOAD', $event)"
         />
       </app-setting>
-    </template>
-    <v-divider class="my-3" />
-    <app-setting
-      :title="$t('app.afc.SettingsDialog.SaveExtruderValues')"
-      :sub-title="$t('app.afc.SettingsDialog.SaveExtruderValuesDescription')"
-    >
-      <v-btn
-        :disabled="!enableSaveButton"
-        color="primary"
-        @click="saveExtruderValues"
+
+      <template v-if="existsToolEndSensor">
+        <v-divider />
+
+        <app-setting
+          :title="$t('app.afc.SettingsDialog.ToolSensorAfterExtruder')"
+          :sub-title="$t('app.afc.SettingsDialog.ToolSensorAfterExtruderDescription')"
+        >
+          <app-named-text-field
+            label="tool_sensor_after_extruder"
+            :value="currentToolSensorAfterExtruder"
+            :reset-value="settingsToolSensorAfterExtruder"
+            suffix="mm"
+            submit-on-blur
+            @submit="updateToolheadSensors('TOOL_AFTER_EXTRUDER', $event)"
+          />
+        </app-setting>
+      </template>
+
+      <v-divider />
+
+      <app-setting
+        :title="$t('app.afc.SettingsDialog.SaveExtruderValues')"
+        :sub-title="$t('app.afc.SettingsDialog.SaveExtruderValuesDescription')"
       >
-        {{ $t('app.afc.SettingsDialog.WriteToFile') }}
-      </v-btn>
-    </app-setting>
-  </div>
+        <v-btn
+          :disabled="!enableSaveButton"
+          color="primary"
+          @click="saveExtruderValues"
+        >
+          {{ $t('app.afc.SettingsDialog.WriteToFile') }}
+        </v-btn>
+      </app-setting>
+    </v-card-text>
+  </v-card>
 </template>
 
 <script lang="ts">
@@ -110,6 +93,7 @@ import Vue from 'vue'
 import { Component, Mixins, Prop } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import AfcMixin from '@/mixins/afc'
+import { encodeGcodeParamValue } from '@/util/gcode-helpers'
 
 @Component({})
 export default class AfcSettingsDialogExtruder extends Mixins(StateMixin, AfcMixin) {
@@ -205,27 +189,22 @@ export default class AfcSettingsDialogExtruder extends Mixins(StateMixin, AfcMix
 
   toggleLane (lane: string) {
     if (this.lane_loaded === lane) {
-      this.sendGcode(`TOOL_UNLOAD LANE=${lane}`)
+      this.sendGcode(`TOOL_UNLOAD LANE=${encodeGcodeParamValue(lane)}`)
 
       return
     }
 
-    this.sendGcode(`CHANGE_TOOL LANE=${lane}`)
+    this.sendGcode(`CHANGE_TOOL LANE=${encodeGcodeParamValue(lane)}`)
   }
 
-  updateToolheadSensors (args: { name: string; value: number }) {
+  updateToolheadSensors (name: string, value: number) {
     this.changedValue = true
-    this.sendGcode(`UPDATE_TOOLHEAD_SENSORS EXTRUDER=${this.name} ${args.name}=${args.value}`)
+    this.sendGcode(`UPDATE_TOOLHEAD_SENSORS EXTRUDER=${encodeGcodeParamValue(this.name)} ${name}=${value}`)
   }
 
   saveExtruderValues () {
     this.changedValue = false
-    const gcode = `SAVE_EXTRUDER_VALUES EXTRUDER=${this.name}`
-    this.sendGcode(gcode)
-  }
-
-  doSend (gcode: string) {
-    this.sendGcode(gcode)
+    this.sendGcode(`SAVE_EXTRUDER_VALUES EXTRUDER=${encodeGcodeParamValue(this.name)}`)
   }
 }
 </script>
diff --git a/src/components/widgets/afc/dialogs/AfcSettingsDialogHub.vue b/src/components/widgets/afc/dialogs/AfcSettingsDialogHub.vue
index a104d907c7..2474b3440e 100644
--- a/src/components/widgets/afc/dialogs/AfcSettingsDialogHub.vue
+++ b/src/components/widgets/afc/dialogs/AfcSettingsDialogHub.vue
@@ -1,30 +1,21 @@
 <template>
-  <div>
-    <h3 class="text-h5 mb-3">
-      {{ title }}
-    </h3>
+  <v-card outlined>
+    <v-card-title>{{ title }}</v-card-title>
     <app-setting
       :title="$t('app.afc.SettingsDialog.BowdenLength')"
       :sub-title="$t('app.afc.SettingsDialog.BowdenLengthDescription')"
     >
-      <app-number-input
+      <app-named-text-field
         label="afc_bowden_length"
-        param="LENGTH"
-        :target="currentLength"
-        :default-value="settingsLength"
-        :output-error-msg="true"
-        :has-spinner="true"
-        :spinner-factor="1"
-        :step="1"
-        :min="0"
-        :max="null"
-        :dec="0"
-        unit="mm"
-        class="w-100"
-        @submit="setBowdenLength"
+        :value="currentLength"
+        :reset-value="settingsLength"
+        type="number"
+        suffix="mm"
+        @change="setBowdenLength"
       />
     </app-setting>
-  </div>
+    <v-card-text />
+  </v-card>
 </template>
 
 <script lang="ts">
@@ -32,6 +23,7 @@ import Vue from 'vue'
 import { Component, Mixins, Prop } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import AfcMixin from '@/mixins/afc'
+import { encodeGcodeParamValue } from '@/util/gcode-helpers'
 
 @Component({})
 export default class AfcSettingsDialogHub extends Mixins(StateMixin, AfcMixin) {
@@ -45,7 +37,7 @@ export default class AfcSettingsDialogHub extends Mixins(StateMixin, AfcMixin) {
 
   get afcSettingsHub () {
     const settings = this.$typedState.printer.printer.configfile?.settings ?? {}
-    const name = `AFC_hub ${this.name}`.toLowerCase()
+    const name = `afc_hub ${this.name.toLowerCase()}` as const
     return settings[name] || {}
   }
 
@@ -55,7 +47,7 @@ export default class AfcSettingsDialogHub extends Mixins(StateMixin, AfcMixin) {
 
   get printerObject () {
     const printer = this.$typedState.printer.printer ?? {}
-    const key = `AFC_hub ${this.name}`
+    const key = `AFC_hub ${this.name}` as const
 
     return printer[key] ?? {}
   }
@@ -64,9 +56,8 @@ export default class AfcSettingsDialogHub extends Mixins(StateMixin, AfcMixin) {
     return this.printerObject.afc_bowden_length || 0
   }
 
-  setBowdenLength (args: { name: string; value: number }) {
-    const gcode = `SET_BOWDEN_LENGTH HUB=${this.name} ${args.name}=${args.value}`
-    this.sendGcode(gcode)
+  setBowdenLength (value: number) {
+    this.sendGcode(`SET_BOWDEN_LENGTH HUB=${encodeGcodeParamValue(this.name)} LENGTH=${value}`)
   }
 }
 </script>
diff --git a/src/components/widgets/afc/dialogs/AfcSettingsDialogLane.vue b/src/components/widgets/afc/dialogs/AfcSettingsDialogLane.vue
index 3272be9920..3da371100d 100644
--- a/src/components/widgets/afc/dialogs/AfcSettingsDialogLane.vue
+++ b/src/components/widgets/afc/dialogs/AfcSettingsDialogLane.vue
@@ -1,43 +1,41 @@
 <template>
-  <div>
-    <h3 class="text-h5 mb-3 mt-5">
-      {{ title }}
-    </h3>
-    <app-setting
-      :title="$t('app.afc.SettingsDialog.DistHub')"
-      :sub-title="$t('app.afc.SettingsDialog.DistHubDescription')"
-    >
-      <app-number-input
-        label="dist_hub"
-        param="LENGTH"
-        :target="currentDistHub"
-        :default-value="settingsDistHub"
-        :output-error-msg="true"
-        :has-spinner="true"
-        :spinner-factor="1"
-        :step="1"
-        :min="0"
-        :max="null"
-        :dec="0"
-        unit="mm"
-        class="w-100"
-        @submit="setHubDist"
-      />
-    </app-setting>
-    <v-divider class="my-3" />
-    <app-setting
-      :title="$t('app.afc.SettingsDialog.SaveHubDist')"
-      :sub-title="$t('app.afc.SettingsDialog.SaveHubDistDescription')"
-    >
-      <v-btn
-        :disabled="!enableSaveButton"
-        color="primary"
-        @click="saveHubDist"
+  <v-card outlined>
+    <v-card-title>{{ title }}</v-card-title>
+
+    <v-card-text>
+      <app-setting
+        :title="$t('app.afc.SettingsDialog.DistHub')"
+        :sub-title="$t('app.afc.SettingsDialog.DistHubDescription')"
+      >
+        <app-named-slider
+          label="dist_hub"
+          :value="currentDistHub"
+          :reset-value="settingsDistHub"
+          :min="0"
+          :max="100"
+          :step="1"
+          overridable
+          suffix="mm"
+          @submit="setHubDist"
+        />
+      </app-setting>
+
+      <v-divider />
+
+      <app-setting
+        :title="$t('app.afc.SettingsDialog.SaveHubDist')"
+        :sub-title="$t('app.afc.SettingsDialog.SaveHubDistDescription')"
       >
-        {{ $t('app.afc.SettingsDialog.WriteToFile') }}
-      </v-btn>
-    </app-setting>
-  </div>
+        <v-btn
+          :disabled="!enableSaveButton"
+          color="primary"
+          @click="saveHubDist"
+        >
+          {{ $t('app.afc.SettingsDialog.WriteToFile') }}
+        </v-btn>
+      </app-setting>
+    </v-card-text>
+  </v-card>
 </template>
 
 <script lang="ts">
@@ -45,6 +43,7 @@ import Vue from 'vue'
 import { Component, Mixins, Prop } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import AfcMixin from '@/mixins/afc'
+import { encodeGcodeParamValue } from '@/util/gcode-helpers'
 
 @Component({})
 export default class AfcSettingsDialogLane extends Mixins(StateMixin, AfcMixin) {
@@ -80,19 +79,14 @@ export default class AfcSettingsDialogLane extends Mixins(StateMixin, AfcMixin)
     return this.currentDistHub !== this.settingsDistHub
   }
 
-  setHubDist (args: { name: string; value: number }) {
+  setHubDist (value: number) {
     this.changedValue = true
-    this.sendGcode(`SET_HUB_DIST LANE=${this.name} ${args.name}=${args.value}`)
+    this.sendGcode(`SET_HUB_DIST LANE=${encodeGcodeParamValue(this.name)} LENGTH=${value}`)
   }
 
   saveHubDist () {
     this.changedValue = false
-    const gcode = `SAVE_HUB_DIST LANE=${this.name}`
-    this.sendGcode(gcode)
-  }
-
-  doSend (gcode: string) {
-    this.sendGcode(gcode)
+    this.sendGcode(`SAVE_HUB_DIST LANE=${encodeGcodeParamValue(this.name)}`)
   }
 }
 </script>
diff --git a/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue b/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue
index 2e7297dff1..00f6a437d6 100644
--- a/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue
+++ b/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue
@@ -69,6 +69,7 @@ import { Component, Mixins, Prop, Watch, VModel } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import AfcMixin from '@/mixins/afc'
 import { Debounce } from 'vue-debounce-decorator'
+import { encodeGcodeParamValue } from '@/util/gcode-helpers'
 
 @Component({})
 export default class AfcUnitLaneFilamentDialog extends Mixins(StateMixin, AfcMixin) {
@@ -112,23 +113,19 @@ export default class AfcUnitLaneFilamentDialog extends Mixins(StateMixin, AfcMix
 
     if (this.color !== this.currentColor) {
       const cleanedColor = this.color.replace('#', '')
-      gcode.push(`SET_COLOR LANE=${this.name} COLOR=${cleanedColor}`)
+      gcode.push(`SET_COLOR LANE=${encodeGcodeParamValue(this.name)} COLOR=${encodeGcodeParamValue(cleanedColor)}`)
     }
     if (this.material !== this.currentMaterial) {
-      gcode.push(`SET_MATERIAL LANE=${this.name} MATERIAL=${this.material}`)
+      gcode.push(`SET_MATERIAL LANE=${encodeGcodeParamValue(this.name)} MATERIAL=${encodeGcodeParamValue(this.material)}`)
     }
     if (this.weight !== this.currentWeight) {
-      gcode.push(`SET_WEIGHT LANE=${this.name} WEIGHT=${this.weight}`)
+      gcode.push(`SET_WEIGHT LANE=${encodeGcodeParamValue(this.name)} WEIGHT=${this.weight}`)
     }
 
     this.sendGcode(gcode.join('\n'))
     this.closeDialog()
   }
 
-  doSend (gcode: string) {
-    this.sendGcode(gcode)
-  }
-
   closeDialog () {
     this.$emit('close')
   }
diff --git a/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue b/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue
index 08211fb7d9..15dfd16d00 100644
--- a/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue
+++ b/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue
@@ -33,6 +33,7 @@
 import { Component, Mixins, Prop, VModel } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import AfcMixin from '@/mixins/afc'
+import { encodeGcodeParamValue } from '@/util/gcode-helpers'
 
 @Component({})
 export default class AfcUnitLaneInfiniteDialog extends Mixins(StateMixin, AfcMixin) {
@@ -68,7 +69,7 @@ export default class AfcUnitLaneInfiniteDialog extends Mixins(StateMixin, AfcMix
   }
 
   setRunout (newLane: string) {
-    this.sendGcode(`SET_RUNOUT LANE=${this.name} RUNOUT=${newLane}`)
+    this.sendGcode(`SET_RUNOUT LANE=${encodeGcodeParamValue(this.name)} RUNOUT=${encodeGcodeParamValue(newLane)}`)
 
     this.closeDialog()
   }
diff --git a/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue b/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue
index 36ced54fe7..57d4db3ebc 100644
--- a/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue
+++ b/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue
@@ -33,6 +33,7 @@
 import { Component, Mixins, Prop, VModel } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import AfcMixin from '@/mixins/afc'
+import { encodeGcodeParamValue } from '@/util/gcode-helpers'
 
 @Component({})
 export default class AfcUnitLaneMappingToolDialog extends Mixins(StateMixin, AfcMixin) {
@@ -48,7 +49,7 @@ export default class AfcUnitLaneMappingToolDialog extends Mixins(StateMixin, Afc
   }
 
   mapTool (newTool: string) {
-    this.sendGcode(`SET_MAP LANE=${this.name} MAP=${newTool}`)
+    this.sendGcode(`SET_MAP LANE=${encodeGcodeParamValue(this.name)} MAP=${encodeGcodeParamValue(newTool)}`)
 
     this.closeDialog()
   }

From b00a24d1b6d142296e77bc66318a55a689a42454 Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Fri, 5 Dec 2025 00:44:52 +0000
Subject: [PATCH 22/49] fix: settings controls

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 components.d.ts                               |   1 -
 src/components/ui/AppNumberInput.vue          | 189 ------------------
 .../afc/dialogs/AfcSettingsDialogExtruder.vue |   6 +-
 .../afc/dialogs/AfcSettingsDialogHub.vue      |   3 +-
 .../afc/dialogs/AfcSettingsDialogLane.vue     |   7 +-
 5 files changed, 7 insertions(+), 199 deletions(-)
 delete mode 100644 src/components/ui/AppNumberInput.vue

diff --git a/components.d.ts b/components.d.ts
index d392e8deb5..b0ea7f817e 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -44,7 +44,6 @@ declare module 'vue' {
     AppNavDrawer: typeof import('./src/components/layout/AppNavDrawer.vue')['default']
     AppNavItem: typeof import('./src/components/ui/AppNavItem.vue')['default']
     AppNotificationMenu: typeof import('./src/components/layout/AppNotificationMenu.vue')['default']
-    AppNumberInput: typeof import('./src/components/ui/AppNumberInput.vue')['default']
     AppObservedColumn: typeof import('./src/components/layout/AppObservedColumn.vue')['default']
     AppQrCode: typeof import('./src/components/ui/AppQrCode.vue')['default']
     AppSaveConfigAndRestartBtn: typeof import('./src/components/layout/AppSaveConfigAndRestartBtn.vue')['default']
diff --git a/src/components/ui/AppNumberInput.vue b/src/components/ui/AppNumberInput.vue
deleted file mode 100644
index 7cfb8512e1..0000000000
--- a/src/components/ui/AppNumberInput.vue
+++ /dev/null
@@ -1,189 +0,0 @@
-<!--
-Credit goes to meteyou(mainsail dev) for this work, as this was pulled from mainsail so that AFC integration would look the same between fluidd and mainsail
-Code based off this file: https://github.com/mainsail-crew/mainsail/blob/develop/src/components/inputs/NumberInput.vue
--->
-<template>
-  <form @submit.prevent="submit">
-    <v-text-field
-      v-model="value"
-      :label="label"
-      :suffix="unit"
-      :error="invalidInput"
-      :error-messages="inputErrors"
-      :disabled="disabled"
-      :step="step"
-      :min="min"
-      :max="max"
-      :dec="dec"
-      hide-spin-buttons
-      hide-details="auto"
-      outlined
-      dense
-      class="align-top"
-      @blur="value = target.toString()"
-      @focus="$event.target.select()"
-      @keydown="checkInvalidChars"
-    >
-      <template
-        v-if="defaultValue !== null"
-        #append
-      >
-        <v-icon @click="resetToDefault">
-          {{ value !== defaultValue.toString() ? '$reset' : '' }}
-        </v-icon>
-      </template>
-      <template
-        v-if="hasSpinner"
-        #append-outer
-      >
-        <div class="_spin_button_group">
-          <v-btn
-            :disabled="(max !== null && parseInt(value) >= max) || error || disabled"
-            class="mt-n3"
-            icon
-            plain
-            small
-            @click="incrementValue"
-          >
-            <v-icon>
-              $chevronUp
-            </v-icon>
-          </v-btn>
-          <v-btn
-            :disabled="parseInt(value) <= min || error || disabled"
-            class="mb-n3"
-            icon
-            plain
-            small
-            @click="decrementValue"
-          >
-            <v-icon>
-              $chevronDown
-            </v-icon>
-          </v-btn>
-        </div>
-      </template>
-    </v-text-field>
-  </form>
-</template>
-
-<script lang="ts">
-import Component from 'vue-class-component'
-import { Mixins, Prop, Watch } from 'vue-property-decorator'
-import StateMixin from '@/mixins/state'
-import type { TranslateResult } from 'vue-i18n'
-
-@Component
-export default class AppNumberInput extends Mixins(StateMixin) {
-  private value: string = '0'
-  private error: boolean = false
-  private invalidChars: string[] = ['e', 'E', '+']
-
-  // input field name and identifier
-  @Prop({ required: true }) declare readonly label: TranslateResult | string
-  @Prop({ type: String, required: true }) declare readonly param: string
-  // props defining incoming data
-  @Prop({ type: Number, required: true }) declare readonly target: number
-  @Prop({ type: Number, required: false, default: null }) declare readonly defaultValue: number
-  // props for internal processing
-  @Prop({ type: Number, required: true }) declare readonly min: number
-  @Prop({ default: null }) declare readonly max: number | null
-  @Prop({ type: Number, required: true }) declare readonly dec: number
-  @Prop({ type: Number, required: false, default: 1 }) declare readonly step: number
-  @Prop({ type: String, required: false }) declare readonly unit: string
-  // spinner related props
-  @Prop({ type: Boolean, required: false, default: false }) declare readonly hasSpinner: boolean
-  @Prop({ type: Number, required: false, default: 1 }) declare readonly spinnerFactor: number
-  // props for general internal behaviour
-  @Prop({ type: Boolean, required: false, default: false }) declare readonly disabled: boolean
-  @Prop({ type: Boolean, required: false, default: false }) declare readonly outputErrorMsg: boolean
-
-  created (): void {
-    this.value = this.target.toString()
-  }
-
-  @Watch('target')
-  updateTarget (): void {
-    this.value = this.target.toString()
-  }
-
-  incrementValue (): void {
-    if (this.inputValue + this.step * this.spinnerFactor < this.max! || this.max === null) {
-      this.value = (
-        Math.round((this.inputValue + this.step * this.spinnerFactor) * 10 ** this.dec) /
-        10 ** this.dec
-      ).toString()
-    } else this.value = this.max.toString()
-
-    this.submit()
-  }
-
-  decrementValue (): void {
-    if (this.inputValue - this.step * this.spinnerFactor > this.min) {
-      this.value = (
-        Math.round((this.inputValue - this.step * this.spinnerFactor) * 10 ** this.dec) /
-        10 ** this.dec
-      ).toString()
-    } else this.value = this.min.toString()
-
-    this.submit()
-  }
-
-  resetToDefault (): void {
-    this.value = this.defaultValue?.toString()
-    this.submit()
-  }
-
-  submit (): void {
-    if (this.invalidInput) return
-    this.$emit('submit', { name: this.param, value: this.inputValue })
-  }
-
-  // input validation //
-  checkInvalidChars (event: any): void {
-    // add '-' to invalid characters if no negative input is allowed
-    if (this.min >= 0) this.invalidChars.push('-')
-    if (this.invalidChars.includes(event.key)) event.preventDefault()
-  }
-
-  // this function only parse this.value, to escape an empty input
-  get inputValue (): number {
-    if (this.value.toString() === '') return 0
-
-    return parseFloat(this.value.replace(',', '.'))
-  }
-
-  get invalidInput (): boolean {
-    return this.inputErrors.length > 0
-  }
-
-  get inputErrors () {
-    if (!this.outputErrorMsg) return []
-
-    const errors = []
-    if (this.max === null && this.inputValue < this.min) {
-      // "Must be grater or equal than {min}!"
-      errors.push(this.$t('App.NumberInput.GreaterOrEqualError', { min: this.min }))
-    }
-    if (this.max !== null && (this.inputValue > this.max! || this.inputValue < this.min)) {
-      // "Must be between {min} and {max}!"
-      errors.push(this.$t('App.NumberInput.MustBeBetweenError', { min: this.min, max: this.max }))
-    }
-
-    return errors
-  }
-}
-</script>
-
-<style scoped>
-._spin_button_group {
-  width: 24px;
-  margin-top: -6px;
-  margin-left: -6px;
-  margin-bottom: -6px;
-}
-
-.v-input--has-state {
-  margin-bottom: -18px !important;
-}
-</style>
diff --git a/src/components/widgets/afc/dialogs/AfcSettingsDialogExtruder.vue b/src/components/widgets/afc/dialogs/AfcSettingsDialogExtruder.vue
index 8e4ef42127..d47aa4c2d9 100644
--- a/src/components/widgets/afc/dialogs/AfcSettingsDialogExtruder.vue
+++ b/src/components/widgets/afc/dialogs/AfcSettingsDialogExtruder.vue
@@ -31,7 +31,7 @@
           :value="currentToolStn"
           :reset-value="settingsToolStn"
           suffix="mm"
-          submit-on-blur
+          submit-on-change
           @submit="updateToolheadSensors('TOOL_STN', $event)"
         />
       </app-setting>
@@ -47,7 +47,7 @@
           :value="currentToolStnUnload"
           :reset-value="settingsToolStnUnload"
           suffix="mm"
-          submit-on-blur
+          submit-on-change
           @submit="updateToolheadSensors('TOOL_STN_UNLOAD', $event)"
         />
       </app-setting>
@@ -64,7 +64,7 @@
             :value="currentToolSensorAfterExtruder"
             :reset-value="settingsToolSensorAfterExtruder"
             suffix="mm"
-            submit-on-blur
+            submit-on-change
             @submit="updateToolheadSensors('TOOL_AFTER_EXTRUDER', $event)"
           />
         </app-setting>
diff --git a/src/components/widgets/afc/dialogs/AfcSettingsDialogHub.vue b/src/components/widgets/afc/dialogs/AfcSettingsDialogHub.vue
index 2474b3440e..b7cf6190b1 100644
--- a/src/components/widgets/afc/dialogs/AfcSettingsDialogHub.vue
+++ b/src/components/widgets/afc/dialogs/AfcSettingsDialogHub.vue
@@ -11,7 +11,8 @@
         :reset-value="settingsLength"
         type="number"
         suffix="mm"
-        @change="setBowdenLength"
+        submit-on-change
+        @submit="setBowdenLength"
       />
     </app-setting>
     <v-card-text />
diff --git a/src/components/widgets/afc/dialogs/AfcSettingsDialogLane.vue b/src/components/widgets/afc/dialogs/AfcSettingsDialogLane.vue
index 3da371100d..a5f1b059bf 100644
--- a/src/components/widgets/afc/dialogs/AfcSettingsDialogLane.vue
+++ b/src/components/widgets/afc/dialogs/AfcSettingsDialogLane.vue
@@ -7,15 +7,12 @@
         :title="$t('app.afc.SettingsDialog.DistHub')"
         :sub-title="$t('app.afc.SettingsDialog.DistHubDescription')"
       >
-        <app-named-slider
+        <app-named-text-field
           label="dist_hub"
           :value="currentDistHub"
           :reset-value="settingsDistHub"
-          :min="0"
-          :max="100"
-          :step="1"
-          overridable
           suffix="mm"
+          submit-on-change
           @submit="setHubDist"
         />
       </app-setting>

From d4a26c1b053143368fc654d5fb7f28e286e63b09 Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Fri, 5 Dec 2025 10:02:02 +0000
Subject: [PATCH 23/49] revert: MMU support already checked on Dashboard

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 src/components/widgets/mmu/MmuCard.vue | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/src/components/widgets/mmu/MmuCard.vue b/src/components/widgets/mmu/MmuCard.vue
index f5fb0ec02a..63f985bfaa 100644
--- a/src/components/widgets/mmu/MmuCard.vue
+++ b/src/components/widgets/mmu/MmuCard.vue
@@ -1,6 +1,5 @@
 <template>
   <collapsable-card
-    v-if="supportsMmu"
     :title="title"
     icon="$mmu "
     draggable
@@ -331,10 +330,6 @@ export default class MmuCard extends Mixins(StateMixin, MmuMixin) {
     return posStr
   }
 
-  get supportsMmu (): boolean {
-    return this.$typedState.printer.printer.mmu != null
-  }
-
   private capitalize (str: string): string {
     if (!str) return str
     return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase()

From 227688d031e8ab68f232fbdb6181765df3ce1d48 Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Fri, 5 Dec 2025 21:04:01 +0000
Subject: [PATCH 24/49] refactor: typing improvements

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 src/components/widgets/afc/AfcCard.vue        |  12 +-
 src/components/widgets/afc/AfcCardButtons.vue | 126 +++-----
 .../widgets/afc/AfcCardExtruder.vue           |  24 +-
 src/components/widgets/afc/AfcCardUnitHub.vue |   2 +-
 .../widgets/afc/AfcCardUnitLane.vue           |   5 +-
 .../widgets/afc/AfcCardUnitLaneActions.vue    |   4 +-
 .../widgets/afc/AfcCardUnitLaneBody.vue       |  12 +-
 .../widgets/afc/AfcCardUnitLaneHeader.vue     |   2 +-
 .../afc/dialogs/AfcSettingsDialogExtruder.vue |  25 +-
 .../afc/dialogs/AfcSettingsDialogHub.vue      |  13 +-
 .../afc/dialogs/AfcSettingsDialogLane.vue     |  12 +-
 .../afc/dialogs/AfcUnitLaneFilamentDialog.vue |   6 +-
 .../afc/dialogs/AfcUnitLaneInfiniteDialog.vue |   8 +-
 .../dialogs/AfcUnitLaneMappingToolDialog.vue  |   2 +-
 src/mixins/afc.ts                             |  59 ++--
 src/store/printer/types.ts                    | 271 ++++++++++++++++++
 16 files changed, 416 insertions(+), 167 deletions(-)

diff --git a/src/components/widgets/afc/AfcCard.vue b/src/components/widgets/afc/AfcCard.vue
index 1bcdbb558b..000da245ae 100644
--- a/src/components/widgets/afc/AfcCard.vue
+++ b/src/components/widgets/afc/AfcCard.vue
@@ -50,17 +50,19 @@ import AfcCardSettings from '@/components/widgets/afc/AfcCardSettings.vue'
   }
 })
 export default class AfcCard extends Mixins(StateMixin, AfcMixin) {
+  @Prop({ type: Boolean })
+  readonly fullscreen?: boolean
+
   get filteredExtruders () {
-    return this.afcExtruders.filter((extruder) => !this.afcHiddenExtruders.includes(extruder))
+    return this.afcExtruders
+      .filter(extruder => !this.afcHiddenExtruders.includes(extruder))
   }
 
   get filteredUnits () {
-    return this.afcUnits.filter((unit) => !this.afcHiddenUnits.includes(unit))
+    return this.afcUnits
+      .filter(unit => !this.afcHiddenUnits.includes(unit))
   }
 
-  @Prop({ type: Boolean })
-  readonly fullscreen?: boolean
-
   get afcEnabled () {
     return this.$typedGetters['printer/getSupportsAfc']
   }
diff --git a/src/components/widgets/afc/AfcCardButtons.vue b/src/components/widgets/afc/AfcCardButtons.vue
index 66cfd9ece4..f2cef5cbe2 100644
--- a/src/components/widgets/afc/AfcCardButtons.vue
+++ b/src/components/widgets/afc/AfcCardButtons.vue
@@ -117,9 +117,10 @@
 import { Component, Mixins } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import AfcMixin from '@/mixins/afc'
-import type { Macro } from '@/store/macros/types'
 import MacroBtn from '@/components/widgets/macros/MacroBtn.vue'
 import AfcSettingsDialog from '@/components/widgets/afc/dialogs/AfcSettingsDialog.vue'
+import type { KlipperPrinterAfcSettings } from '@/store/printer/types'
+import downloadUrl from '@/util/download-url'
 
 @Component({
   components: {
@@ -140,7 +141,7 @@ export default class AfcCardButtons extends Mixins(StateMixin, AfcMixin) {
         text: this.$t('app.afc.Calibrate'),
         command: 'AFC_CALIBRATION',
         disabled: false,
-        toolTipDisabled: this.macroDisabled('AFC_CALIBRATION'),
+        toolTipDisabled: this.macroTooltipDisabled('AFC_CALIBRATION'),
         disabledWhilePrinting: true,
       },
     ]
@@ -152,7 +153,7 @@ export default class AfcCardButtons extends Mixins(StateMixin, AfcMixin) {
         text: this.$t('app.afc.LedOff'),
         command: 'TURN_OFF_AFC_LED',
         disabled: false,
-        toolTipDisabled: this.macroDisabled('TURN_OFF_AFC_LED'),
+        toolTipDisabled: this.macroTooltipDisabled('TURN_OFF_AFC_LED'),
         disabledWhilePrinting: false,
       })
     } else {
@@ -161,7 +162,7 @@ export default class AfcCardButtons extends Mixins(StateMixin, AfcMixin) {
         text: this.$t('app.afc.LedOn'),
         command: 'TURN_ON_AFC_LED',
         disabled: false,
-        toolTipDisabled: this.macroDisabled('TURN_ON_AFC_LED'),
+        toolTipDisabled: this.macroTooltipDisabled('TURN_ON_AFC_LED'),
         disabledWhilePrinting: false,
       })
     }
@@ -172,122 +173,79 @@ export default class AfcCardButtons extends Mixins(StateMixin, AfcMixin) {
         text: 'Capture TD',
         command: 'AFC_GET_TD_ONE_DATA',
         disabled: false,
-        toolTipDisabled: this.macroDisabled('AFC_GET_TD_ONE_DATA'),
+        toolTipDisabled: this.macroTooltipDisabled('AFC_GET_TD_ONE_DATA'),
         disabledWhilePrinting: true,
       })
     }
 
-    return buttons.filter((button) => {
-      return commandsList.includes(button.command.toUpperCase())
-    })
+    return buttons.filter(button => commandsList.includes(button.command.toUpperCase()))
   }
 
-  macroDisabled (macroName: string): boolean {
-    const macro = this.$typedGetters['macros/getMacroByName'](macroName)
-    if (macro) {
-      return !macro.config?.description || macro.config.description === 'G-Code macro'
-    } else {
-      return true
-    }
+  macroTooltipDisabled (macroName: string): boolean {
+    return !this.macroDescription(macroName)
   }
 
   macroDescription (macroName: string) {
     const macro = this.$typedGetters['macros/getMacroByName'](macroName)
-    if (macro) {
-      return macro?.config?.description
-    } else {
-      return ''
-    }
+
+    return macro?.description || ''
   }
 
   get macros () {
-    const macros = this.$typedGetters['macros/getMacros']
-    const settings = this.$typedState.printer.printer.configfile?.settings.afc ?? {}
+    const settings: KlipperPrinterAfcSettings | undefined = this.$typedState.printer.printer.configfile.settings.afc
 
     const afcMacros = []
-    if (settings.wipe) {
-      const wipe_name:string = settings?.wipe_cmd || 'AFC_BRUSH'
+
+    if (settings?.wipe) {
+      const wipe_name: string = settings.wipe_cmd || 'AFC_BRUSH'
+
       afcMacros.push({
         text: this.$t('app.afc.BrushNozzle'),
         macroName: wipe_name,
         disabled: this.printerPrinting,
-        toolTipDisabled: this.macroDisabled(wipe_name),
+        toolTipDisabled: this.macroTooltipDisabled(wipe_name),
       })
     }
 
-    if (settings.park) {
-      const park_name:string = settings?.park_cmd || 'AFC_PARK'
+    if (settings?.park) {
+      const park_name: string = settings.park_cmd || 'AFC_PARK'
+
       afcMacros.push({
         text: this.$t('app.afc.ParkNozzle'),
         macroName: park_name,
         disabled: this.printerPrinting,
-        toolTipDisabled: this.macroDisabled(park_name),
+        toolTipDisabled: this.macroTooltipDisabled(park_name),
       })
     }
 
     return afcMacros
-      .map((button) => {
-        return {
-          ...button,
-          macro:
-            macros.find(
-              (macro: Macro) => macro.name.toLowerCase() === button.macroName.toLowerCase()
-            ) ?? null,
-        }
-      })
-      .filter((button) => button.macro !== null)
+      .map(button => ({
+        ...button,
+        macro: this.$typedGetters['macros/getMacroByName'](button.macroName),
+      }))
+      .filter((button) => button.macro != null)
   }
 
   downloadDebugJson () {
-    const AFC_DEBUG_FILENAME = 'afc_debug.json'
-    const output: {
-      config: { [key: string]: any }
-      settings: { [key: string]: any }
-      printer: { [key: string]: any }
-    } = {
-      config: {},
-      settings: {},
-      printer: {},
+    const output = {
+      config: Object.fromEntries(
+        Object.entries(this.$typedState.printer.printer.configfile.config)
+          .filter(([key]) => /^afc(?:$|_)/.test(key))
+      ),
+      settings: Object.fromEntries(
+        Object.entries(this.$typedState.printer.printer.configfile.settings)
+          .filter(([key]) => /^afc(?:$|_)/.test(key))
+      ),
+      printer: Object.fromEntries(
+        Object.entries(this.$typedState.printer.printer)
+          .filter(([key]) => /^afc(?:$|_)/.test(key))
+      ),
     }
-    const printer = this.$typedState.printer.printer ?? {}
-    const config = printer.configfile?.config ?? {}
-    const settings = printer.configfile?.settings ?? {}
-
-    Object.keys(config)
-      .filter((key) => key.toLowerCase().startsWith('afc'))
-      .forEach((name) => {
-        output.config[name] = { ...config[name] }
-      })
-
-    Object.keys(settings)
-      .filter((key) => key.toLowerCase().startsWith('afc'))
-      .forEach((name) => {
-        output.settings[name] = { ...settings[name] }
-      })
-
-    Object.keys(printer)
-      .filter((key) => key.toLowerCase().startsWith('afc'))
-      .forEach((name) => {
-        output.printer[name] = { ...printer[name] }
-      })
-
-    // Convert the output object to a JSON string and create a Blob for download
-    const jsonString = JSON.stringify(output, null, 2)
-    const blob = new Blob([jsonString], { type: 'application/json' })
-    const url = URL.createObjectURL(blob)
-
-    // Create a link element to trigger the download
-    const link = document.createElement('a')
-    link.href = url
-    link.download = AFC_DEBUG_FILENAME
 
-    // Append the link to the body, click it to trigger download, then remove it
-    document.body.appendChild(link)
-    link.click()
-    document.body.removeChild(link)
+    const jsonString = JSON.stringify(output)
+    const url = `data:text/plain;charset=utf-8,${encodeURIComponent(jsonString)}`
 
-    // Clean up the URL object
-    URL.revokeObjectURL(url)
+    downloadUrl('afc_debug.json', url)
   }
 }
 </script>
diff --git a/src/components/widgets/afc/AfcCardExtruder.vue b/src/components/widgets/afc/AfcCardExtruder.vue
index a4a69b3791..0dbc295807 100644
--- a/src/components/widgets/afc/AfcCardExtruder.vue
+++ b/src/components/widgets/afc/AfcCardExtruder.vue
@@ -59,7 +59,8 @@ import AfcMixin from '@/mixins/afc'
 
 @Component({})
 export default class AfcCardExtruder extends Mixins(StateMixin, AfcMixin) {
-  @Prop({ type: String, required: true }) readonly name!: string
+  @Prop({ type: String, required: true })
+  readonly name!: string
 
   get afcExtruder () {
     return this.getAfcExtruderObject(this.name)
@@ -70,16 +71,16 @@ export default class AfcCardExtruder extends Mixins(StateMixin, AfcMixin) {
   }
 
   get useRamming () {
-    const toolStart = this.afcExtruder.tool_start ?? ''
+    const toolStart = this.afcExtruder?.tool_start ?? ''
 
     return toolStart === 'buffer'
   }
 
   get hasActiveLane () {
-    if (this.afcCurrentLane === null) return false
+    if (this.afcCurrentLane == null) return false
 
-    const lanes = this.afcExtruder.lanes ?? []
-    return lanes.includes(this.afcCurrentLane?.name)
+    const lanes = this.afcExtruder?.lanes ?? []
+    return lanes.includes(this.afcCurrentLane.name)
   }
 
   get containerClasses () {
@@ -101,11 +102,11 @@ export default class AfcCardExtruder extends Mixins(StateMixin, AfcMixin) {
   }
 
   get laneLoaded () {
-    return this.afcExtruder.lane_loaded ?? ''
+    return this.afcExtruder?.lane_loaded ?? ''
   }
 
   get preSensorStatus () {
-    return this.afcExtruder.tool_start_status ?? false
+    return this.afcExtruder?.tool_start_status ?? false
   }
 
   get preSensorClasses () {
@@ -137,11 +138,14 @@ export default class AfcCardExtruder extends Mixins(StateMixin, AfcMixin) {
   }
 
   get hasPostSensor () {
-    return 'pin_tool_end' in this.settings
+    return (
+      this.settings != null &&
+      'pin_tool_end' in this.settings
+    )
   }
 
   get postSensorStatus () {
-    return this.afcExtruder.tool_end_status ?? false
+    return this.afcExtruder?.tool_end_status ?? false
   }
 
   get postSensorClasses () {
@@ -176,7 +180,7 @@ export default class AfcCardExtruder extends Mixins(StateMixin, AfcMixin) {
   }
 
   get stateLane () {
-    if (this.afcExtruder.lane_loaded) return this.afcExtruder.lane_loaded
+    if (this.afcExtruder?.lane_loaded) return this.afcExtruder.lane_loaded
     if (this.afcCurrentLane) return this.afcCurrentLane.name
 
     return this.$t('app.afc.LaneLoadedNone')
diff --git a/src/components/widgets/afc/AfcCardUnitHub.vue b/src/components/widgets/afc/AfcCardUnitHub.vue
index 926b88a42a..dc7b1dc905 100644
--- a/src/components/widgets/afc/AfcCardUnitHub.vue
+++ b/src/components/widgets/afc/AfcCardUnitHub.vue
@@ -32,7 +32,7 @@ export default class AfcCardUnitHub extends Mixins(StateMixin, AfcMixin) {
   }
 
   get sensorStatus () {
-    return this.hub.state ?? false
+    return this.hub?.state ?? false
   }
 
   get sensorOutput () {
diff --git a/src/components/widgets/afc/AfcCardUnitLane.vue b/src/components/widgets/afc/AfcCardUnitLane.vue
index 3e8cd7bda8..daecdb4033 100644
--- a/src/components/widgets/afc/AfcCardUnitLane.vue
+++ b/src/components/widgets/afc/AfcCardUnitLane.vue
@@ -54,7 +54,10 @@ export default class AfcCardUnitLane extends Mixins(StateMixin, AfcMixin) {
   }
 
   get laneReady () {
-    return this.lane.load && this.lane.prep
+    return (
+      this.lane?.load &&
+      this.lane?.prep
+    )
   }
 }
 </script>
diff --git a/src/components/widgets/afc/AfcCardUnitLaneActions.vue b/src/components/widgets/afc/AfcCardUnitLaneActions.vue
index 544497b657..ed0116bcce 100644
--- a/src/components/widgets/afc/AfcCardUnitLaneActions.vue
+++ b/src/components/widgets/afc/AfcCardUnitLaneActions.vue
@@ -91,11 +91,11 @@ export default class AfcCardUnitLaneActions extends Mixins(StateMixin, AfcMixin,
   }
 
   get laneRunout () {
-    return this.laneActive && !this.lane.prep
+    return this.laneActive && !this.lane?.prep
   }
 
   get toolLoaded () {
-    return this.lane.tool_loaded ?? false
+    return this.lane?.tool_loaded ?? false
   }
 
   loadLane () {
diff --git a/src/components/widgets/afc/AfcCardUnitLaneBody.vue b/src/components/widgets/afc/AfcCardUnitLaneBody.vue
index 5be07b5f62..759a3a1156 100644
--- a/src/components/widgets/afc/AfcCardUnitLaneBody.vue
+++ b/src/components/widgets/afc/AfcCardUnitLaneBody.vue
@@ -128,11 +128,11 @@ export default class AfcCardUnitLaneBody extends Mixins(StateMixin, AfcMixin) {
   }
 
   get runoutLane () {
-    return this.lane.runout_lane ?? 'NONE'
+    return this.lane?.runout_lane ?? 'NONE'
   }
 
   get spoolId (): number {
-    return Number(this.lane.spool_id || '0')
+    return Number(this.lane?.spool_id || '0')
   }
 
   get spool (): SpoolmanSpool | null {
@@ -147,11 +147,11 @@ export default class AfcCardUnitLaneBody extends Mixins(StateMixin, AfcMixin) {
     if (this.afc?.td1_present && this.afcShowTd1Color) {
       return `#${this.lane?.td1_color}`
     }
-    return this.lane.color || '#000000'
+    return this.lane?.color || '#000000'
   }
 
   get spoolRemainingWeight () {
-    return Math.round(this.lane.weight ?? 0)
+    return Math.round(this.lane?.weight ?? 0)
   }
 
   get spoolRemainingWeightOutput () {
@@ -169,7 +169,7 @@ export default class AfcCardUnitLaneBody extends Mixins(StateMixin, AfcMixin) {
   }
 
   get spoolMaterial () {
-    return this.lane.material || '--'
+    return this.lane?.material || '--'
   }
 
   get spoolVendor () {
@@ -185,7 +185,7 @@ export default class AfcCardUnitLaneBody extends Mixins(StateMixin, AfcMixin) {
   }
 
   get tdPresent () {
-    if (this.lane.td1_td === undefined || this.lane?.td1_td?.length === 0) {
+    if (this.lane?.td1_td == null || this.lane.td1_td.length === 0) {
       return false
     }
     return true
diff --git a/src/components/widgets/afc/AfcCardUnitLaneHeader.vue b/src/components/widgets/afc/AfcCardUnitLaneHeader.vue
index c1bc55113d..d7d245c279 100644
--- a/src/components/widgets/afc/AfcCardUnitLaneHeader.vue
+++ b/src/components/widgets/afc/AfcCardUnitLaneHeader.vue
@@ -40,7 +40,7 @@ export default class AfcCardUnitLaneHeader extends Mixins(StateMixin, AfcMixin)
   }
 
   get mappedTool () {
-    return this.lane.map ?? '--'
+    return this.lane?.map ?? '--'
   }
 }
 </script>
diff --git a/src/components/widgets/afc/dialogs/AfcSettingsDialogExtruder.vue b/src/components/widgets/afc/dialogs/AfcSettingsDialogExtruder.vue
index d47aa4c2d9..f5eb4bb5a7 100644
--- a/src/components/widgets/afc/dialogs/AfcSettingsDialogExtruder.vue
+++ b/src/components/widgets/afc/dialogs/AfcSettingsDialogExtruder.vue
@@ -112,15 +112,15 @@ export default class AfcSettingsDialogExtruder extends Mixins(StateMixin, AfcMix
   }
 
   get settingsToolStn () {
-    return this.afcSettingsExtruder.tool_stn || 0
+    return this.afcSettingsExtruder?.tool_stn || 0
   }
 
   get settingsToolStnUnload () {
-    return this.afcSettingsExtruder.tool_stn_unload || 0
+    return this.afcSettingsExtruder?.tool_stn_unload || 0
   }
 
   get settingsToolSensorAfterExtruder () {
-    return this.afcSettingsExtruder.tool_sensor_after_extruder || 0
+    return this.afcSettingsExtruder?.tool_sensor_after_extruder || 0
   }
 
   get printerObject () {
@@ -128,23 +128,23 @@ export default class AfcSettingsDialogExtruder extends Mixins(StateMixin, AfcMix
   }
 
   get currentToolStn () {
-    return this.printerObject.tool_stn || 0
+    return this.printerObject?.tool_stn || 0
   }
 
   get currentToolStnUnload () {
-    return this.printerObject.tool_stn_unload || 0
+    return this.printerObject?.tool_stn_unload || 0
   }
 
   get currentToolSensorAfterExtruder () {
-    return this.printerObject.tool_sensor_after_extruder || 0
+    return this.printerObject?.tool_sensor_after_extruder || 0
   }
 
   get lanes () {
-    return this.printerObject.lanes ?? []
+    return this.printerObject?.lanes ?? []
   }
 
   get lane_loaded () {
-    return this.printerObject.lane_loaded ?? ''
+    return this.printerObject?.lane_loaded ?? ''
   }
 
   get filledLanes () {
@@ -153,7 +153,7 @@ export default class AfcSettingsDialogExtruder extends Mixins(StateMixin, AfcMix
     for (const lane of this.lanes) {
       const laneObject = this.getAfcLaneObject(lane)
 
-      if (laneObject?.load && laneObject?.prep) {
+      if (laneObject?.load && laneObject.prep) {
         filledLanes.push(lane)
       }
     }
@@ -162,7 +162,10 @@ export default class AfcSettingsDialogExtruder extends Mixins(StateMixin, AfcMix
   }
 
   get existsToolEndSensor () {
-    return 'pin_tool_end' in this.afcSettingsExtruder
+    return (
+      this.afcSettingsExtruder != null &&
+      'pin_tool_end' in this.afcSettingsExtruder
+    )
   }
 
   get toolStnSubTitle () {
@@ -170,7 +173,7 @@ export default class AfcSettingsDialogExtruder extends Mixins(StateMixin, AfcMix
       return this.$t('app.afc.SettingsDialog.ToolStnDescriptionWithEndSensor')
     }
 
-    if (this.afcSettingsExtruder.pin_tool_start === 'buffer') {
+    if (this.afcSettingsExtruder?.pin_tool_start === 'buffer') {
       return this.$t('app.afc.SettingsDialog.ToolStnDescriptionWithRamming')
     }
 
diff --git a/src/components/widgets/afc/dialogs/AfcSettingsDialogHub.vue b/src/components/widgets/afc/dialogs/AfcSettingsDialogHub.vue
index b7cf6190b1..93529edce0 100644
--- a/src/components/widgets/afc/dialogs/AfcSettingsDialogHub.vue
+++ b/src/components/widgets/afc/dialogs/AfcSettingsDialogHub.vue
@@ -37,24 +37,19 @@ export default class AfcSettingsDialogHub extends Mixins(StateMixin, AfcMixin) {
   }
 
   get afcSettingsHub () {
-    const settings = this.$typedState.printer.printer.configfile?.settings ?? {}
-    const name = `afc_hub ${this.name.toLowerCase()}` as const
-    return settings[name] || {}
+    return this.getAfcHubSettings(this.name)
   }
 
   get settingsLength () {
-    return this.afcSettingsHub.afc_bowden_length || 0
+    return this.afcSettingsHub?.afc_bowden_length || 0
   }
 
   get printerObject () {
-    const printer = this.$typedState.printer.printer ?? {}
-    const key = `AFC_hub ${this.name}` as const
-
-    return printer[key] ?? {}
+    return this.$typedState.printer.printer[(`AFC_hub ${this.name}`)]
   }
 
   get currentLength () {
-    return this.printerObject.afc_bowden_length || 0
+    return this.printerObject?.afc_bowden_length || 0
   }
 
   setBowdenLength (value: number) {
diff --git a/src/components/widgets/afc/dialogs/AfcSettingsDialogLane.vue b/src/components/widgets/afc/dialogs/AfcSettingsDialogLane.vue
index a5f1b059bf..89c48259e6 100644
--- a/src/components/widgets/afc/dialogs/AfcSettingsDialogLane.vue
+++ b/src/components/widgets/afc/dialogs/AfcSettingsDialogLane.vue
@@ -63,11 +63,19 @@ export default class AfcSettingsDialogLane extends Mixins(StateMixin, AfcMixin)
   }
 
   get settingsDistHub () {
-    return this.afcSettingsLane.dist_hub || 0
+    return (
+      this.afcSettingsLane != null &&
+      'dist_hub' in this.afcSettingsLane &&
+      this.afcSettingsLane.dist_hub
+    ) || 0
   }
 
   get currentDistHub () {
-    return this.afcLane.dist_hub || 0
+    return (
+      this.afcLane != null &&
+      'dist_hub' in this.afcLane &&
+      this.afcLane.dist_hub
+    ) || 0
   }
 
   get enableSaveButton () {
diff --git a/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue b/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue
index 00f6a437d6..cd85532e17 100644
--- a/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue
+++ b/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue
@@ -88,15 +88,15 @@ export default class AfcUnitLaneFilamentDialog extends Mixins(StateMixin, AfcMix
   }
 
   get currentColor () {
-    return this.lane.color ?? '#000000'
+    return this.lane?.color ?? '#000000'
   }
 
   get currentMaterial () {
-    return this.lane.material ?? ''
+    return this.lane?.material ?? ''
   }
 
   get currentWeight () {
-    return Math.round(this.lane.weight ?? 0)
+    return Math.round(this.lane?.weight ?? 0)
   }
 
   get disableSetBtn () {
diff --git a/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue b/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue
index 15dfd16d00..cb2395a17b 100644
--- a/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue
+++ b/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue
@@ -45,7 +45,7 @@ export default class AfcUnitLaneInfiniteDialog extends Mixins(StateMixin, AfcMix
   }
 
   get runoutLane () {
-    return this.lane.runout_lane ?? 'NONE'
+    return this.lane?.runout_lane ?? 'NONE'
   }
 
   get laneList () {
@@ -56,10 +56,10 @@ export default class AfcUnitLaneInfiniteDialog extends Mixins(StateMixin, AfcMix
       if (laneName === this.name) continue
 
       const lane = this.getAfcLaneObject(laneName)
-      const prep = lane.prep ?? false
-      const load = lane.load ?? false
+      const prep = lane?.prep ?? false
+      const load = lane?.load ?? false
 
-      if (prep && load) output.push(lane.name)
+      if (prep && load) output.push(lane?.name)
     }
 
     output = output.sort((a, b) => a.localeCompare(b))
diff --git a/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue b/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue
index 57d4db3ebc..bc6fb7576c 100644
--- a/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue
+++ b/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue
@@ -45,7 +45,7 @@ export default class AfcUnitLaneMappingToolDialog extends Mixins(StateMixin, Afc
   }
 
   get mappedTool () {
-    return this.lane.map ?? '--'
+    return this.lane?.map ?? '--'
   }
 
   mapTool (newTool: string) {
diff --git a/src/mixins/afc.ts b/src/mixins/afc.ts
index 4c0a4e0ea6..7928a47b1c 100644
--- a/src/mixins/afc.ts
+++ b/src/mixins/afc.ts
@@ -8,7 +8,7 @@ export default class AfcMixin extends Vue {
     return this.$typedState.printer.printer.AFC ?? {}
   }
 
-  get afcEnabled () {
+  get afcEnabled (): boolean {
     return this.$typedGetters['server/componentSupport']('afc')
   }
 
@@ -73,7 +73,7 @@ export default class AfcMixin extends Vue {
     const mapList = []
     for (const laneName of lanes) {
       const lane = this.getAfcLaneObject(laneName)
-      if (lane === null) continue
+      if (lane == null) continue
 
       mapList.push(lane.map)
     }
@@ -109,46 +109,51 @@ export default class AfcMixin extends Vue {
     return this.$typedState.config.uiSettings.afc.hiddenUnits
   }
 
-  getPrinterObject (key: string) {
-    const printer = this.$typedState.printer.printer ?? {}
-    return printer[key] ?? null
-  }
-
-  getPrinterSettings (key: string) {
-    const settings = this.$typedState.printer.printer.configfile?.settings ?? {}
-
-    return settings[key.toLowerCase()] ?? null
-  }
-
   getAfcLaneObject (lane: string) {
-    const key_stepper = `AFC_stepper ${lane}` as const
-    const key_lane = `AFC_lane ${lane}` as const
-    return this.getPrinterObject(key_stepper) ?? this.getPrinterObject(key_lane) ?? {}
+    const printerState = this.$typedState.printer.printer
+
+    return (
+      printerState[(`AFC_stepper ${lane}`)] ??
+      printerState[(`AFC_lane ${lane}`)]
+    )
   }
 
   getAfcLaneSettings (lane: string) {
-    const key_stepper = `AFC_stepper ${lane}` as const
-    const key_lane = `AFC_lane ${lane}` as const
-    return this.getPrinterSettings(key_stepper) ?? this.getPrinterSettings(key_lane) ?? {}
+    const printerSettings = this.$typedGetters['printer/getPrinterSettings']
+
+    return (
+      printerSettings[`afc_stepper ${lane.toLowerCase()}`] ??
+      printerSettings[`afc_lane ${lane.toLowerCase()}`]
+    )
   }
 
   getAfcExtruderObject (extruder: string) {
-    const key_extruder = `AFC_extruder ${extruder}` as const
-    return this.getPrinterObject(key_extruder) ?? {}
+    return this.$typedState.printer.printer[(`AFC_extruder ${extruder}`)]
   }
 
   getAfcExtruderSettings (extruder: string) {
-    const key = `AFC_extruder ${extruder}` as const
-    return this.getPrinterSettings(key) ?? {}
+    const printerSettings = this.$typedGetters['printer/getPrinterSettings']
+
+    return printerSettings[`afc_extruder ${extruder.toLowerCase()}`]
   }
 
   getAfcBufferObject (buffer: string) {
-    const key_buffer = `AFC_buffer ${buffer}` as const
-    return this.getPrinterObject(key_buffer)
+    return this.$typedState.printer.printer[`AFC_buffer ${buffer}`]
+  }
+
+  getAfcBufferSettings (buffer: string) {
+    const printerSettings = this.$typedGetters['printer/getPrinterSettings']
+
+    return printerSettings[`afc_buffer ${buffer.toLowerCase()}`]
   }
 
   getAfcHubObject (hub: string) {
-    const key = `AFC_hub ${hub}` as const
-    return this.getPrinterObject(key) ?? {}
+    return this.$typedState.printer.printer[`AFC_hub ${hub}`]
+  }
+
+  getAfcHubSettings (hub: string) {
+    const printerSettings = this.$typedGetters['printer/getPrinterSettings']
+
+    return printerSettings[`afc_hub ${hub.toLowerCase()}`]
   }
 }
diff --git a/src/store/printer/types.ts b/src/store/printer/types.ts
index 14c73e936d..caa24b7cc9 100644
--- a/src/store/printer/types.ts
+++ b/src/store/printer/types.ts
@@ -184,6 +184,12 @@ type KlipperPrinterStateBaseType =
     mmu_machine: KlipperPrinterMmuMachineState;
 
     AFC: KlipperPrinterAfcState;
+
+    [key: `AFC_extruder ${string}`]: KlipperPrinterAfcExtruderState;
+
+    [key: `AFC_buffer ${string}`]: KlipperPrinterAfcBufferState;
+
+    [key: `AFC_led ${string}`]: KlipperPrinterLedState;
   }>
 
 export interface KlipperPrinterState extends KlipperPrinterStateBaseType {
@@ -763,6 +769,27 @@ export interface KlipperPrinterAfcState {
   led_state?: boolean;
 }
 
+export interface KlipperPrinterAfcExtruderState {
+  tool_stn?: number;
+  tool_stn_unload?: number;
+  tool_sensor_after_extruder?: number;
+  tool_unload_speed?: number;
+  tool_load_speed?: number;
+  buffer?: string | null;
+  lane_loaded?: string | null;
+  tool_start?: string | null;
+  tool_start_status?: boolean;
+  tool_end?: string | null;
+  tool_end_status?: boolean;
+  lanes?: string[];
+}
+
+export interface KlipperPrinterAfcBufferState {
+  state: string;
+  lanes: string[];
+  enabled: boolean;
+}
+
 export interface KlipperPrinterConfig extends Record<string, Record<string, string | undefined> | undefined> {
 }
 
@@ -877,6 +904,26 @@ type KlipperPrinterSettingsBaseType =
     scanner: KlipperPrinterCartographerScannerSettings;
 
     [key: `beacon model ${Lowercase<string>}`]: KlipperPrinterBeaconModelSettings;
+
+    afc: KlipperPrinterAfcSettings;
+
+    afc_prep: KlipperPrinterAfcPrepSettings;
+
+    afc_form_tip: KlipperPrinterAfcFormTipSettings;
+
+    [key: `afc_extruder ${Lowercase<string>}`]: KlipperPrinterAfcExtruderSettings;
+
+    [key: `afc_buffer ${Lowercase<string>}`]: KlipperPrinterAfcBufferSettings;
+
+    [key: `afc_led ${Lowercase<string>}`]: KlipperPrinterAfcLedSettings;
+
+    [key: `afc_lane ${Lowercase<string>}`]: KlipperPrinterAfcLaneSettings;
+
+    [key: `afc_stepper ${Lowercase<string>}`]: KlipperPrinterAfcStepperSettings;
+
+    [key: `afc_hub ${Lowercase<string>}`]: KlipperPrinterAfcHubSettings;
+
+    [key: `afc_button ${Lowercase<string>}`]: KlipperPrinterAfcButtonSettings;
   }>
 
 export interface KlipperPrinterSettings extends KlipperPrinterSettingsBaseType {
@@ -1445,6 +1492,230 @@ export interface KlipperPrinterCartographerScannerSettings extends Record<string
 export interface KlipperPrinterBeaconModelSettings extends Record<string, unknown> {
 }
 
+export interface KlipperPrinterAfcSettings {
+  VarFile: string;
+  long_moves_speed: number;
+  rev_long_moves_speed_factor: number;
+  long_moves_accel: number;
+  short_moves_speed: number;
+  quiet_moves_speed: number;
+  short_moves_accel: number;
+  short_move_dis: number;
+  max_move_dis: number;
+  show_quiet_mode: boolean;
+  global_print_current: number;
+  enable_sensors_in_gui: boolean;
+  default_material_temps: string[];
+  default_material_type: string;
+  common_density_values: string[];
+  load_to_hub: boolean;
+  moonraker_port: number;
+  moonraker_host: string;
+  moonraker_timeout: number;
+  assisted_unload: boolean;
+  pause_when_bypass_active: boolean;
+  debug: boolean;
+  trsync_update: boolean;
+  trsync_timeout: number;
+  trsync_single_timeout: number;
+  z_hop: number;
+  resume_speed: number;
+  resume_z_speed: number;
+  led_name: string;
+  led_fault: string;
+  led_ready: string;
+  led_not_ready: string;
+  led_loading: string;
+  led_tool_loaded: string;
+  led_buffer_advancing: string;
+  led_buffer_trailing: string;
+  led_buffer_disable: string;
+  led_spool_illuminate: string;
+  n20_break_delay_time: number;
+  tool_max_unload_attempts: number;
+  tool_homing_distance: number;
+  tool_max_load_checks: number;
+  unload_on_runout: boolean;
+  print_short_stats: boolean;
+  show_macros: boolean;
+  error_timeout: number;
+  auto_home: boolean;
+  auto_level_macro?: string;
+  enable_assist: boolean;
+  enable_assist_weight: boolean;
+  debounce_delay: number;
+  test_extrude_amt: number;
+  capture_td1_when_loaded: boolean;
+  disable_weight_check: boolean;
+  tool_cut: boolean;
+  tool_cut_cmd: string;
+  tool_cut_threshold: number;
+  park: boolean;
+  park_cmd: string;
+  poop: boolean;
+  poop_cmd: string;
+  kick: boolean;
+  kick_cmd: string;
+  wipe: boolean;
+  wipe_cmd: string;
+  form_tip: boolean;
+  form_tip_cmd: string;
+}
+
+export interface KlipperPrinterAfcPrepSettings {
+  enable: boolean;
+  delay_time: number;
+  disable_unload_filament_remapping: boolean;
+  capture_td1_data: boolean;
+}
+
+export interface KlipperPrinterAfcFormTipSettings {
+  ramming_volume: number;
+  toolchange_temp: number;
+  unloading_speed_start: number;
+  unloading_speed: number;
+  cooling_tube_position: number;
+  cooling_tube_length: number;
+  initial_cooling_speed: number;
+  final_cooling_speed: number;
+  cooling_moves: number;
+  use_skinnydip: boolean;
+  skinnydip_distance: number;
+  dip_insertion_speed: number;
+  dip_extraction_speed: number;
+  melt_zone_pause: number;
+  cool_zone_pause: number;
+}
+
+export interface KlipperPrinterAfcExtruderSettings {
+  pin_tool_start: string;
+  pin_tool_end: string;
+  tool_stn: number;
+  tool_stn_unload: number;
+  tool_sensor_after_extruder: number;
+  tool_unload_speed: number;
+  tool_load_speed?: number;
+  buffer: string;
+  enable_sensors_in_gui: boolean;
+  debounce_delay: number;
+}
+
+export interface KlipperPrinterAfcBufferSettings {
+  advance_pin: string;
+  trailing_pin: string;
+  multiplier_high: number;
+  multiplier_low: number;
+  led_index: string;
+  accel: number;
+}
+
+export interface KlipperPrinterAfcLedSettings {
+  pin: string;
+  chain_count: number;
+  color_order: string;
+  initial_RED: number;
+  initial_GREEN: number;
+  initial_BLUE: number;
+  initial_WHITE: number;
+}
+
+export interface KlipperPrinterAfcLaneSettings {
+  unit: string;
+  step_pin: string;
+  dir_pin: string;
+  enable_pin: string;
+  microsteps: number;
+  rotation_distance: number;
+  gear_ratio?: string;
+  map?: string;
+  dist_hub: number;
+  park_dist: number;
+  led_index: string;
+  afc_motor_rwd: string;
+  afc_motor_fwd: string;
+  afc_motor_enb: string;
+  rwd_speed_multiplier: number;
+  fwd_speed_multiplier: number;
+  pwm: boolean;
+  prep: string;
+  load: string;
+  led_fault: string;
+  led_ready: string;
+  led_not_ready: string;
+  led_loading: string;
+  led_unloading: string;
+  led_tool_loaded: string;
+  led_spool_index: string;
+  led_spool_illuminate: string;
+  long_moves_speed: number;
+  rev_long_moves_speed_factor: number;
+  long_moves_accel: number;
+  quiet_moves_speed: number;
+  short_moves_speed: number;
+  short_moves_accel: number;
+  short_move_dis: number;
+  max_move_dis: number;
+  n20_break_delay_time: number;
+  enable_assist: boolean;
+  enable_assist_weight: number;
+  timer_delay: number;
+  enable_kick_start: boolean;
+  kick_start_time: number;
+  delta_movement: number;
+  mm_movement: number;
+  cycles_per_rotation: number;
+  pwm_value: number;
+  spoolrate: number;
+  load_to_hub: boolean;
+  enable_sensors_in_gui: boolean;
+  sensor_to_show?: string;
+  assisted_unload: boolean;
+  filament_diameter: number;
+  filament_density: number;
+  spool_inner_diameter: number;
+  spool_outer_diameter: number;
+  empty_spool_weight: number;
+  spool_weight: number;
+  assist_max_motor_rpm: number;
+  hub?: string;
+  buffer?: string;
+  extruder?: string;
+  debounce_delay: number;
+  capture_td1_when_loaded: boolean;
+  td1_device_id?: string;
+}
+
+export interface KlipperPrinterAfcStepperSettings {
+  print_current: number;
+}
+
+export interface KlipperPrinterAfcHubSettings {
+  switch_pin: string;
+  hub_clear_move_dis: number;
+  afc_bowden_length: number;
+  afc_unload_bowden_length: number;
+  td1_bowden_length: number;
+  assisted_retract: boolean;
+  move_dis: number;
+  cut: boolean;
+  cut_cmd: string;
+  cut_servo_name: string;
+  cut_dist: number;
+  cut_clear: number;
+  cut_min_length: number;
+  cut_servo_pass_angle: number;
+  cut_servo_clip_angle: number;
+  cut_servo_prep_angle: number;
+  cut_confirm: boolean;
+  enable_sensors_in_gui: boolean;
+  debounce_delay: number;
+}
+
+export interface KlipperPrinterAfcButtonSettings {
+  pin: string;
+  long_press_duration: number;
+}
+
 // Custom classes start here
 
 export interface KnownExtruder {

From a50a2c24f760b2424aff079e40500b1efa1174d5 Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Fri, 5 Dec 2025 21:17:08 +0000
Subject: [PATCH 25/49] refactor: MacroBtn attributes inheritance

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 src/components/widgets/afc/AfcCardButtons.vue |  1 -
 src/components/widgets/macros/MacroBtn.vue    | 17 +++++------------
 2 files changed, 5 insertions(+), 13 deletions(-)

diff --git a/src/components/widgets/afc/AfcCardButtons.vue b/src/components/widgets/afc/AfcCardButtons.vue
index f2cef5cbe2..f0d0ec7d31 100644
--- a/src/components/widgets/afc/AfcCardButtons.vue
+++ b/src/components/widgets/afc/AfcCardButtons.vue
@@ -63,7 +63,6 @@
               v-bind="attrs"
               :macro="macro.macro"
               small
-              color=" "
               class="w-100"
               v-on="on"
               @click="sendGcode($event)"
diff --git a/src/components/widgets/macros/MacroBtn.vue b/src/components/widgets/macros/MacroBtn.vue
index cca30e0bb9..4cdc9bbc34 100644
--- a/src/components/widgets/macros/MacroBtn.vue
+++ b/src/components/widgets/macros/MacroBtn.vue
@@ -1,10 +1,9 @@
 <template>
   <app-btn-group divided>
     <app-btn
+      v-bind="$attrs"
       :disabled="(macro.disabledWhilePrinting && printerPrinting) || !klippyReady"
       :style="borderStyle"
-      :color="color"
-      :small="small"
       class="flex-grow-1"
       v-on="filteredListeners"
       @click="handleClick"
@@ -20,12 +19,10 @@
     >
       <template #activator="{ on, attrs, value }">
         <app-btn
-          v-bind="attrs"
+          v-bind="{...$attrs, ...attrs}"
           min-width="24"
           class="px-0"
           :disabled="(macro.disabledWhilePrinting && printerPrinting) || !klippyReady"
-          :small="small"
-          :color="color"
           v-on="on"
         >
           <v-icon
@@ -90,17 +87,13 @@ type MacroParameter = {
   reset: string | number
 }
 
-@Component({})
+@Component({
+  inheritAttrs: false
+})
 export default class MacroBtn extends Mixins(StateMixin) {
   @Prop({ type: Object, required: true })
   readonly macro!: Macro
 
-  @Prop({ default: false })
-  readonly small!: boolean
-
-  @Prop({ type: String })
-  readonly color?: string
-
   params: Record<string, MacroParameter> = {}
 
   get hasParams () {

From e34f64c10c6e30cbb9294b347d70a5f28b52c03f Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Fri, 5 Dec 2025 23:41:24 +0000
Subject: [PATCH 26/49] refactor: typing improvements

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 src/components/widgets/afc/AfcCard.vue        |  6 +--
 src/components/widgets/afc/AfcCardButtons.vue |  7 ++-
 src/components/widgets/afc/AfcCardBypass.vue  |  2 +-
 .../widgets/afc/AfcCardExtruder.vue           | 43 +++++++--------
 src/components/widgets/afc/AfcCardMessage.vue |  4 +-
 .../widgets/afc/AfcCardSettings.vue           |  7 ++-
 .../widgets/afc/AfcCardSettingsExtruder.vue   |  4 +-
 .../widgets/afc/AfcCardSettingsUnit.vue       |  4 +-
 src/components/widgets/afc/AfcCardUnit.vue    | 12 ++---
 src/components/widgets/afc/AfcCardUnitHub.vue |  7 +--
 .../widgets/afc/AfcCardUnitLane.vue           |  8 ++-
 .../widgets/afc/AfcCardUnitLaneActions.vue    | 18 ++++---
 .../widgets/afc/AfcCardUnitLaneBody.vue       | 42 +++++++--------
 .../widgets/afc/AfcCardUnitLaneEmpty.vue      | 11 ++--
 .../widgets/afc/AfcCardUnitLaneHeader.vue     |  2 +-
 .../widgets/afc/AfcFilamentReel.vue           |  7 ++-
 .../widgets/afc/dialogs/AfcSettingsDialog.vue |  7 ++-
 .../afc/dialogs/AfcSettingsDialogExtruder.vue | 54 ++++++++++---------
 .../afc/dialogs/AfcSettingsDialogHub.vue      | 14 ++---
 .../afc/dialogs/AfcSettingsDialogLane.vue     | 16 +++---
 .../afc/dialogs/AfcUnitLaneFilamentDialog.vue | 16 ++++--
 .../afc/dialogs/AfcUnitLaneInfiniteDialog.vue | 13 +++--
 .../dialogs/AfcUnitLaneMappingToolDialog.vue  |  9 ++--
 23 files changed, 166 insertions(+), 147 deletions(-)

diff --git a/src/components/widgets/afc/AfcCard.vue b/src/components/widgets/afc/AfcCard.vue
index 000da245ae..9256b35c25 100644
--- a/src/components/widgets/afc/AfcCard.vue
+++ b/src/components/widgets/afc/AfcCard.vue
@@ -53,17 +53,17 @@ export default class AfcCard extends Mixins(StateMixin, AfcMixin) {
   @Prop({ type: Boolean })
   readonly fullscreen?: boolean
 
-  get filteredExtruders () {
+  get filteredExtruders (): string[] {
     return this.afcExtruders
       .filter(extruder => !this.afcHiddenExtruders.includes(extruder))
   }
 
-  get filteredUnits () {
+  get filteredUnits (): string[] {
     return this.afcUnits
       .filter(unit => !this.afcHiddenUnits.includes(unit))
   }
 
-  get afcEnabled () {
+  get afcEnabled (): boolean {
     return this.$typedGetters['printer/getSupportsAfc']
   }
 }
diff --git a/src/components/widgets/afc/AfcCardButtons.vue b/src/components/widgets/afc/AfcCardButtons.vue
index f0d0ec7d31..7b3e905077 100644
--- a/src/components/widgets/afc/AfcCardButtons.vue
+++ b/src/components/widgets/afc/AfcCardButtons.vue
@@ -6,16 +6,15 @@
     left
   >
     <template #activator="{ on, attrs }">
-      <v-btn
+      <app-btn
         icon
-        tile
         v-bind="attrs"
         v-on="on"
       >
-        <v-icon>
+        <v-icon dense>
           $menu
         </v-icon>
-      </v-btn>
+      </app-btn>
     </template>
     <v-list dense>
       <v-list-item
diff --git a/src/components/widgets/afc/AfcCardBypass.vue b/src/components/widgets/afc/AfcCardBypass.vue
index 1644269f74..da44ab09e5 100644
--- a/src/components/widgets/afc/AfcCardBypass.vue
+++ b/src/components/widgets/afc/AfcCardBypass.vue
@@ -16,7 +16,7 @@ import AfcMixin from '@/mixins/afc'
 
 @Component
 export default class AfcCardBypass extends Mixins(StateMixin, AfcMixin) {
-  get bypassState () {
+  get bypassState (): boolean {
     return this.afc.bypass_state ?? false
   }
 }
diff --git a/src/components/widgets/afc/AfcCardExtruder.vue b/src/components/widgets/afc/AfcCardExtruder.vue
index 0dbc295807..560bf3ed66 100644
--- a/src/components/widgets/afc/AfcCardExtruder.vue
+++ b/src/components/widgets/afc/AfcCardExtruder.vue
@@ -70,13 +70,11 @@ export default class AfcCardExtruder extends Mixins(StateMixin, AfcMixin) {
     return this.getAfcExtruderSettings(this.name)
   }
 
-  get useRamming () {
-    const toolStart = this.afcExtruder?.tool_start ?? ''
-
-    return toolStart === 'buffer'
+  get useRamming (): boolean {
+    return this.afcExtruder?.tool_start === 'buffer'
   }
 
-  get hasActiveLane () {
+  get hasActiveLane (): boolean {
     if (this.afcCurrentLane == null) return false
 
     const lanes = this.afcExtruder?.lanes ?? []
@@ -92,20 +90,23 @@ export default class AfcCardExtruder extends Mixins(StateMixin, AfcMixin) {
     }
   }
 
-  get rammingState () {
+  get rammingState (): boolean {
     if (!this.useRamming) return false
 
     const extruder = this.afcCurrentLane?.extruder ?? ''
     const bufferState = (this.afcCurrentBuffer?.state ?? '').toLowerCase()
 
-    return extruder === this.name && bufferState === 'trailing'
+    return (
+      extruder === this.name &&
+      bufferState === 'trailing'
+    )
   }
 
-  get laneLoaded () {
+  get laneLoaded (): string {
     return this.afcExtruder?.lane_loaded ?? ''
   }
 
-  get preSensorStatus () {
+  get preSensorStatus (): boolean {
     return this.afcExtruder?.tool_start_status ?? false
   }
 
@@ -124,7 +125,7 @@ export default class AfcCardExtruder extends Mixins(StateMixin, AfcMixin) {
     }
   }
 
-  get preSensorOutput () {
+  get preSensorOutput (): string {
     if (this.useRamming) {
       if (this.laneLoaded) return `${this.$t('app.afc.RammingSensor')}`
 
@@ -137,14 +138,14 @@ export default class AfcCardExtruder extends Mixins(StateMixin, AfcMixin) {
     return `${this.$t('app.afc.PreExtruderSensor')} - ${status}`
   }
 
-  get hasPostSensor () {
+  get hasPostSensor (): boolean {
     return (
       this.settings != null &&
       'pin_tool_end' in this.settings
     )
   }
 
-  get postSensorStatus () {
+  get postSensorStatus (): boolean {
     return this.afcExtruder?.tool_end_status ?? false
   }
 
@@ -155,35 +156,35 @@ export default class AfcCardExtruder extends Mixins(StateMixin, AfcMixin) {
     }
   }
 
-  get postSensorOutput () {
+  get postSensorOutput (): string {
     const status = this.postSensorStatus ? this.$t('app.afc.Detected') : this.$t('app.afc.Empty')
 
     return `${this.$t('app.afc.PostExtruderSensor')} - ${status}`
   }
 
-  get bufferOutput () {
+  get bufferOutput (): string {
     const extruder = this.afcCurrentLane?.extruder ?? ''
-    if (extruder !== this.name) return this.$t('app.afc.BufferDisabled')
+    if (extruder !== this.name) return this.$t('app.afc.BufferDisabled').toString()
 
     return `${this.afcCurrentLane?.buffer ?? '--'}: ${this.afcCurrentBuffer?.state ?? '--'}`
   }
 
-  get state () {
+  get state (): string {
     const extruder = this.afcCurrentLane?.extruder ?? ''
     if (extruder === this.name) {
-      if (this.printerPrinting) return this.$t('app.afc.Printing')
+      if (this.printerPrinting) return this.$t('app.afc.Printing').toString()
 
-      return this.$t(`app.afc.${this.afcCurrentState}`)
+      return this.$t(`app.afc.${this.afcCurrentState}`).toString()
     }
 
-    return this.$t('app.afc.Idle')
+    return this.$t('app.afc.Idle').toString()
   }
 
-  get stateLane () {
+  get stateLane (): string {
     if (this.afcExtruder?.lane_loaded) return this.afcExtruder.lane_loaded
     if (this.afcCurrentLane) return this.afcCurrentLane.name
 
-    return this.$t('app.afc.LaneLoadedNone')
+    return this.$t('app.afc.LaneLoadedNone').toString()
   }
 
   get stateLaneClasses () {
diff --git a/src/components/widgets/afc/AfcCardMessage.vue b/src/components/widgets/afc/AfcCardMessage.vue
index 68d437dca2..335b9c8a05 100644
--- a/src/components/widgets/afc/AfcCardMessage.vue
+++ b/src/components/widgets/afc/AfcCardMessage.vue
@@ -32,7 +32,7 @@ import { consola } from 'consola'
 
 @Component
 export default class AfcCardMessage extends Mixins(StateMixin, AfcMixin) {
-  get type () {
+  get type (): string {
     const type = this.afc.message?.type ?? 'error'
     const possibleTypes = ['info', 'warning', 'success', 'error']
 
@@ -44,7 +44,7 @@ export default class AfcCardMessage extends Mixins(StateMixin, AfcMixin) {
     return type
   }
 
-  get message () {
+  get message (): string {
     return this.afc.message?.message ?? ''
   }
 
diff --git a/src/components/widgets/afc/AfcCardSettings.vue b/src/components/widgets/afc/AfcCardSettings.vue
index 1fd287e550..b4e4b47cd2 100644
--- a/src/components/widgets/afc/AfcCardSettings.vue
+++ b/src/components/widgets/afc/AfcCardSettings.vue
@@ -6,16 +6,15 @@
     left
   >
     <template #activator="{ on, attrs }">
-      <v-btn
+      <app-btn
         icon
-        tile
         v-bind="attrs"
         v-on="on"
       >
-        <v-icon small>
+        <v-icon dense>
           $cog
         </v-icon>
-      </v-btn>
+      </app-btn>
     </template>
     <v-list>
       <v-list-item class="minHeight36">
diff --git a/src/components/widgets/afc/AfcCardSettingsExtruder.vue b/src/components/widgets/afc/AfcCardSettingsExtruder.vue
index 0f9b3999c3..fe331674b6 100644
--- a/src/components/widgets/afc/AfcCardSettingsExtruder.vue
+++ b/src/components/widgets/afc/AfcCardSettingsExtruder.vue
@@ -21,8 +21,8 @@ export default class AfcCardSettingsExtruder extends Mixins(StateMixin, AfcMixin
 
   value = true
 
-  get label () {
-    return this.$t('app.afc.ShowTool', { name: this.name }) as string
+  get label (): string {
+    return this.$t('app.afc.ShowTool', { name: this.name }).toString()
   }
 
   mounted () {
diff --git a/src/components/widgets/afc/AfcCardSettingsUnit.vue b/src/components/widgets/afc/AfcCardSettingsUnit.vue
index 8ca2ec17da..604b7b20d3 100644
--- a/src/components/widgets/afc/AfcCardSettingsUnit.vue
+++ b/src/components/widgets/afc/AfcCardSettingsUnit.vue
@@ -22,10 +22,10 @@ export default class AfcCardSettingsUnit extends Mixins(StateMixin, AfcMixin) {
 
   value = true
 
-  get label () {
+  get label (): string {
     const unitName = this.name.substring(this.name.indexOf(' ') + 1)
 
-    return this.$t('app.afc.ShowUnit', { name: Vue.$filters.prettyCase(unitName) }) as string
+    return this.$t('app.afc.ShowUnit', { name: Vue.$filters.prettyCase(unitName) }).toString()
   }
 
   mounted () {
diff --git a/src/components/widgets/afc/AfcCardUnit.vue b/src/components/widgets/afc/AfcCardUnit.vue
index 2e1b53e70e..a2e659c39d 100644
--- a/src/components/widgets/afc/AfcCardUnit.vue
+++ b/src/components/widgets/afc/AfcCardUnit.vue
@@ -48,11 +48,11 @@ import { afcIconBoxTurtle, afcIconHtlf, afcIconNightOwl, afcIconQuattroBox } fro
 export default class AfcCardUnit extends Mixins(StateMixin, AfcMixin) {
   @Prop({ type: String, required: true }) readonly name!: string
 
-  get unitName () {
+  get unitName (): string {
     return this.name.substring(this.name.indexOf(' ') + 1)
   }
 
-  get unitNameOutput () {
+  get unitNameOutput (): string {
     return Vue.$filters.prettyCase(this.unitName)
   }
 
@@ -65,22 +65,22 @@ export default class AfcCardUnit extends Mixins(StateMixin, AfcMixin) {
     return printer[objectName] ?? {}
   }
 
-  get hubs () {
+  get hubs (): string[] {
     const hubs = this.unit.hubs ?? []
     return hubs
   }
 
-  get lanes () {
+  get lanes (): string[] {
     return this.unit.lanes ?? []
   }
 
-  get type () {
+  get type (): string {
     const moduleName = this.name.substring(0, this.name.indexOf(' ')).replace('_', '')
 
     return moduleName.toLowerCase()
   }
 
-  get modulIcon () {
+  get modulIcon (): string | null {
     if (!this.afcShowUnitIcons) return null
 
     switch (this.type) {
diff --git a/src/components/widgets/afc/AfcCardUnitHub.vue b/src/components/widgets/afc/AfcCardUnitHub.vue
index dc7b1dc905..d2c3656e3a 100644
--- a/src/components/widgets/afc/AfcCardUnitHub.vue
+++ b/src/components/widgets/afc/AfcCardUnitHub.vue
@@ -25,17 +25,18 @@ import AfcMixin from '@/mixins/afc'
 
 @Component
 export default class AfcCardUnitHub extends Mixins(StateMixin, AfcMixin) {
-  @Prop({ type: String, required: true }) readonly name!: string
+  @Prop({ type: String, required: true })
+  readonly name!: string
 
   get hub () {
     return this.getAfcHubObject(this.name)
   }
 
-  get sensorStatus () {
+  get sensorStatus (): boolean {
     return this.hub?.state ?? false
   }
 
-  get sensorOutput () {
+  get sensorOutput (): string {
     const status = this.sensorStatus ? this.$t('app.afc.Detected') : this.$t('app.afc.Empty')
 
     return `${this.name} ${this.$t('app.afc.HubLoad')} - ${status}`
diff --git a/src/components/widgets/afc/AfcCardUnitLane.vue b/src/components/widgets/afc/AfcCardUnitLane.vue
index daecdb4033..bd28dc57f1 100644
--- a/src/components/widgets/afc/AfcCardUnitLane.vue
+++ b/src/components/widgets/afc/AfcCardUnitLane.vue
@@ -38,10 +38,8 @@ export default class AfcCardUnitLane extends Mixins(StateMixin, AfcMixin) {
     return this.getAfcLaneObject(this.name)
   }
 
-  get laneActive () {
-    const activeLaneName = this.afcCurrentLane?.name ?? ''
-
-    return this.name === activeLaneName
+  get laneActive (): boolean {
+    return this.name === this.afcCurrentLane?.name
   }
 
   get laneStatusClass () {
@@ -53,7 +51,7 @@ export default class AfcCardUnitLane extends Mixins(StateMixin, AfcMixin) {
     }
   }
 
-  get laneReady () {
+  get laneReady (): boolean {
     return (
       this.lane?.load &&
       this.lane?.prep
diff --git a/src/components/widgets/afc/AfcCardUnitLaneActions.vue b/src/components/widgets/afc/AfcCardUnitLaneActions.vue
index ed0116bcce..ea594c2a3a 100644
--- a/src/components/widgets/afc/AfcCardUnitLaneActions.vue
+++ b/src/components/widgets/afc/AfcCardUnitLaneActions.vue
@@ -78,23 +78,25 @@ import { encodeGcodeParamValue } from '@/util/gcode-helpers'
 
 @Component({})
 export default class AfcCardUnitLaneActions extends Mixins(StateMixin, AfcMixin, ToolheadMixIn) {
-  @Prop({ type: String, required: true }) readonly name!: string
+  @Prop({ type: String, required: true })
+  readonly name!: string
 
   get lane () {
     return this.getAfcLaneObject(this.name)
   }
 
-  get laneActive () {
-    const activeLaneName = this.afcCurrentLane?.name ?? ''
-
-    return this.name === activeLaneName
+  get laneActive (): boolean {
+    return this.name === this.afcCurrentLane?.name
   }
 
-  get laneRunout () {
-    return this.laneActive && !this.lane?.prep
+  get laneRunout (): boolean {
+    return (
+      this.laneActive &&
+      !this.lane?.prep
+    )
   }
 
-  get toolLoaded () {
+  get toolLoaded (): boolean {
     return this.lane?.tool_loaded ?? false
   }
 
diff --git a/src/components/widgets/afc/AfcCardUnitLaneBody.vue b/src/components/widgets/afc/AfcCardUnitLaneBody.vue
index 759a3a1156..840ad0a7bc 100644
--- a/src/components/widgets/afc/AfcCardUnitLaneBody.vue
+++ b/src/components/widgets/afc/AfcCardUnitLaneBody.vue
@@ -100,7 +100,7 @@
 import { Component, Mixins, Prop, Watch } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import AfcMixin from '@/mixins/afc'
-import type { SpoolmanSpool, SpoolSelectionDialogState } from '@/store/spoolman/types'
+import type { Spool, SpoolSelectionDialogState } from '@/store/spoolman/types'
 import { afcIconInfintiy } from '@/plugins/afcIcons'
 import AfcUnitLaneInfiniteDialog from '@/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue'
 import AfcUnitLaneFilamentDialog from '@/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue'
@@ -127,7 +127,7 @@ export default class AfcCardUnitLaneBody extends Mixins(StateMixin, AfcMixin) {
     return this.getAfcLaneObject(this.name)
   }
 
-  get runoutLane () {
+  get runoutLane (): string {
     return this.lane?.runout_lane ?? 'NONE'
   }
 
@@ -135,48 +135,46 @@ export default class AfcCardUnitLaneBody extends Mixins(StateMixin, AfcMixin) {
     return Number(this.lane?.spool_id || '0')
   }
 
-  get spool (): SpoolmanSpool | null {
+  get spool (): Spool | null {
     if (this.spoolId === 0) return null
 
-    const spools = this.$typedState.spoolman?.spools || []
-
-    return spools.find((spool: SpoolmanSpool) => spool.id === this.spoolId) || null
+    return this.$typedGetters['spoolman/getSpoolById'](this.spoolId) ?? null
   }
 
-  get spoolColor () {
+  get spoolColor (): string {
     if (this.afc?.td1_present && this.afcShowTd1Color) {
       return `#${this.lane?.td1_color}`
     }
     return this.lane?.color || '#000000'
   }
 
-  get spoolRemainingWeight () {
+  get spoolRemainingWeight (): number {
     return Math.round(this.lane?.weight ?? 0)
   }
 
-  get spoolRemainingWeightOutput () {
+  get spoolRemainingWeightOutput (): string {
     return `${this.spoolRemainingWeight} g`
   }
 
-  get spoolFullWeight () {
-    return this.spool?.filament?.weight ?? 1000
+  get spoolFullWeight (): number {
+    return this.spool?.initial_weight ?? 1000
   }
 
-  get spoolPercent () {
+  get spoolPercent (): number {
     if (this.spoolFullWeight === 0) return 100
 
     return Math.round((this.spoolRemainingWeight / this.spoolFullWeight) * 100)
   }
 
-  get spoolMaterial () {
+  get spoolMaterial (): string {
     return this.lane?.material || '--'
   }
 
-  get spoolVendor () {
+  get spoolVendor (): string {
     return this.spool?.filament?.vendor?.name ?? 'Unknown'
   }
 
-  get spoolFilamentName () {
+  get spoolFilamentName (): string {
     if (this.afcExistsSpoolman) {
       return this.spool?.filament?.name ?? 'Unknown'
     } else {
@@ -184,18 +182,18 @@ export default class AfcCardUnitLaneBody extends Mixins(StateMixin, AfcMixin) {
     }
   }
 
-  get tdPresent () {
-    if (this.lane?.td1_td == null || this.lane.td1_td.length === 0) {
-      return false
-    }
-    return true
+  get tdPresent (): boolean {
+    return (
+      this.lane?.td1_td != null &&
+      this.lane.td1_td.length > 0
+    )
   }
 
-  get td () {
+  get td (): string {
     return this.lane?.td1_td || ''
   }
 
-  get tdColor () {
+  get tdColor (): string {
     return this.lane?.td1_color || ''
   }
 
diff --git a/src/components/widgets/afc/AfcCardUnitLaneEmpty.vue b/src/components/widgets/afc/AfcCardUnitLaneEmpty.vue
index 383d721ebe..59f4d1b38c 100644
--- a/src/components/widgets/afc/AfcCardUnitLaneEmpty.vue
+++ b/src/components/widgets/afc/AfcCardUnitLaneEmpty.vue
@@ -44,20 +44,21 @@ import { encodeGcodeParamValue } from '@/util/gcode-helpers'
 
 @Component
 export default class AfcCardUnitLaneEmpty extends Mixins(StateMixin, AfcMixin) {
-  @Prop({ type: String, required: true }) readonly name!: string
+  @Prop({ type: String, required: true })
+  readonly name!: string
 
   get lane () {
     return this.getAfcLaneObject(this.name)
   }
 
-  get prep () {
+  get prep (): boolean {
     return this.lane?.prep ?? false
   }
 
-  get text () {
-    if (this.prep) return this.$t('app.afc.PrepDetected')
+  get text (): string {
+    if (this.prep) return this.$t('app.afc.PrepDetected').toString()
 
-    return this.$t('app.afc.Empty')
+    return this.$t('app.afc.Empty').toString()
   }
 
   ejectLane () {
diff --git a/src/components/widgets/afc/AfcCardUnitLaneHeader.vue b/src/components/widgets/afc/AfcCardUnitLaneHeader.vue
index d7d245c279..f6d05786f1 100644
--- a/src/components/widgets/afc/AfcCardUnitLaneHeader.vue
+++ b/src/components/widgets/afc/AfcCardUnitLaneHeader.vue
@@ -39,7 +39,7 @@ export default class AfcCardUnitLaneHeader extends Mixins(StateMixin, AfcMixin)
     return this.getAfcLaneObject(this.name)
   }
 
-  get mappedTool () {
+  get mappedTool (): string {
     return this.lane?.map ?? '--'
   }
 }
diff --git a/src/components/widgets/afc/AfcFilamentReel.vue b/src/components/widgets/afc/AfcFilamentReel.vue
index 1612af8a77..1a65af6e66 100644
--- a/src/components/widgets/afc/AfcFilamentReel.vue
+++ b/src/components/widgets/afc/AfcFilamentReel.vue
@@ -61,8 +61,11 @@ import StateMixin from '@/mixins/state'
 
 @Component
 export default class AfcFilamentReel extends Mixins(StateMixin) {
-  @Prop({ type: String, default: '#ff0' }) readonly color!: string
-  @Prop({ type: Number, default: 100 }) readonly percent!: number
+  @Prop({ type: String, default: '#ff0' })
+  readonly color!: string
+
+  @Prop({ type: Number, default: 100 })
+  readonly percent!: number
 
   spoolColor = '#c08f4f'
   spoolHoleColor = '#231a0f'
diff --git a/src/components/widgets/afc/dialogs/AfcSettingsDialog.vue b/src/components/widgets/afc/dialogs/AfcSettingsDialog.vue
index 10ae63b4ac..d595f379a7 100644
--- a/src/components/widgets/afc/dialogs/AfcSettingsDialog.vue
+++ b/src/components/widgets/afc/dialogs/AfcSettingsDialog.vue
@@ -10,7 +10,7 @@
       <v-btn
         text
         tile
-        :href="helpLink"
+        href="https://www.armoredturtle.xyz/docs/afc-klipper-add-on/toolhead/calculation.html"
         target="_blank"
         class="me-1"
       >
@@ -57,9 +57,8 @@ import AfcSettingsDialogLane from './AfcSettingsDialogLane.vue'
   }
 })
 export default class AfcSettingsDialog extends Mixins(StateMixin, AfcMixin) {
-  helpLink = 'https://www.armoredturtle.xyz/docs/afc-klipper-add-on/toolhead/calculation.html'
-
-  @VModel({ type: Boolean }) open?: boolean
+  @VModel({ type: Boolean })
+  open?: boolean
 
   closeDialog () {
     this.$emit('close')
diff --git a/src/components/widgets/afc/dialogs/AfcSettingsDialogExtruder.vue b/src/components/widgets/afc/dialogs/AfcSettingsDialogExtruder.vue
index f5eb4bb5a7..500d68a801 100644
--- a/src/components/widgets/afc/dialogs/AfcSettingsDialogExtruder.vue
+++ b/src/components/widgets/afc/dialogs/AfcSettingsDialogExtruder.vue
@@ -94,61 +94,63 @@ import { Component, Mixins, Prop } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import AfcMixin from '@/mixins/afc'
 import { encodeGcodeParamValue } from '@/util/gcode-helpers'
+import type { KlipperPrinterAfcExtruderSettings, KlipperPrinterAfcExtruderState } from '@/store/printer/types'
 
 @Component({})
 export default class AfcSettingsDialogExtruder extends Mixins(StateMixin, AfcMixin) {
-  @Prop({ type: String, required: true }) readonly name!: string
+  @Prop({ type: String, required: true })
+  readonly name!: string
 
   changedValue = false
 
-  get title () {
+  get title (): string {
     const name = Vue.$filters.prettyCase(this.name)
 
-    return this.$t('app.afc.SettingsDialog.SettingsForTitle', { name })
+    return this.$t('app.afc.SettingsDialog.SettingsForTitle', { name }).toString()
   }
 
-  get afcSettingsExtruder () {
+  get afcSettingsExtruder (): KlipperPrinterAfcExtruderSettings | undefined {
     return this.getAfcExtruderSettings(this.name)
   }
 
-  get settingsToolStn () {
+  get settingsToolStn (): number {
     return this.afcSettingsExtruder?.tool_stn || 0
   }
 
-  get settingsToolStnUnload () {
+  get settingsToolStnUnload (): number {
     return this.afcSettingsExtruder?.tool_stn_unload || 0
   }
 
-  get settingsToolSensorAfterExtruder () {
+  get settingsToolSensorAfterExtruder (): number {
     return this.afcSettingsExtruder?.tool_sensor_after_extruder || 0
   }
 
-  get printerObject () {
+  get printerObject (): KlipperPrinterAfcExtruderState | undefined {
     return this.getAfcExtruderObject(this.name)
   }
 
-  get currentToolStn () {
+  get currentToolStn (): number {
     return this.printerObject?.tool_stn || 0
   }
 
-  get currentToolStnUnload () {
+  get currentToolStnUnload (): number {
     return this.printerObject?.tool_stn_unload || 0
   }
 
-  get currentToolSensorAfterExtruder () {
+  get currentToolSensorAfterExtruder (): number {
     return this.printerObject?.tool_sensor_after_extruder || 0
   }
 
-  get lanes () {
+  get lanes (): string[] {
     return this.printerObject?.lanes ?? []
   }
 
-  get lane_loaded () {
+  get lane_loaded (): string {
     return this.printerObject?.lane_loaded ?? ''
   }
 
-  get filledLanes () {
-    const filledLanes = []
+  get filledLanes (): string[] {
+    const filledLanes: string[] = []
 
     for (const lane of this.lanes) {
       const laneObject = this.getAfcLaneObject(lane)
@@ -161,32 +163,32 @@ export default class AfcSettingsDialogExtruder extends Mixins(StateMixin, AfcMix
     return filledLanes
   }
 
-  get existsToolEndSensor () {
+  get existsToolEndSensor (): boolean {
     return (
       this.afcSettingsExtruder != null &&
       'pin_tool_end' in this.afcSettingsExtruder
     )
   }
 
-  get toolStnSubTitle () {
+  get toolStnSubTitle (): string {
     if (this.existsToolEndSensor) {
-      return this.$t('app.afc.SettingsDialog.ToolStnDescriptionWithEndSensor')
+      return this.$t('app.afc.SettingsDialog.ToolStnDescriptionWithEndSensor').toString()
     }
 
     if (this.afcSettingsExtruder?.pin_tool_start === 'buffer') {
-      return this.$t('app.afc.SettingsDialog.ToolStnDescriptionWithRamming')
+      return this.$t('app.afc.SettingsDialog.ToolStnDescriptionWithRamming').toString()
     }
 
-    return this.$t('app.afc.SettingsDialog.ToolStnDescriptionWithoutEndSensor')
+    return this.$t('app.afc.SettingsDialog.ToolStnDescriptionWithoutEndSensor').toString()
   }
 
-  get enableSaveButton () {
-    if (!this.changedValue) return false
-
+  get enableSaveButton (): boolean {
     return (
-      this.currentToolStn !== this.settingsToolStn ||
-      this.currentToolStnUnload !== this.settingsToolStnUnload ||
-      this.currentToolSensorAfterExtruder !== this.settingsToolSensorAfterExtruder
+      this.changedValue && (
+        this.currentToolStn !== this.settingsToolStn ||
+        this.currentToolStnUnload !== this.settingsToolStnUnload ||
+        this.currentToolSensorAfterExtruder !== this.settingsToolSensorAfterExtruder
+      )
     )
   }
 
diff --git a/src/components/widgets/afc/dialogs/AfcSettingsDialogHub.vue b/src/components/widgets/afc/dialogs/AfcSettingsDialogHub.vue
index 93529edce0..8e49389ed1 100644
--- a/src/components/widgets/afc/dialogs/AfcSettingsDialogHub.vue
+++ b/src/components/widgets/afc/dialogs/AfcSettingsDialogHub.vue
@@ -25,22 +25,24 @@ import { Component, Mixins, Prop } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import AfcMixin from '@/mixins/afc'
 import { encodeGcodeParamValue } from '@/util/gcode-helpers'
+import type { KlipperPrinterAfcHubSettings } from '@/store/printer/types'
 
 @Component({})
 export default class AfcSettingsDialogHub extends Mixins(StateMixin, AfcMixin) {
-  @Prop({ type: String, required: true }) readonly name!: string
+  @Prop({ type: String, required: true })
+  readonly name!: string
 
-  get title () {
+  get title (): string {
     const name = Vue.$filters.prettyCase(`Hub ${this.name}`)
 
-    return this.$t('app.afc.SettingsDialog.SettingsForTitle', { name })
+    return this.$t('app.afc.SettingsDialog.SettingsForTitle', { name }).toString()
   }
 
-  get afcSettingsHub () {
+  get afcSettingsHub (): KlipperPrinterAfcHubSettings | undefined {
     return this.getAfcHubSettings(this.name)
   }
 
-  get settingsLength () {
+  get settingsLength (): number {
     return this.afcSettingsHub?.afc_bowden_length || 0
   }
 
@@ -48,7 +50,7 @@ export default class AfcSettingsDialogHub extends Mixins(StateMixin, AfcMixin) {
     return this.$typedState.printer.printer[(`AFC_hub ${this.name}`)]
   }
 
-  get currentLength () {
+  get currentLength (): number {
     return this.printerObject?.afc_bowden_length || 0
   }
 
diff --git a/src/components/widgets/afc/dialogs/AfcSettingsDialogLane.vue b/src/components/widgets/afc/dialogs/AfcSettingsDialogLane.vue
index 89c48259e6..9b328a615f 100644
--- a/src/components/widgets/afc/dialogs/AfcSettingsDialogLane.vue
+++ b/src/components/widgets/afc/dialogs/AfcSettingsDialogLane.vue
@@ -41,6 +41,7 @@ import { Component, Mixins, Prop } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import AfcMixin from '@/mixins/afc'
 import { encodeGcodeParamValue } from '@/util/gcode-helpers'
+import type { KlipperPrinterAfcLaneSettings, KlipperPrinterAfcStepperSettings } from '@/store/printer/types'
 
 @Component({})
 export default class AfcSettingsDialogLane extends Mixins(StateMixin, AfcMixin) {
@@ -54,7 +55,7 @@ export default class AfcSettingsDialogLane extends Mixins(StateMixin, AfcMixin)
     return this.$t('app.afc.SettingsDialog.SettingsForTitle', { name })
   }
 
-  get afcSettingsLane () {
+  get afcSettingsLane (): KlipperPrinterAfcLaneSettings | KlipperPrinterAfcStepperSettings | undefined {
     return this.getAfcLaneSettings(this.name)
   }
 
@@ -62,7 +63,7 @@ export default class AfcSettingsDialogLane extends Mixins(StateMixin, AfcMixin)
     return this.getAfcLaneObject(this.name)
   }
 
-  get settingsDistHub () {
+  get settingsDistHub (): number {
     return (
       this.afcSettingsLane != null &&
       'dist_hub' in this.afcSettingsLane &&
@@ -70,7 +71,7 @@ export default class AfcSettingsDialogLane extends Mixins(StateMixin, AfcMixin)
     ) || 0
   }
 
-  get currentDistHub () {
+  get currentDistHub (): number {
     return (
       this.afcLane != null &&
       'dist_hub' in this.afcLane &&
@@ -78,10 +79,11 @@ export default class AfcSettingsDialogLane extends Mixins(StateMixin, AfcMixin)
     ) || 0
   }
 
-  get enableSaveButton () {
-    if (!this.changedValue) return false
-
-    return this.currentDistHub !== this.settingsDistHub
+  get enableSaveButton (): boolean {
+    return (
+      this.changedValue &&
+      this.currentDistHub !== this.settingsDistHub
+    )
   }
 
   setHubDist (value: number) {
diff --git a/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue b/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue
index cd85532e17..e7f8e23c51 100644
--- a/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue
+++ b/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue
@@ -87,20 +87,24 @@ export default class AfcUnitLaneFilamentDialog extends Mixins(StateMixin, AfcMix
     return this.getAfcLaneObject(this.name)
   }
 
-  get currentColor () {
+  get currentColor (): string {
     return this.lane?.color ?? '#000000'
   }
 
-  get currentMaterial () {
+  get currentMaterial (): string {
     return this.lane?.material ?? ''
   }
 
-  get currentWeight () {
+  get currentWeight (): number {
     return Math.round(this.lane?.weight ?? 0)
   }
 
-  get disableSetBtn () {
-    return !this.material || !this.weight || !this.color
+  get disableSetBtn (): boolean {
+    return (
+      !this.material ||
+      !this.weight ||
+      !this.color
+    )
   }
 
   @Debounce(500)
@@ -115,9 +119,11 @@ export default class AfcUnitLaneFilamentDialog extends Mixins(StateMixin, AfcMix
       const cleanedColor = this.color.replace('#', '')
       gcode.push(`SET_COLOR LANE=${encodeGcodeParamValue(this.name)} COLOR=${encodeGcodeParamValue(cleanedColor)}`)
     }
+
     if (this.material !== this.currentMaterial) {
       gcode.push(`SET_MATERIAL LANE=${encodeGcodeParamValue(this.name)} MATERIAL=${encodeGcodeParamValue(this.material)}`)
     }
+
     if (this.weight !== this.currentWeight) {
       gcode.push(`SET_WEIGHT LANE=${encodeGcodeParamValue(this.name)} WEIGHT=${this.weight}`)
     }
diff --git a/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue b/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue
index cb2395a17b..d1f13d459d 100644
--- a/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue
+++ b/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue
@@ -37,20 +37,23 @@ import { encodeGcodeParamValue } from '@/util/gcode-helpers'
 
 @Component({})
 export default class AfcUnitLaneInfiniteDialog extends Mixins(StateMixin, AfcMixin) {
-  @VModel({ type: Boolean }) open?: boolean
-  @Prop({ type: String, required: true }) readonly name!: string
+  @VModel({ type: Boolean })
+  open?: boolean
+
+  @Prop({ type: String, required: true })
+  readonly name!: string
 
   get lane () {
     return this.getAfcLaneObject(this.name)
   }
 
-  get runoutLane () {
+  get runoutLane (): string {
     return this.lane?.runout_lane ?? 'NONE'
   }
 
-  get laneList () {
+  get laneList (): string[] {
     const allLanes = this.afc.lanes ?? []
-    let output = []
+    let output: string[] = []
 
     for (const laneName of allLanes) {
       if (laneName === this.name) continue
diff --git a/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue b/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue
index bc6fb7576c..2e75ac4932 100644
--- a/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue
+++ b/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue
@@ -37,14 +37,17 @@ import { encodeGcodeParamValue } from '@/util/gcode-helpers'
 
 @Component({})
 export default class AfcUnitLaneMappingToolDialog extends Mixins(StateMixin, AfcMixin) {
-  @VModel({ type: Boolean }) open?: boolean
-  @Prop({ type: String, required: true }) readonly name!: string
+  @VModel({ type: Boolean })
+  open?: boolean
+
+  @Prop({ type: String, required: true })
+  readonly name!: string
 
   get lane () {
     return this.getAfcLaneObject(this.name)
   }
 
-  get mappedTool () {
+  get mappedTool (): string {
     return this.lane?.map ?? '--'
   }
 

From dbf889e38b344d96bd9baeee92a3d7abc4578802 Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Sat, 6 Dec 2025 16:54:21 +0000
Subject: [PATCH 27/49] refactor: typing improvements

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 src/components/widgets/afc/AfcCard.vue        |  5 --
 src/components/widgets/afc/AfcCardButtons.vue |  5 +-
 src/components/widgets/afc/AfcCardBypass.vue  |  2 +-
 .../widgets/afc/AfcCardExtruder.vue           | 32 ++++++--
 src/components/widgets/afc/AfcCardMessage.vue |  4 +-
 .../afc/dialogs/AfcUnitLaneInfiniteDialog.vue | 26 ++++---
 .../dialogs/AfcUnitLaneMappingToolDialog.vue  | 17 ++++-
 .../widgets/spoolman/SpoolSelectionDialog.vue | 50 +++++-------
 src/mixins/afc.ts                             | 76 +++++++------------
 src/store/printer/types.ts                    | 10 ++-
 src/store/spoolman/types.ts                   |  4 -
 11 files changed, 112 insertions(+), 119 deletions(-)

diff --git a/src/components/widgets/afc/AfcCard.vue b/src/components/widgets/afc/AfcCard.vue
index 9256b35c25..1aa4d4540b 100644
--- a/src/components/widgets/afc/AfcCard.vue
+++ b/src/components/widgets/afc/AfcCard.vue
@@ -1,6 +1,5 @@
 <template>
   <collapsable-card
-    v-if="afcEnabled"
     :title="$t('app.afc.Headline')"
     icon="$afcIcon"
     draggable
@@ -62,9 +61,5 @@ export default class AfcCard extends Mixins(StateMixin, AfcMixin) {
     return this.afcUnits
       .filter(unit => !this.afcHiddenUnits.includes(unit))
   }
-
-  get afcEnabled (): boolean {
-    return this.$typedGetters['printer/getSupportsAfc']
-  }
 }
 </script>
diff --git a/src/components/widgets/afc/AfcCardButtons.vue b/src/components/widgets/afc/AfcCardButtons.vue
index 7b3e905077..171b96be9b 100644
--- a/src/components/widgets/afc/AfcCardButtons.vue
+++ b/src/components/widgets/afc/AfcCardButtons.vue
@@ -144,8 +144,7 @@ export default class AfcCardButtons extends Mixins(StateMixin, AfcMixin) {
       },
     ]
 
-    const ledState = this.afc.led_state ?? false
-    if (ledState) {
+    if (this.afc?.led_state === true) {
       buttons.push({
         icon: '$afcTurnOffLed',
         text: this.$t('app.afc.LedOff'),
@@ -165,7 +164,7 @@ export default class AfcCardButtons extends Mixins(StateMixin, AfcMixin) {
       })
     }
 
-    if (this.afc?.td1_present) {
+    if (this.afc?.td1_present === true) {
       buttons.push({
         icon: '',
         text: 'Capture TD',
diff --git a/src/components/widgets/afc/AfcCardBypass.vue b/src/components/widgets/afc/AfcCardBypass.vue
index da44ab09e5..2967d650bf 100644
--- a/src/components/widgets/afc/AfcCardBypass.vue
+++ b/src/components/widgets/afc/AfcCardBypass.vue
@@ -17,7 +17,7 @@ import AfcMixin from '@/mixins/afc'
 @Component
 export default class AfcCardBypass extends Mixins(StateMixin, AfcMixin) {
   get bypassState (): boolean {
-    return this.afc.bypass_state ?? false
+    return this.afc?.bypass_state ?? false
   }
 }
 </script>
diff --git a/src/components/widgets/afc/AfcCardExtruder.vue b/src/components/widgets/afc/AfcCardExtruder.vue
index 560bf3ed66..9c5719e846 100644
--- a/src/components/widgets/afc/AfcCardExtruder.vue
+++ b/src/components/widgets/afc/AfcCardExtruder.vue
@@ -75,10 +75,15 @@ export default class AfcCardExtruder extends Mixins(StateMixin, AfcMixin) {
   }
 
   get hasActiveLane (): boolean {
-    if (this.afcCurrentLane == null) return false
+    const currentLane = this.afcCurrentLane
+
+    if (currentLane == null) {
+      return false
+    }
 
     const lanes = this.afcExtruder?.lanes ?? []
-    return lanes.includes(this.afcCurrentLane.name)
+
+    return lanes.includes(currentLane.name)
   }
 
   get containerClasses () {
@@ -163,16 +168,22 @@ export default class AfcCardExtruder extends Mixins(StateMixin, AfcMixin) {
   }
 
   get bufferOutput (): string {
-    const extruder = this.afcCurrentLane?.extruder ?? ''
-    if (extruder !== this.name) return this.$t('app.afc.BufferDisabled').toString()
+    const extruder = this.afcCurrentLane?.extruder
+
+    if (extruder !== this.name) {
+      return this.$t('app.afc.BufferDisabled').toString()
+    }
 
     return `${this.afcCurrentLane?.buffer ?? '--'}: ${this.afcCurrentBuffer?.state ?? '--'}`
   }
 
   get state (): string {
-    const extruder = this.afcCurrentLane?.extruder ?? ''
+    const extruder = this.afcCurrentLane?.extruder
+
     if (extruder === this.name) {
-      if (this.printerPrinting) return this.$t('app.afc.Printing').toString()
+      if (this.printerPrinting) {
+        return this.$t('app.afc.Printing').toString()
+      }
 
       return this.$t(`app.afc.${this.afcCurrentState}`).toString()
     }
@@ -181,8 +192,13 @@ export default class AfcCardExtruder extends Mixins(StateMixin, AfcMixin) {
   }
 
   get stateLane (): string {
-    if (this.afcExtruder?.lane_loaded) return this.afcExtruder.lane_loaded
-    if (this.afcCurrentLane) return this.afcCurrentLane.name
+    if (this.afcExtruder?.lane_loaded) {
+      return this.afcExtruder.lane_loaded
+    }
+
+    if (this.afcCurrentLane) {
+      return this.afcCurrentLane.name
+    }
 
     return this.$t('app.afc.LaneLoadedNone').toString()
   }
diff --git a/src/components/widgets/afc/AfcCardMessage.vue b/src/components/widgets/afc/AfcCardMessage.vue
index 335b9c8a05..ebdb7b4e6a 100644
--- a/src/components/widgets/afc/AfcCardMessage.vue
+++ b/src/components/widgets/afc/AfcCardMessage.vue
@@ -33,7 +33,7 @@ import { consola } from 'consola'
 @Component
 export default class AfcCardMessage extends Mixins(StateMixin, AfcMixin) {
   get type (): string {
-    const type = this.afc.message?.type ?? 'error'
+    const type = this.afc?.message?.type ?? 'error'
     const possibleTypes = ['info', 'warning', 'success', 'error']
 
     if (!possibleTypes.includes(type)) {
@@ -45,7 +45,7 @@ export default class AfcCardMessage extends Mixins(StateMixin, AfcMixin) {
   }
 
   get message (): string {
-    return this.afc.message?.message ?? ''
+    return this.afc?.message?.message ?? ''
   }
 
   clearMessage () {
diff --git a/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue b/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue
index d1f13d459d..d52e07a07e 100644
--- a/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue
+++ b/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue
@@ -52,23 +52,27 @@ export default class AfcUnitLaneInfiniteDialog extends Mixins(StateMixin, AfcMix
   }
 
   get laneList (): string[] {
-    const allLanes = this.afc.lanes ?? []
-    let output: string[] = []
+    const laneList: string[] = []
 
-    for (const laneName of allLanes) {
-      if (laneName === this.name) continue
+    for (const laneName of this.afcLanes) {
+      if (laneName === this.name) {
+        continue
+      }
 
       const lane = this.getAfcLaneObject(laneName)
-      const prep = lane?.prep ?? false
-      const load = lane?.load ?? false
 
-      if (prep && load) output.push(lane?.name)
+      if (
+        lane?.prep === true &&
+        lane?.load === true
+      ) {
+        laneList.push(lane.name)
+      }
     }
 
-    output = output.sort((a, b) => a.localeCompare(b))
-    output.unshift('NONE')
-
-    return output
+    return [
+      'NONE',
+      ...laneList.sort((a, b) => a.localeCompare(b))
+    ]
   }
 
   setRunout (newLane: string) {
diff --git a/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue b/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue
index 2e75ac4932..684f4c50df 100644
--- a/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue
+++ b/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue
@@ -14,7 +14,7 @@
       <v-row>
         <v-col class="pt-0 text-center">
           <v-btn
-            v-for="tool in afcMapList"
+            v-for="tool in mapList"
             :key="tool"
             :disabled="tool.toLowerCase() === mappedTool.toLowerCase()"
             color="primary"
@@ -51,6 +51,21 @@ export default class AfcUnitLaneMappingToolDialog extends Mixins(StateMixin, Afc
     return this.lane?.map ?? '--'
   }
 
+  get mapList (): string[] {
+    const mapList: string[] = []
+
+    for (const laneName of this.afcLanes) {
+      const lane = this.getAfcLaneObject(laneName)
+
+      if (lane != null) {
+        mapList.push(lane.map)
+      }
+    }
+
+    return mapList
+      .sort((a, b) => a.localeCompare(b))
+  }
+
   mapTool (newTool: string) {
     this.sendGcode(`SET_MAP LANE=${encodeGcodeParamValue(this.name)} MAP=${encodeGcodeParamValue(newTool)}`)
 
diff --git a/src/components/widgets/spoolman/SpoolSelectionDialog.vue b/src/components/widgets/spoolman/SpoolSelectionDialog.vue
index 0c821e0dbc..e5050ea12e 100644
--- a/src/components/widgets/spoolman/SpoolSelectionDialog.vue
+++ b/src/components/widgets/spoolman/SpoolSelectionDialog.vue
@@ -139,6 +139,7 @@
                     {{ item.id === selectedSpoolId ? '$markedCircle' : '$filament' }}
                   </v-icon>
                 </v-progress-circular>
+
                 <div class="flex-column">
                   <div class="flex-row">
                     {{ item.filament_name }}
@@ -157,14 +158,13 @@
               </div>
             </template>
 
-            <template #[`item-value.loaded`]>
+            <template #[`item.loaded`]>
               <v-chip
-                v-if="spoolLoaded(item)"
+                v-if="getSpoolLoadedLane(item) != null"
                 color="primary"
                 small
-                style="text-transform: capitalize"
               >
-                {{ getLaneLoadedName(item) }}
+                {{ $filters.prettyCase(getSpoolLoadedLane(item) ?? '') }}
               </v-chip>
             </template>
 
@@ -357,12 +357,6 @@ export default class SpoolSelectionDialog extends Mixins(StateMixin, BrowserMixi
   get availableSpools () {
     const availableSpools: Spool[] = this.$typedGetters['spoolman/getAvailableSpools']
 
-    if (this.$typedGetters['printer/getSupportsAfc']) {
-      for (const spool in availableSpools) {
-        availableSpools[spool].loaded = this.getLaneLoadedName(availableSpools[spool])
-      }
-    }
-
     return availableSpools
       .filter(x => !x.archived)
   }
@@ -372,12 +366,23 @@ export default class SpoolSelectionDialog extends Mixins(StateMixin, BrowserMixi
   }
 
   get configurableHeaders (): AppDataTableHeader[] {
+    const afcHeaders: AppDataTableHeader[] = this.afc != null
+      ? [
+          {
+            text: this.$tc('app.afc.LaneLoaded'),
+            value: 'loaded',
+            cellClass: 'text-no-wrap'
+          }
+        ]
+      : []
+
     const headers: AppDataTableHeader[] = [
       {
         text: this.$tc('app.spoolman.label.id'),
         value: 'id',
         cellClass: 'text-no-wrap'
       },
+      ...afcHeaders,
       {
         text: this.$tc('app.spoolman.label.material'),
         value: 'filament.material',
@@ -483,14 +488,6 @@ export default class SpoolSelectionDialog extends Mixins(StateMixin, BrowserMixi
       }
     ]
 
-    if (this.$typedGetters['printer/getSupportsAfc']) {
-      headers.push({
-        text: this.$tc('app.afc.LaneLoaded'),
-        value: 'loaded',
-        cellClass: 'text-no-wrap'
-      })
-    }
-
     const mergedTableHeaders: AppDataTableHeader[] = this.$typedGetters['config/getMergedTableHeaders'](headers, 'spoolman')
 
     return mergedTableHeaders
@@ -753,21 +750,8 @@ export default class SpoolSelectionDialog extends Mixins(StateMixin, BrowserMixi
     return spool?.filament.color_hex ?? (this.$vuetify.theme.dark ? '#fff' : '#000')
   }
 
-  spoolLoaded (item: Spool) {
-    if (this.afc === null) return undefined
-
-    const spools = this.afcLoadedSpools ?? undefined
-    if (!spools.length) return undefined
-    return spools.find((s) => s.spoolId === item.id)
-  }
-
-  getLaneLoadedName (item: Spool):string {
-    const spool = this.spoolLoaded(item)
-    if (spool !== undefined) {
-      return spool?.lane
-    } else {
-      return '--'
-    }
+  getSpoolLoadedLane (spool: Spool): string | undefined {
+    return this.afcLoadedSpools[spool.id]
   }
 }
 </script>
diff --git a/src/mixins/afc.ts b/src/mixins/afc.ts
index 7928a47b1c..a6e8982bb5 100644
--- a/src/mixins/afc.ts
+++ b/src/mixins/afc.ts
@@ -1,84 +1,66 @@
 import Vue from 'vue'
 import Component from 'vue-class-component'
-import type { KlipperPrinterAfcState } from '@/store/printer/types'
+import type { KlipperPrinterAfcStateState, KlipperPrinterAfcState } from '@/store/printer/types'
 
 @Component
 export default class AfcMixin extends Vue {
-  get afc (): KlipperPrinterAfcState {
-    return this.$typedState.printer.printer.AFC ?? {}
-  }
-
-  get afcEnabled (): boolean {
-    return this.$typedGetters['server/componentSupport']('afc')
+  get afc (): KlipperPrinterAfcState | undefined {
+    return this.$typedState.printer.printer.AFC
   }
 
   get afcExtruders (): string[] {
-    return this.afc.extruders ?? []
+    return this.afc?.extruders ?? []
   }
 
   get afcHubs (): string[] {
-    return this.afc.hubs ?? []
+    return this.afc?.hubs ?? []
   }
 
   get afcUnits (): string[] {
-    return this.afc.units ?? []
+    return this.afc?.units ?? []
   }
 
   get afcLanes (): string[] {
-    return this.afc.lanes ?? []
+    return this.afc?.lanes ?? []
   }
 
-  get afcLoadedSpools () {
-    if (this.afcLanes.length === 0) return []
+  get afcLoadedSpools (): Record<number, string> {
+    const loadedSpools = this.afcLanes
+      .reduce((loadedSpools, laneName) => {
+        const lane = this.getAfcLaneObject(laneName)
 
-    const spoolIds: { lane: string; spoolId: number }[] = []
-    this.afcLanes.forEach((name) => {
-      const lane = this.getAfcLaneObject(name)
-      if (!lane || !lane.spool_id) return
+        if (lane?.spool_id) {
+          loadedSpools[lane.spool_id] = lane.name
+        }
 
-      spoolIds.push({
-        lane: name,
-        spoolId: lane.spool_id,
-      })
-    })
+        return loadedSpools
+      }, {} as Record<number, string>)
 
-    return spoolIds
+    return loadedSpools
   }
 
-  get afcErrorState () {
-    return this.afc.error_state ?? false
+  get afcErrorState (): boolean {
+    return this.afc?.error_state ?? false
   }
 
   get afcCurrentLane () {
-    const current = this.afc.current_load ?? this.afc.current_lane ?? null
-    if (current === null) return null
+    const laneName = this.afc?.current_load ?? this.afc?.current_lane
 
-    return this.getAfcLaneObject(current)
+    if (laneName != null) {
+      return this.getAfcLaneObject(laneName)
+    }
   }
 
   get afcCurrentBuffer () {
-    const name = this.afcCurrentLane?.buffer ?? null
-    if (name === null) return null
-
-    return this.getAfcBufferObject(name)
-  }
+    const bufferName = this.afcCurrentLane?.buffer
 
-  get afcCurrentState () {
-    return this.afc.current_state ?? ''
-  }
-
-  get afcMapList (): string[] {
-    const lanes = this.afc.lanes ?? []
-
-    const mapList = []
-    for (const laneName of lanes) {
-      const lane = this.getAfcLaneObject(laneName)
-      if (lane == null) continue
-
-      mapList.push(lane.map)
+    if (bufferName != null) {
+      return this.getAfcBufferObject(bufferName)
     }
+  }
 
-    return mapList.sort()
+  get afcCurrentState (): KlipperPrinterAfcStateState {
+    return this.afc?.current_state ?? 'Idle'
   }
 
   get afcExistsSpoolman () {
diff --git a/src/store/printer/types.ts b/src/store/printer/types.ts
index caa24b7cc9..b0c3e2deea 100644
--- a/src/store/printer/types.ts
+++ b/src/store/printer/types.ts
@@ -742,11 +742,13 @@ export interface KlipperPrinterMmuMachineState extends KlipperPrinterMmuMachineS
   num_units: number;
 }
 
+export type KlipperPrinterAfcStateState = 'Initialized' | 'Idle' | 'Error' | 'Loading' | 'Unloading' | 'Ejecting' | 'Moving' | 'Restoring'
+
 export interface KlipperPrinterAfcState {
   current_load?: string;
   current_lane?: string;
   next_lane?: string;
-  current_state?: 'Initialized' | 'Idle' | 'Error' | 'Loading' | 'Unloading' | 'Ejecting' | 'Moving' | 'Restoring';
+  current_state?: KlipperPrinterAfcStateState;
   current_toolchange?: number;
   number_of_toolchanges?: number;
   spoolman?: string;
@@ -785,9 +787,9 @@ export interface KlipperPrinterAfcExtruderState {
 }
 
 export interface KlipperPrinterAfcBufferState {
-  state: string;
-  lanes: string[];
-  enabled: boolean;
+  state?: string;
+  lanes?: string[];
+  enabled?: boolean;
 }
 
 export interface KlipperPrinterConfig extends Record<string, Record<string, string | undefined> | undefined> {
diff --git a/src/store/spoolman/types.ts b/src/store/spoolman/types.ts
index 7c579cadd8..c3c3543a12 100644
--- a/src/store/spoolman/types.ts
+++ b/src/store/spoolman/types.ts
@@ -39,8 +39,6 @@ export interface SpoolmanSpool {
   comment?: string;
   archived: boolean;
   extra?: Record<string, unknown>;
-
-  loaded?: string;
 }
 
 export interface SpoolmanFilament {
@@ -64,8 +62,6 @@ export interface SpoolmanFilament {
   multi_color_direction?: string;
   external_id?: string;
   extra?: Record<string, unknown>;
-
-  loaded?: string;
 }
 
 export interface SpoolmanVendor {

From 5d7baf7091bccbd5986d2ecfb949992d6d7c54d6 Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Sat, 6 Dec 2025 23:26:54 +0000
Subject: [PATCH 28/49] refactor: typing improvements

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 .../widgets/afc/AfcCardUnitLane.vue           |  4 +-
 .../widgets/afc/AfcCardUnitLaneBody.vue       |  5 +-
 .../afc/dialogs/AfcUnitLaneInfiniteDialog.vue |  2 +-
 .../dialogs/AfcUnitLaneMappingToolDialog.vue  |  2 +-
 src/mixins/afc.ts                             | 32 +++----
 src/store/printer/types.ts                    | 91 ++++++++++++++++---
 6 files changed, 99 insertions(+), 37 deletions(-)

diff --git a/src/components/widgets/afc/AfcCardUnitLane.vue b/src/components/widgets/afc/AfcCardUnitLane.vue
index bd28dc57f1..84f9c1eb1a 100644
--- a/src/components/widgets/afc/AfcCardUnitLane.vue
+++ b/src/components/widgets/afc/AfcCardUnitLane.vue
@@ -53,8 +53,8 @@ export default class AfcCardUnitLane extends Mixins(StateMixin, AfcMixin) {
 
   get laneReady (): boolean {
     return (
-      this.lane?.load &&
-      this.lane?.prep
+      this.lane?.load === true &&
+      this.lane.prep === true
     )
   }
 }
diff --git a/src/components/widgets/afc/AfcCardUnitLaneBody.vue b/src/components/widgets/afc/AfcCardUnitLaneBody.vue
index 840ad0a7bc..a9b7e4493a 100644
--- a/src/components/widgets/afc/AfcCardUnitLaneBody.vue
+++ b/src/components/widgets/afc/AfcCardUnitLaneBody.vue
@@ -183,10 +183,7 @@ export default class AfcCardUnitLaneBody extends Mixins(StateMixin, AfcMixin) {
   }
 
   get tdPresent (): boolean {
-    return (
-      this.lane?.td1_td != null &&
-      this.lane.td1_td.length > 0
-    )
+    return !!this.lane?.td1_td
   }
 
   get td (): string {
diff --git a/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue b/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue
index d52e07a07e..5c99a72a17 100644
--- a/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue
+++ b/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue
@@ -63,7 +63,7 @@ export default class AfcUnitLaneInfiniteDialog extends Mixins(StateMixin, AfcMix
 
       if (
         lane?.prep === true &&
-        lane?.load === true
+        lane.load === true
       ) {
         laneList.push(lane.name)
       }
diff --git a/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue b/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue
index 684f4c50df..efa71aae6a 100644
--- a/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue
+++ b/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue
@@ -57,7 +57,7 @@ export default class AfcUnitLaneMappingToolDialog extends Mixins(StateMixin, Afc
     for (const laneName of this.afcLanes) {
       const lane = this.getAfcLaneObject(laneName)
 
-      if (lane != null) {
+      if (lane?.map != null) {
         mapList.push(lane.map)
       }
     }
diff --git a/src/mixins/afc.ts b/src/mixins/afc.ts
index a6e8982bb5..23a4ead05b 100644
--- a/src/mixins/afc.ts
+++ b/src/mixins/afc.ts
@@ -1,6 +1,6 @@
 import Vue from 'vue'
 import Component from 'vue-class-component'
-import type { KlipperPrinterAfcStateState, KlipperPrinterAfcState } from '@/store/printer/types'
+import type { KlipperPrinterAfcStateState, KlipperPrinterAfcState, KlipperPrinterAfcLaneSettings, KlipperPrinterAfcStepperSettings, KlipperPrinterAfcExtruderState, KlipperPrinterAfcExtruderSettings, KlipperPrinterAfcBufferState, KlipperPrinterAfcBufferSettings, KlipperPrinterAfcHubState, KlipperPrinterAfcHubSettings, KlipperPrinterAfcLaneState, KlipperPrinterSettings } from '@/store/printer/types'
 
 @Component
 export default class AfcMixin extends Vue {
@@ -43,7 +43,7 @@ export default class AfcMixin extends Vue {
     return this.afc?.error_state ?? false
   }
 
-  get afcCurrentLane () {
+  get afcCurrentLane (): KlipperPrinterAfcLaneState | undefined {
     const laneName = this.afc?.current_load ?? this.afc?.current_lane
 
     if (laneName != null) {
@@ -51,7 +51,7 @@ export default class AfcMixin extends Vue {
     }
   }
 
-  get afcCurrentBuffer () {
+  get afcCurrentBuffer (): KlipperPrinterAfcBufferState | undefined {
     const bufferName = this.afcCurrentLane?.buffer
 
     if (bufferName != null) {
@@ -63,7 +63,7 @@ export default class AfcMixin extends Vue {
     return this.afc?.current_state ?? 'Idle'
   }
 
-  get afcExistsSpoolman () {
+  get afcExistsSpoolman (): boolean {
     return this.$typedGetters['server/componentSupport']('spoolman')
   }
 
@@ -91,7 +91,7 @@ export default class AfcMixin extends Vue {
     return this.$typedState.config.uiSettings.afc.hiddenUnits
   }
 
-  getAfcLaneObject (lane: string) {
+  getAfcLaneObject (lane: string): KlipperPrinterAfcLaneState | undefined {
     const printerState = this.$typedState.printer.printer
 
     return (
@@ -100,8 +100,8 @@ export default class AfcMixin extends Vue {
     )
   }
 
-  getAfcLaneSettings (lane: string) {
-    const printerSettings = this.$typedGetters['printer/getPrinterSettings']
+  getAfcLaneSettings (lane: string): KlipperPrinterAfcLaneSettings | KlipperPrinterAfcStepperSettings | undefined {
+    const printerSettings: KlipperPrinterSettings = this.$typedGetters['printer/getPrinterSettings']
 
     return (
       printerSettings[`afc_stepper ${lane.toLowerCase()}`] ??
@@ -109,32 +109,32 @@ export default class AfcMixin extends Vue {
     )
   }
 
-  getAfcExtruderObject (extruder: string) {
+  getAfcExtruderObject (extruder: string): KlipperPrinterAfcExtruderState | undefined {
     return this.$typedState.printer.printer[(`AFC_extruder ${extruder}`)]
   }
 
-  getAfcExtruderSettings (extruder: string) {
-    const printerSettings = this.$typedGetters['printer/getPrinterSettings']
+  getAfcExtruderSettings (extruder: string): KlipperPrinterAfcExtruderSettings | undefined {
+    const printerSettings: KlipperPrinterSettings = this.$typedGetters['printer/getPrinterSettings']
 
     return printerSettings[`afc_extruder ${extruder.toLowerCase()}`]
   }
 
-  getAfcBufferObject (buffer: string) {
+  getAfcBufferObject (buffer: string): KlipperPrinterAfcBufferState | undefined {
     return this.$typedState.printer.printer[`AFC_buffer ${buffer}`]
   }
 
-  getAfcBufferSettings (buffer: string) {
-    const printerSettings = this.$typedGetters['printer/getPrinterSettings']
+  getAfcBufferSettings (buffer: string): KlipperPrinterAfcBufferSettings | undefined {
+    const printerSettings: KlipperPrinterSettings = this.$typedGetters['printer/getPrinterSettings']
 
     return printerSettings[`afc_buffer ${buffer.toLowerCase()}`]
   }
 
-  getAfcHubObject (hub: string) {
+  getAfcHubObject (hub: string): KlipperPrinterAfcHubState | undefined {
     return this.$typedState.printer.printer[`AFC_hub ${hub}`]
   }
 
-  getAfcHubSettings (hub: string) {
-    const printerSettings = this.$typedGetters['printer/getPrinterSettings']
+  getAfcHubSettings (hub: string): KlipperPrinterAfcHubSettings | undefined {
+    const printerSettings: KlipperPrinterSettings = this.$typedGetters['printer/getPrinterSettings']
 
     return printerSettings[`afc_hub ${hub.toLowerCase()}`]
   }
diff --git a/src/store/printer/types.ts b/src/store/printer/types.ts
index b0c3e2deea..d70de7af59 100644
--- a/src/store/printer/types.ts
+++ b/src/store/printer/types.ts
@@ -189,7 +189,15 @@ type KlipperPrinterStateBaseType =
 
     [key: `AFC_buffer ${string}`]: KlipperPrinterAfcBufferState;
 
+    [key: `AFC_lane ${string}`]: KlipperPrinterAfcLaneState;
+
+    [key: `AFC_stepper ${string}`]: KlipperPrinterAfcLaneState;
+
+    [key: `AFC_hub ${string}`]: KlipperPrinterAfcHubState;
+
     [key: `AFC_led ${string}`]: KlipperPrinterLedState;
+
+    [key: `AFC_BoxTurtle ${string}`]: KlipperPrinterAfcBoxTurtleState;
   }>
 
 export interface KlipperPrinterState extends KlipperPrinterStateBaseType {
@@ -745,13 +753,13 @@ export interface KlipperPrinterMmuMachineState extends KlipperPrinterMmuMachineS
 export type KlipperPrinterAfcStateState = 'Initialized' | 'Idle' | 'Error' | 'Loading' | 'Unloading' | 'Ejecting' | 'Moving' | 'Restoring'
 
 export interface KlipperPrinterAfcState {
-  current_load?: string;
-  current_lane?: string;
-  next_lane?: string;
-  current_state?: KlipperPrinterAfcStateState;
+  current_load?: string | null;
+  current_lane?: string | null;
+  next_lane?: string | null;
+  current_state: KlipperPrinterAfcStateState;
   current_toolchange?: number;
   number_of_toolchanges?: number;
-  spoolman?: string;
+  spoolman?: string | null;
   td1_present?: boolean;
   lane_data_enabled?: boolean;
   error_state?: boolean;
@@ -765,8 +773,8 @@ export interface KlipperPrinterAfcState {
   lanes?: string[];
   buffers?: string[];
   message?: {
-    message: string;
-    type: string;
+    message: string | null;
+    type: string | null;
   }
   led_state?: boolean;
 }
@@ -786,12 +794,69 @@ export interface KlipperPrinterAfcExtruderState {
   lanes?: string[];
 }
 
+export type KlipperPrinterAfcBufferStatus = 'Unknown' | 'Advancing' | 'Trailing'
+
 export interface KlipperPrinterAfcBufferState {
-  state?: string;
+  state?: KlipperPrinterAfcBufferStatus;
   lanes?: string[];
   enabled?: boolean;
 }
 
+export type KlipperPrinterAfcLaneStatus = 'None' | 'Error' | 'Loaded' | 'Tooled' | 'Tool Loaded' | 'Tool Loading' | 'Tool Unloading' | 'HUB Loading' | 'Ejecting' | 'Calibrating'
+
+export interface KlipperPrinterAfcLaneState {
+  name: string;
+  unit: string;
+  hub?: string | null;
+  extruder?: string | null;
+  buffer?: string | null;
+  buffer_status?: KlipperPrinterAfcBufferStatus | null;
+  lane?: number;
+  map?: string | null;
+  load?: boolean;
+  prep?: boolean;
+  tool_loaded?: boolean;
+  loaded_to_hub?: boolean;
+  material?: string | null;
+  density?: number;
+  diameter?: number;
+  empty_spool_weight?: number;
+  spool_id?: number | null;
+  color?: string | null;
+  weight?: number;
+  extruder_temp?: number | null;
+  runout_lane?: string | null;
+  filament_status?: 'In Tool' | 'Ready' | 'Prep' | 'Not Ready';
+  filament_status_led?: string;
+  status?: KlipperPrinterAfcLaneStatus;
+  dist_hub?: number;
+  td1_data?: Record<string, unknown>;
+  td1_td?: string;
+  td1_color?: string;
+  td1_scan_time?: string;
+}
+
+export interface KlipperPrinterAfcHubState {
+  state?: boolean;
+  cut?: boolean;
+  cut_cmd?: string;
+  cut_dist?: number;
+  cut_clear?: number;
+  cut_min_length?: number;
+  cut_servo_pass_angle?: number;
+  cut_servo_clip_angle?: number;
+  cut_servo_prep_angle?: number;
+  lanes?: string[];
+  afc_bowden_length?: number;
+}
+
+export interface KlipperPrinterAfcBoxTurtleState {
+  lanes?: string[];
+  extruders?: string[];
+  hubs?: string[];
+  buffers?: string[];
+}
+
 export interface KlipperPrinterConfig extends Record<string, Record<string, string | undefined> | undefined> {
 }
 
@@ -1590,14 +1655,14 @@ export interface KlipperPrinterAfcFormTipSettings {
 }
 
 export interface KlipperPrinterAfcExtruderSettings {
-  pin_tool_start: string;
-  pin_tool_end: string;
+  pin_tool_start: string | null;
+  pin_tool_end: string | null;
   tool_stn: number;
   tool_stn_unload: number;
   tool_sensor_after_extruder: number;
   tool_unload_speed: number;
   tool_load_speed?: number;
-  buffer: string;
+  buffer: string | null;
   enable_sensors_in_gui: boolean;
   debounce_delay: number;
 }
@@ -1629,7 +1694,7 @@ export interface KlipperPrinterAfcLaneSettings {
   microsteps: number;
   rotation_distance: number;
   gear_ratio?: string;
-  map?: string;
+  map?: string | null;
   dist_hub: number;
   park_dist: number;
   led_index: string;
@@ -1681,7 +1746,7 @@ export interface KlipperPrinterAfcLaneSettings {
   assist_max_motor_rpm: number;
   hub?: string;
   buffer?: string;
-  extruder?: string;
+  extruder?: string | null;
   debounce_delay: number;
   capture_td1_when_loaded: boolean;
   td1_device_id?: string;

From 9c0cba6747d27d297a8fe61eb9958a02e8f6ef99 Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Sun, 7 Dec 2025 13:04:22 +0000
Subject: [PATCH 29/49] refactor: typing and performance improvements

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 src/components/widgets/afc/AfcCardBypass.vue  |   2 +-
 .../widgets/afc/AfcCardExtruder.vue           |   4 +-
 src/components/widgets/afc/AfcCardMessage.vue |   4 +-
 .../widgets/afc/AfcCardSettingsExtruder.vue   |   3 +-
 .../widgets/afc/AfcCardSettingsUnit.vue       |   7 +-
 src/components/widgets/afc/AfcCardUnit.vue    |  45 +++---
 src/components/widgets/afc/AfcCardUnitHub.vue |   2 +-
 .../widgets/afc/AfcCardUnitLane.vue           |   3 +-
 .../widgets/afc/AfcCardUnitLaneActions.vue    |   4 +-
 .../widgets/afc/AfcCardUnitLaneBody.vue       |   3 +-
 .../widgets/afc/AfcCardUnitLaneEmpty.vue      |   2 +-
 .../afc/dialogs/AfcSettingsDialogExtruder.vue |   3 +-
 .../afc/dialogs/AfcSettingsDialogHub.vue      |   3 +-
 .../afc/dialogs/AfcSettingsDialogLane.vue     |   6 +-
 src/mixins/afc.ts                             |   2 +-
 src/store/printer/types.ts                    | 150 +++++++++---------
 16 files changed, 123 insertions(+), 120 deletions(-)

diff --git a/src/components/widgets/afc/AfcCardBypass.vue b/src/components/widgets/afc/AfcCardBypass.vue
index 2967d650bf..8c8e541057 100644
--- a/src/components/widgets/afc/AfcCardBypass.vue
+++ b/src/components/widgets/afc/AfcCardBypass.vue
@@ -17,7 +17,7 @@ import AfcMixin from '@/mixins/afc'
 @Component
 export default class AfcCardBypass extends Mixins(StateMixin, AfcMixin) {
   get bypassState (): boolean {
-    return this.afc?.bypass_state ?? false
+    return this.afc?.bypass_state === true
   }
 }
 </script>
diff --git a/src/components/widgets/afc/AfcCardExtruder.vue b/src/components/widgets/afc/AfcCardExtruder.vue
index 9c5719e846..cc5d7effe4 100644
--- a/src/components/widgets/afc/AfcCardExtruder.vue
+++ b/src/components/widgets/afc/AfcCardExtruder.vue
@@ -112,7 +112,7 @@ export default class AfcCardExtruder extends Mixins(StateMixin, AfcMixin) {
   }
 
   get preSensorStatus (): boolean {
-    return this.afcExtruder?.tool_start_status ?? false
+    return this.afcExtruder?.tool_start_status === true
   }
 
   get preSensorClasses () {
@@ -151,7 +151,7 @@ export default class AfcCardExtruder extends Mixins(StateMixin, AfcMixin) {
   }
 
   get postSensorStatus (): boolean {
-    return this.afcExtruder?.tool_end_status ?? false
+    return this.afcExtruder?.tool_end_status === true
   }
 
   get postSensorClasses () {
diff --git a/src/components/widgets/afc/AfcCardMessage.vue b/src/components/widgets/afc/AfcCardMessage.vue
index ebdb7b4e6a..74d3447265 100644
--- a/src/components/widgets/afc/AfcCardMessage.vue
+++ b/src/components/widgets/afc/AfcCardMessage.vue
@@ -44,8 +44,8 @@ export default class AfcCardMessage extends Mixins(StateMixin, AfcMixin) {
     return type
   }
 
-  get message (): string {
-    return this.afc?.message?.message ?? ''
+  get message (): string | undefined | null {
+    return this.afc?.message?.message
   }
 
   clearMessage () {
diff --git a/src/components/widgets/afc/AfcCardSettingsExtruder.vue b/src/components/widgets/afc/AfcCardSettingsExtruder.vue
index fe331674b6..a37258a696 100644
--- a/src/components/widgets/afc/AfcCardSettingsExtruder.vue
+++ b/src/components/widgets/afc/AfcCardSettingsExtruder.vue
@@ -17,7 +17,8 @@ import AfcMixin from '@/mixins/afc'
 
 @Component
 export default class AfcCardSettingsExtruder extends Mixins(StateMixin, AfcMixin) {
-  @Prop({ type: String, required: true }) readonly name!: string
+  @Prop({ type: String, required: true })
+  readonly name!: string
 
   value = true
 
diff --git a/src/components/widgets/afc/AfcCardSettingsUnit.vue b/src/components/widgets/afc/AfcCardSettingsUnit.vue
index 604b7b20d3..8fe28b5911 100644
--- a/src/components/widgets/afc/AfcCardSettingsUnit.vue
+++ b/src/components/widgets/afc/AfcCardSettingsUnit.vue
@@ -10,22 +10,23 @@
     />
   </v-list-item>
 </template>
+
 <script lang="ts">
-import Vue from 'vue'
 import { Component, Mixins, Prop, Watch } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import AfcMixin from '@/mixins/afc'
 
 @Component
 export default class AfcCardSettingsUnit extends Mixins(StateMixin, AfcMixin) {
-  @Prop({ type: String, required: true }) readonly name!: string
+  @Prop({ type: String, required: true })
+  readonly name!: string
 
   value = true
 
   get label (): string {
     const unitName = this.name.substring(this.name.indexOf(' ') + 1)
 
-    return this.$t('app.afc.ShowUnit', { name: Vue.$filters.prettyCase(unitName) }).toString()
+    return this.$t('app.afc.ShowUnit', { name: this.$filters.prettyCase(unitName) }).toString()
   }
 
   mounted () {
diff --git a/src/components/widgets/afc/AfcCardUnit.vue b/src/components/widgets/afc/AfcCardUnit.vue
index a2e659c39d..29ac852bb6 100644
--- a/src/components/widgets/afc/AfcCardUnit.vue
+++ b/src/components/widgets/afc/AfcCardUnit.vue
@@ -4,10 +4,10 @@
       <v-col class="pb-0 d-flex flex-row justify-space-between align-center">
         <h3 class="text-h6">
           <v-icon
-            v-if="modulIcon"
+            v-if="unitIcon"
             left
           >
-            {{ modulIcon }}
+            {{ unitIcon }}
           </v-icon>
           {{ unitNameOutput }}
         </h3>
@@ -30,14 +30,15 @@
     </v-row>
   </div>
 </template>
+
 <script lang="ts">
-import Vue from 'vue'
 import { Component, Mixins, Prop } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import AfcMixin from '@/mixins/afc'
 import AfcCardUnitHub from '@/components/widgets/afc/AfcCardUnitHub.vue'
 import AfcCardUnitLane from '@/components/widgets/afc/AfcCardUnitLane.vue'
 import { afcIconBoxTurtle, afcIconHtlf, afcIconNightOwl, afcIconQuattroBox } from '@/plugins/afcIcons'
+import type { AfcUnitKey, KlipperPrinterAfcUnitState } from '@/store/printer/types'
 
 @Component({
   components: {
@@ -46,44 +47,42 @@ import { afcIconBoxTurtle, afcIconHtlf, afcIconNightOwl, afcIconQuattroBox } fro
   }
 })
 export default class AfcCardUnit extends Mixins(StateMixin, AfcMixin) {
-  @Prop({ type: String, required: true }) readonly name!: string
+  @Prop({ type: String, required: true })
+  readonly name!: string
+
+  get unitType (): string {
+    return this.name.substring(0, this.name.indexOf(' '))
+      .replace(/_/g, '')
+  }
 
   get unitName (): string {
     return this.name.substring(this.name.indexOf(' ') + 1)
   }
 
   get unitNameOutput (): string {
-    return Vue.$filters.prettyCase(this.unitName)
+    return this.$filters.prettyCase(this.unitName)
   }
 
-  get unit () {
-    const printer = this.$typedState.printer.printer ?? {}
-    const moduleName = this.name.substring(0, this.name.indexOf(' ')).replace('_', '')
-    const unitObjectName = `AFC_${moduleName} ${this.unitName}`.toLowerCase()
-    const objectName = Object.keys(printer).find((key) => key.toLowerCase() === unitObjectName) ?? ''
+  get unit (): KlipperPrinterAfcUnitState | undefined {
+    const unitObjectName = `AFC_${this.unitType} ${this.unitName}` as AfcUnitKey
 
-    return printer[objectName] ?? {}
+    return this.$typedState.printer.printer[unitObjectName]
   }
 
   get hubs (): string[] {
-    const hubs = this.unit.hubs ?? []
-    return hubs
+    return this.unit?.hubs ?? []
   }
 
   get lanes (): string[] {
-    return this.unit.lanes ?? []
+    return this.unit?.lanes ?? []
   }
 
-  get type (): string {
-    const moduleName = this.name.substring(0, this.name.indexOf(' ')).replace('_', '')
-
-    return moduleName.toLowerCase()
-  }
-
-  get modulIcon (): string | null {
-    if (!this.afcShowUnitIcons) return null
+  get unitIcon (): string | null {
+    if (!this.afcShowUnitIcons) {
+      return null
+    }
 
-    switch (this.type) {
+    switch (this.unitType.toLowerCase()) {
       case 'boxturtle':
         return afcIconBoxTurtle
       case 'htlf':
diff --git a/src/components/widgets/afc/AfcCardUnitHub.vue b/src/components/widgets/afc/AfcCardUnitHub.vue
index d2c3656e3a..a3f360de63 100644
--- a/src/components/widgets/afc/AfcCardUnitHub.vue
+++ b/src/components/widgets/afc/AfcCardUnitHub.vue
@@ -33,7 +33,7 @@ export default class AfcCardUnitHub extends Mixins(StateMixin, AfcMixin) {
   }
 
   get sensorStatus (): boolean {
-    return this.hub?.state ?? false
+    return this.hub?.state === true
   }
 
   get sensorOutput (): string {
diff --git a/src/components/widgets/afc/AfcCardUnitLane.vue b/src/components/widgets/afc/AfcCardUnitLane.vue
index 84f9c1eb1a..02814fa844 100644
--- a/src/components/widgets/afc/AfcCardUnitLane.vue
+++ b/src/components/widgets/afc/AfcCardUnitLane.vue
@@ -32,7 +32,8 @@ import AfcCardUnitLaneActions from '@/components/widgets/afc/AfcCardUnitLaneActi
   }
 })
 export default class AfcCardUnitLane extends Mixins(StateMixin, AfcMixin) {
-  @Prop({ type: String, required: true }) readonly name!: string
+  @Prop({ type: String, required: true })
+  readonly name!: string
 
   get lane () {
     return this.getAfcLaneObject(this.name)
diff --git a/src/components/widgets/afc/AfcCardUnitLaneActions.vue b/src/components/widgets/afc/AfcCardUnitLaneActions.vue
index ea594c2a3a..3aad9b7ffa 100644
--- a/src/components/widgets/afc/AfcCardUnitLaneActions.vue
+++ b/src/components/widgets/afc/AfcCardUnitLaneActions.vue
@@ -92,12 +92,12 @@ export default class AfcCardUnitLaneActions extends Mixins(StateMixin, AfcMixin,
   get laneRunout (): boolean {
     return (
       this.laneActive &&
-      !this.lane?.prep
+      !this.lane?.prep === true
     )
   }
 
   get toolLoaded (): boolean {
-    return this.lane?.tool_loaded ?? false
+    return this.lane?.tool_loaded === true
   }
 
   loadLane () {
diff --git a/src/components/widgets/afc/AfcCardUnitLaneBody.vue b/src/components/widgets/afc/AfcCardUnitLaneBody.vue
index a9b7e4493a..80b233e13f 100644
--- a/src/components/widgets/afc/AfcCardUnitLaneBody.vue
+++ b/src/components/widgets/afc/AfcCardUnitLaneBody.vue
@@ -116,7 +116,8 @@ import AfcFilamentReel from './AfcFilamentReel.vue'
 export default class AfcCardUnitLaneBody extends Mixins(StateMixin, AfcMixin) {
   afcIconInfintiy = afcIconInfintiy
 
-  @Prop({ type: String, required: true }) readonly name!: string
+  @Prop({ type: String, required: true })
+  readonly name!: string
 
   showInfintiyDialog = false
   showSpoolmanDialog = false
diff --git a/src/components/widgets/afc/AfcCardUnitLaneEmpty.vue b/src/components/widgets/afc/AfcCardUnitLaneEmpty.vue
index 59f4d1b38c..f5d45b9746 100644
--- a/src/components/widgets/afc/AfcCardUnitLaneEmpty.vue
+++ b/src/components/widgets/afc/AfcCardUnitLaneEmpty.vue
@@ -52,7 +52,7 @@ export default class AfcCardUnitLaneEmpty extends Mixins(StateMixin, AfcMixin) {
   }
 
   get prep (): boolean {
-    return this.lane?.prep ?? false
+    return this.lane?.prep === true
   }
 
   get text (): string {
diff --git a/src/components/widgets/afc/dialogs/AfcSettingsDialogExtruder.vue b/src/components/widgets/afc/dialogs/AfcSettingsDialogExtruder.vue
index 500d68a801..d6ad449924 100644
--- a/src/components/widgets/afc/dialogs/AfcSettingsDialogExtruder.vue
+++ b/src/components/widgets/afc/dialogs/AfcSettingsDialogExtruder.vue
@@ -89,7 +89,6 @@
 </template>
 
 <script lang="ts">
-import Vue from 'vue'
 import { Component, Mixins, Prop } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import AfcMixin from '@/mixins/afc'
@@ -104,7 +103,7 @@ export default class AfcSettingsDialogExtruder extends Mixins(StateMixin, AfcMix
   changedValue = false
 
   get title (): string {
-    const name = Vue.$filters.prettyCase(this.name)
+    const name = this.$filters.prettyCase(this.name)
 
     return this.$t('app.afc.SettingsDialog.SettingsForTitle', { name }).toString()
   }
diff --git a/src/components/widgets/afc/dialogs/AfcSettingsDialogHub.vue b/src/components/widgets/afc/dialogs/AfcSettingsDialogHub.vue
index 8e49389ed1..c2b35da96c 100644
--- a/src/components/widgets/afc/dialogs/AfcSettingsDialogHub.vue
+++ b/src/components/widgets/afc/dialogs/AfcSettingsDialogHub.vue
@@ -20,7 +20,6 @@
 </template>
 
 <script lang="ts">
-import Vue from 'vue'
 import { Component, Mixins, Prop } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import AfcMixin from '@/mixins/afc'
@@ -33,7 +32,7 @@ export default class AfcSettingsDialogHub extends Mixins(StateMixin, AfcMixin) {
   readonly name!: string
 
   get title (): string {
-    const name = Vue.$filters.prettyCase(`Hub ${this.name}`)
+    const name = this.$filters.prettyCase(`Hub ${this.name}`)
 
     return this.$t('app.afc.SettingsDialog.SettingsForTitle', { name }).toString()
   }
diff --git a/src/components/widgets/afc/dialogs/AfcSettingsDialogLane.vue b/src/components/widgets/afc/dialogs/AfcSettingsDialogLane.vue
index 9b328a615f..639c503558 100644
--- a/src/components/widgets/afc/dialogs/AfcSettingsDialogLane.vue
+++ b/src/components/widgets/afc/dialogs/AfcSettingsDialogLane.vue
@@ -36,7 +36,6 @@
 </template>
 
 <script lang="ts">
-import Vue from 'vue'
 import { Component, Mixins, Prop } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import AfcMixin from '@/mixins/afc'
@@ -45,12 +44,13 @@ import type { KlipperPrinterAfcLaneSettings, KlipperPrinterAfcStepperSettings }
 
 @Component({})
 export default class AfcSettingsDialogLane extends Mixins(StateMixin, AfcMixin) {
-  @Prop({ type: String, required: true }) readonly name!: string
+  @Prop({ type: String, required: true })
+  readonly name!: string
 
   changedValue = false
 
   get title () {
-    const name = Vue.$filters.prettyCase(this.name)
+    const name = this.$filters.prettyCase(this.name)
 
     return this.$t('app.afc.SettingsDialog.SettingsForTitle', { name })
   }
diff --git a/src/mixins/afc.ts b/src/mixins/afc.ts
index 23a4ead05b..add6945676 100644
--- a/src/mixins/afc.ts
+++ b/src/mixins/afc.ts
@@ -40,7 +40,7 @@ export default class AfcMixin extends Vue {
   }
 
   get afcErrorState (): boolean {
-    return this.afc?.error_state ?? false
+    return this.afc?.error_state === true
   }
 
   get afcCurrentLane (): KlipperPrinterAfcLaneState | undefined {
diff --git a/src/store/printer/types.ts b/src/store/printer/types.ts
index d70de7af59..151cbd7dc9 100644
--- a/src/store/printer/types.ts
+++ b/src/store/printer/types.ts
@@ -36,6 +36,8 @@ export type TmcKey = `tmc${'2130' | '2208' | '2209' | '2660' | '2240' | '5160'}
 
 export type MmuUnitKey = `unit_${Digit}` | `unit_${NonZeroDigit}${Digit}`
 
+export type AfcUnitKey = `${'AFC_BoxTurtle' | 'AFC_NightOwl' | 'AFC_QuattroBox' | 'AFC_HTLF'} ${string}`
+
 type KlipperPrinterStateBaseType =
   {
     // These keys are always available
@@ -197,7 +199,7 @@ type KlipperPrinterStateBaseType =
 
     [key: `AFC_led ${string}`]: KlipperPrinterLedState;
 
-    [key: `AFC_BoxTurtle ${string}`]: KlipperPrinterAfcBoxTurtleState;
+    [key: AfcUnitKey]: KlipperPrinterAfcUnitState;
   }>
 
 export interface KlipperPrinterState extends KlipperPrinterStateBaseType {
@@ -753,53 +755,53 @@ export interface KlipperPrinterMmuMachineState extends KlipperPrinterMmuMachineS
 export type KlipperPrinterAfcStateState = 'Initialized' | 'Idle' | 'Error' | 'Loading' | 'Unloading' | 'Ejecting' | 'Moving' | 'Restoring'
 
 export interface KlipperPrinterAfcState {
-  current_load?: string | null;
-  current_lane?: string | null;
-  next_lane?: string | null;
+  current_load: string | null;
+  current_lane: string | null;
+  next_lane: string | null;
   current_state: KlipperPrinterAfcStateState;
-  current_toolchange?: number;
-  number_of_toolchanges?: number;
-  spoolman?: string | null;
-  td1_present?: boolean;
-  lane_data_enabled?: boolean;
-  error_state?: boolean;
-  bypass_state?: boolean;
-  quiet_mode?: boolean;
-  position_saved?: boolean;
-
-  extruders?: string[];
-  hubs?: string[];
-  units?: string[];
-  lanes?: string[];
-  buffers?: string[];
-  message?: {
+  current_toolchange: number;
+  number_of_toolchanges: number;
+  spoolman: string | null;
+  td1_present: boolean;
+  lane_data_enabled: boolean;
+  error_state: boolean;
+  bypass_state: boolean;
+  quiet_mode: boolean;
+  position_saved: boolean;
+
+  extruders: string[];
+  hubs: string[];
+  units: string[];
+  lanes: string[];
+  buffers: string[];
+  message: {
     message: string | null;
     type: string | null;
   }
-  led_state?: boolean;
+  led_state: boolean;
 }
 
 export interface KlipperPrinterAfcExtruderState {
-  tool_stn?: number;
-  tool_stn_unload?: number;
-  tool_sensor_after_extruder?: number;
-  tool_unload_speed?: number;
-  tool_load_speed?: number;
-  buffer?: string | null;
-  lane_loaded?: string | null;
-  tool_start?: string | null;
-  tool_start_status?: boolean;
-  tool_end?: string | null;
-  tool_end_status?: boolean;
-  lanes?: string[];
+  tool_stn: number;
+  tool_stn_unload: number;
+  tool_sensor_after_extruder: number;
+  tool_unload_speed: number;
+  tool_load_speed: number;
+  buffer: string | null;
+  lane_loaded: string | null;
+  tool_start: string | null;
+  tool_start_status: boolean;
+  tool_end: string | null;
+  tool_end_status: boolean;
+  lanes: string[];
 }
 
 export type KlipperPrinterAfcBufferStatus = 'Unknown' | 'Advancing' | 'Trailing'
 
 export interface KlipperPrinterAfcBufferState {
-  state?: KlipperPrinterAfcBufferStatus;
-  lanes?: string[];
-  enabled?: boolean;
+  state: KlipperPrinterAfcBufferStatus;
+  lanes: string[];
+  enabled: boolean;
 }
 
 export type KlipperPrinterAfcLaneStatus = 'None' | 'Error' | 'Loaded' | 'Tooled' | 'Tool Loaded' | 'Tool Loading' | 'Tool Unloading' | 'HUB Loading' | 'Ejecting' | 'Calibrating'
@@ -807,29 +809,29 @@ export type KlipperPrinterAfcLaneStatus = 'None' | 'Error' | 'Loaded' | 'Tooled'
 export interface KlipperPrinterAfcLaneState {
   name: string;
   unit: string;
-  hub?: string | null;
-  extruder?: string | null;
-  buffer?: string | null;
-  buffer_status?: KlipperPrinterAfcBufferStatus | null;
-  lane?: number;
-  map?: string | null;
-  load?: boolean;
-  prep?: boolean;
-  tool_loaded?: boolean;
-  loaded_to_hub?: boolean;
-  material?: string | null;
+  hub: string | null;
+  extruder: string | null;
+  buffer: string | null;
+  buffer_status: KlipperPrinterAfcBufferStatus | null;
+  lane: number;
+  map: string | null;
+  load: boolean;
+  prep: boolean;
+  tool_loaded: boolean;
+  loaded_to_hub: boolean;
+  material: string | null;
   density?: number;
   diameter?: number;
   empty_spool_weight?: number;
-  spool_id?: number | null;
-  color?: string | null;
-  weight?: number;
-  extruder_temp?: number | null;
-  runout_lane?: string | null;
-  filament_status?: 'In Tool' | 'Ready' | 'Prep' | 'Not Ready';
-  filament_status_led?: string;
-  status?: KlipperPrinterAfcLaneStatus;
-  dist_hub?: number;
+  spool_id: number | null;
+  color: string | null;
+  weight: number;
+  extruder_temp: number | null;
+  runout_lane: string | null;
+  filament_status: 'In Tool' | 'Ready' | 'Prep' | 'Not Ready';
+  filament_status_led: string;
+  status: KlipperPrinterAfcLaneStatus;
+  dist_hub: number;
   td1_data?: Record<string, unknown>;
   td1_td?: string;
   td1_color?: string;
@@ -837,24 +839,24 @@ export interface KlipperPrinterAfcLaneState {
 }
 
 export interface KlipperPrinterAfcHubState {
-  state?: boolean;
-  cut?: boolean;
-  cut_cmd?: string;
-  cut_dist?: number;
-  cut_clear?: number;
-  cut_min_length?: number;
-  cut_servo_pass_angle?: number;
-  cut_servo_clip_angle?: number;
-  cut_servo_prep_angle?: number;
-  lanes?: string[];
-  afc_bowden_length?: number;
-}
-
-export interface KlipperPrinterAfcBoxTurtleState {
-  lanes?: string[];
-  extruders?: string[];
-  hubs?: string[];
-  buffers?: string[];
+  state: boolean;
+  cut: boolean;
+  cut_cmd: string | null;
+  cut_dist: number;
+  cut_clear: number;
+  cut_min_length: number;
+  cut_servo_pass_angle: number;
+  cut_servo_clip_angle: number;
+  cut_servo_prep_angle: number;
+  lanes: string[];
+  afc_bowden_length: number;
+}
+
+export interface KlipperPrinterAfcUnitState {
+  lanes: string[];
+  extruders: string[];
+  hubs: string[];
+  buffers: string[];
 }
 
 export interface KlipperPrinterConfig extends Record<string, Record<string, string | undefined> | undefined> {

From 89c5ad3422e5d5df6d3d595b65c60ee52e31e4ea Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Sun, 7 Dec 2025 16:01:12 +0000
Subject: [PATCH 30/49] fix: allow sorting Spools by Loaded Lane

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 src/components/widgets/afc/AfcCardButtons.vue |  6 ++---
 src/components/widgets/afc/AfcCardUnit.vue    | 13 +++++++---
 .../widgets/spoolman/SpoolSelectionDialog.vue | 26 ++++++++++++-------
 3 files changed, 30 insertions(+), 15 deletions(-)

diff --git a/src/components/widgets/afc/AfcCardButtons.vue b/src/components/widgets/afc/AfcCardButtons.vue
index 171b96be9b..e33002dbc3 100644
--- a/src/components/widgets/afc/AfcCardButtons.vue
+++ b/src/components/widgets/afc/AfcCardButtons.vue
@@ -130,8 +130,7 @@ export default class AfcCardButtons extends Mixins(StateMixin, AfcMixin) {
   showAfcSettings = false
 
   get commands () {
-    const commands = this.$typedState.printer.printer.gcode?.commands ?? {}
-    const commandsList = Object.keys(commands)
+    const availableCommands = this.$typedGetters['printer/getAvailableCommands']
 
     const buttons = [
       {
@@ -175,7 +174,8 @@ export default class AfcCardButtons extends Mixins(StateMixin, AfcMixin) {
       })
     }
 
-    return buttons.filter(button => commandsList.includes(button.command.toUpperCase()))
+    return buttons
+      .filter(button => button.command.toUpperCase() in availableCommands)
   }
 
   macroTooltipDisabled (macroName: string): boolean {
diff --git a/src/components/widgets/afc/AfcCardUnit.vue b/src/components/widgets/afc/AfcCardUnit.vue
index 29ac852bb6..af7b22b15c 100644
--- a/src/components/widgets/afc/AfcCardUnit.vue
+++ b/src/components/widgets/afc/AfcCardUnit.vue
@@ -38,7 +38,7 @@ import AfcMixin from '@/mixins/afc'
 import AfcCardUnitHub from '@/components/widgets/afc/AfcCardUnitHub.vue'
 import AfcCardUnitLane from '@/components/widgets/afc/AfcCardUnitLane.vue'
 import { afcIconBoxTurtle, afcIconHtlf, afcIconNightOwl, afcIconQuattroBox } from '@/plugins/afcIcons'
-import type { AfcUnitKey, KlipperPrinterAfcUnitState } from '@/store/printer/types'
+import type { AfcUnitKey, KlipperPrinterAfcUnitState, KlipperPrinterState } from '@/store/printer/types'
 
 @Component({
   components: {
@@ -64,9 +64,16 @@ export default class AfcCardUnit extends Mixins(StateMixin, AfcMixin) {
   }
 
   get unit (): KlipperPrinterAfcUnitState | undefined {
-    const unitObjectName = `AFC_${this.unitType} ${this.unitName}` as AfcUnitKey
+    const printer: KlipperPrinterState = this.$typedState.printer.printer
+    const unitObjectName = `AFC_${this.unitType} ${this.unitName}`
+      .toLowerCase()
 
-    return this.$typedState.printer.printer[unitObjectName]
+    const unitObjectKey = Object.keys(printer)
+      .find((key): key is AfcUnitKey => key.toLowerCase() === unitObjectName)
+
+    if (unitObjectKey != null) {
+      return printer[unitObjectKey]
+    }
   }
 
   get hubs (): string[] {
diff --git a/src/components/widgets/spoolman/SpoolSelectionDialog.vue b/src/components/widgets/spoolman/SpoolSelectionDialog.vue
index e5050ea12e..fba5c217a8 100644
--- a/src/components/widgets/spoolman/SpoolSelectionDialog.vue
+++ b/src/components/widgets/spoolman/SpoolSelectionDialog.vue
@@ -158,13 +158,13 @@
               </div>
             </template>
 
-            <template #[`item.loaded`]>
+            <template #[`item-value.afc_loaded_lane`]="{ value }">
               <v-chip
-                v-if="getSpoolLoadedLane(item) != null"
+                v-if="value != null"
                 color="primary"
                 small
               >
-                {{ $filters.prettyCase(getSpoolLoadedLane(item) ?? '') }}
+                {{ $filters.prettyCase(value ?? '') }}
               </v-chip>
             </template>
 
@@ -296,6 +296,10 @@ import type { KlipperPrinterConfig } from '@/store/printer/types'
 import type { AppFileWithMeta } from '@/store/files/types'
 import type { SpoolmanRemainingFilamentUnit } from '@/store/config/types'
 
+type SpoolWithAfcLoadedLane = Spool & {
+  afc_loaded_lane?: string
+}
+
 @Component({
   components: {
     QRReader
@@ -354,11 +358,19 @@ export default class SpoolSelectionDialog extends Mixins(StateMixin, BrowserMixi
     })
   }
 
-  get availableSpools () {
+  get availableSpools (): SpoolWithAfcLoadedLane[] {
     const availableSpools: Spool[] = this.$typedGetters['spoolman/getAvailableSpools']
 
+    const afcLoadedSpools = this.afc != null
+      ? this.afcLoadedSpools
+      : {}
+
     return availableSpools
       .filter(x => !x.archived)
+      .map(spool => ({
+        ...spool,
+        afc_loaded_lane: afcLoadedSpools[spool.id]
+      } satisfies SpoolWithAfcLoadedLane))
   }
 
   get currency (): string | null {
@@ -370,7 +382,7 @@ export default class SpoolSelectionDialog extends Mixins(StateMixin, BrowserMixi
       ? [
           {
             text: this.$tc('app.afc.LaneLoaded'),
-            value: 'loaded',
+            value: 'afc_loaded_lane',
             cellClass: 'text-no-wrap'
           }
         ]
@@ -749,10 +761,6 @@ export default class SpoolSelectionDialog extends Mixins(StateMixin, BrowserMixi
   getSpoolColor (spool?: Spool) {
     return spool?.filament.color_hex ?? (this.$vuetify.theme.dark ? '#fff' : '#000')
   }
-
-  getSpoolLoadedLane (spool: Spool): string | undefined {
-    return this.afcLoadedSpools[spool.id]
-  }
 }
 </script>
 

From 5b19f83e36b18ae4429a1aad20923d69097e759d Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Sun, 7 Dec 2025 16:11:18 +0000
Subject: [PATCH 31/49] refactor: minor tweaks

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 src/components/widgets/afc/AfcCardButtons.vue | 26 ++++++++++++++-----
 src/components/widgets/afc/AfcCardUnit.vue    |  1 +
 .../afc/dialogs/AfcSettingsDialogHub.vue      |  8 +++---
 3 files changed, 25 insertions(+), 10 deletions(-)

diff --git a/src/components/widgets/afc/AfcCardButtons.vue b/src/components/widgets/afc/AfcCardButtons.vue
index e33002dbc3..07c87abc20 100644
--- a/src/components/widgets/afc/AfcCardButtons.vue
+++ b/src/components/widgets/afc/AfcCardButtons.vue
@@ -117,7 +117,7 @@ import StateMixin from '@/mixins/state'
 import AfcMixin from '@/mixins/afc'
 import MacroBtn from '@/components/widgets/macros/MacroBtn.vue'
 import AfcSettingsDialog from '@/components/widgets/afc/dialogs/AfcSettingsDialog.vue'
-import type { KlipperPrinterAfcSettings } from '@/store/printer/types'
+import type { GcodeCommands, KlipperPrinterAfcSettings, KlipperPrinterConfig, KlipperPrinterSettings, KlipperPrinterState } from '@/store/printer/types'
 import downloadUrl from '@/util/download-url'
 
 @Component({
@@ -129,8 +129,20 @@ import downloadUrl from '@/util/download-url'
 export default class AfcCardButtons extends Mixins(StateMixin, AfcMixin) {
   showAfcSettings = false
 
+  get printerSettings (): KlipperPrinterSettings {
+    return this.$typedGetters['printer/getPrinterSettings']
+  }
+
+  get printerConfig (): KlipperPrinterConfig {
+    return this.$typedGetters['printer/getPrinterConfig']
+  }
+
+  get availableCommands (): GcodeCommands {
+    return this.$typedGetters['printer/getAvailableCommands']
+  }
+
   get commands () {
-    const availableCommands = this.$typedGetters['printer/getAvailableCommands']
+    const availableCommands = this.availableCommands
 
     const buttons = [
       {
@@ -189,7 +201,7 @@ export default class AfcCardButtons extends Mixins(StateMixin, AfcMixin) {
   }
 
   get macros () {
-    const settings: KlipperPrinterAfcSettings | undefined = this.$typedState.printer.printer.configfile.settings.afc
+    const settings: KlipperPrinterAfcSettings | undefined = this.printerSettings.afc
 
     const afcMacros = []
 
@@ -224,17 +236,19 @@ export default class AfcCardButtons extends Mixins(StateMixin, AfcMixin) {
   }
 
   downloadDebugJson () {
+    const printer: KlipperPrinterState = this.$typedState.printer.printer
+
     const output = {
       config: Object.fromEntries(
-        Object.entries(this.$typedState.printer.printer.configfile.config)
+        Object.entries(this.printerConfig)
           .filter(([key]) => /^afc(?:$|_)/.test(key))
       ),
       settings: Object.fromEntries(
-        Object.entries(this.$typedState.printer.printer.configfile.settings)
+        Object.entries(this.printerSettings)
           .filter(([key]) => /^afc(?:$|_)/.test(key))
       ),
       printer: Object.fromEntries(
-        Object.entries(this.$typedState.printer.printer)
+        Object.entries(printer)
           .filter(([key]) => /^afc(?:$|_)/.test(key))
       ),
     }
diff --git a/src/components/widgets/afc/AfcCardUnit.vue b/src/components/widgets/afc/AfcCardUnit.vue
index af7b22b15c..df8eab7128 100644
--- a/src/components/widgets/afc/AfcCardUnit.vue
+++ b/src/components/widgets/afc/AfcCardUnit.vue
@@ -65,6 +65,7 @@ export default class AfcCardUnit extends Mixins(StateMixin, AfcMixin) {
 
   get unit (): KlipperPrinterAfcUnitState | undefined {
     const printer: KlipperPrinterState = this.$typedState.printer.printer
+
     const unitObjectName = `AFC_${this.unitType} ${this.unitName}`
       .toLowerCase()
 
diff --git a/src/components/widgets/afc/dialogs/AfcSettingsDialogHub.vue b/src/components/widgets/afc/dialogs/AfcSettingsDialogHub.vue
index c2b35da96c..bc93ff96bc 100644
--- a/src/components/widgets/afc/dialogs/AfcSettingsDialogHub.vue
+++ b/src/components/widgets/afc/dialogs/AfcSettingsDialogHub.vue
@@ -24,7 +24,7 @@ import { Component, Mixins, Prop } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import AfcMixin from '@/mixins/afc'
 import { encodeGcodeParamValue } from '@/util/gcode-helpers'
-import type { KlipperPrinterAfcHubSettings } from '@/store/printer/types'
+import type { KlipperPrinterAfcHubSettings, KlipperPrinterAfcHubState } from '@/store/printer/types'
 
 @Component({})
 export default class AfcSettingsDialogHub extends Mixins(StateMixin, AfcMixin) {
@@ -45,12 +45,12 @@ export default class AfcSettingsDialogHub extends Mixins(StateMixin, AfcMixin) {
     return this.afcSettingsHub?.afc_bowden_length || 0
   }
 
-  get printerObject () {
-    return this.$typedState.printer.printer[(`AFC_hub ${this.name}`)]
+  get hubObject (): KlipperPrinterAfcHubState | undefined {
+    return this.$typedState.printer.printer[`AFC_hub ${this.name}`]
   }
 
   get currentLength (): number {
-    return this.printerObject?.afc_bowden_length || 0
+    return this.hubObject?.afc_bowden_length || 0
   }
 
   setBowdenLength (value: number) {

From f8ce69feb4a33e3016a63f05af7c001d719aaea7 Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Sun, 7 Dec 2025 16:18:54 +0000
Subject: [PATCH 32/49] fix: correct boolean check

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 src/components/widgets/afc/AfcCardUnitLaneActions.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/widgets/afc/AfcCardUnitLaneActions.vue b/src/components/widgets/afc/AfcCardUnitLaneActions.vue
index 3aad9b7ffa..8ecfe358e3 100644
--- a/src/components/widgets/afc/AfcCardUnitLaneActions.vue
+++ b/src/components/widgets/afc/AfcCardUnitLaneActions.vue
@@ -92,7 +92,7 @@ export default class AfcCardUnitLaneActions extends Mixins(StateMixin, AfcMixin,
   get laneRunout (): boolean {
     return (
       this.laneActive &&
-      !this.lane?.prep === true
+      this.lane?.prep !== true
     )
   }
 

From 91009ee988cb2e2e0cab7b9da8f235ec68f763f9 Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Sun, 7 Dec 2025 16:24:08 +0000
Subject: [PATCH 33/49] refactor: move all icons to globals.ts

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 src/components/widgets/afc/AfcCardUnit.vue         |  9 ++++-----
 src/components/widgets/afc/AfcCardUnitLaneBody.vue |  5 +----
 src/globals.ts                                     | 14 +++++++++++++-
 src/plugins/afcIcons.ts                            |  2 +-
 4 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/src/components/widgets/afc/AfcCardUnit.vue b/src/components/widgets/afc/AfcCardUnit.vue
index df8eab7128..a4db9166d6 100644
--- a/src/components/widgets/afc/AfcCardUnit.vue
+++ b/src/components/widgets/afc/AfcCardUnit.vue
@@ -37,7 +37,6 @@ import StateMixin from '@/mixins/state'
 import AfcMixin from '@/mixins/afc'
 import AfcCardUnitHub from '@/components/widgets/afc/AfcCardUnitHub.vue'
 import AfcCardUnitLane from '@/components/widgets/afc/AfcCardUnitLane.vue'
-import { afcIconBoxTurtle, afcIconHtlf, afcIconNightOwl, afcIconQuattroBox } from '@/plugins/afcIcons'
 import type { AfcUnitKey, KlipperPrinterAfcUnitState, KlipperPrinterState } from '@/store/printer/types'
 
 @Component({
@@ -92,13 +91,13 @@ export default class AfcCardUnit extends Mixins(StateMixin, AfcMixin) {
 
     switch (this.unitType.toLowerCase()) {
       case 'boxturtle':
-        return afcIconBoxTurtle
+        return '$afcIconBoxTurtle'
       case 'htlf':
-        return afcIconHtlf
+        return '$afcIconHtlf'
       case 'nightowl':
-        return afcIconNightOwl
+        return '$afcIconNightOwl'
       case 'quattrobox':
-        return afcIconQuattroBox
+        return '$afcIconQuattroBox'
       default:
         return null
     }
diff --git a/src/components/widgets/afc/AfcCardUnitLaneBody.vue b/src/components/widgets/afc/AfcCardUnitLaneBody.vue
index 80b233e13f..f98166c7ad 100644
--- a/src/components/widgets/afc/AfcCardUnitLaneBody.vue
+++ b/src/components/widgets/afc/AfcCardUnitLaneBody.vue
@@ -44,7 +44,7 @@
             color="error"
             small
           >
-            {{ afcIconInfintiy }}
+            $afcIconInfinity
           </v-icon>
           <template v-else>
             {{ runoutLane }}
@@ -101,7 +101,6 @@ import { Component, Mixins, Prop, Watch } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import AfcMixin from '@/mixins/afc'
 import type { Spool, SpoolSelectionDialogState } from '@/store/spoolman/types'
-import { afcIconInfintiy } from '@/plugins/afcIcons'
 import AfcUnitLaneInfiniteDialog from '@/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue'
 import AfcUnitLaneFilamentDialog from '@/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue'
 import AfcFilamentReel from './AfcFilamentReel.vue'
@@ -114,8 +113,6 @@ import AfcFilamentReel from './AfcFilamentReel.vue'
   },
 })
 export default class AfcCardUnitLaneBody extends Mixins(StateMixin, AfcMixin) {
-  afcIconInfintiy = afcIconInfintiy
-
   @Prop({ type: String, required: true })
   readonly name!: string
 
diff --git a/src/globals.ts b/src/globals.ts
index 153eba36bf..ab53cc7307 100644
--- a/src/globals.ts
+++ b/src/globals.ts
@@ -199,7 +199,14 @@ import {
   mdiArrowUpBold
 } from '@mdi/js'
 
-import { afcIconLogo } from '@/plugins/afcIcons'
+import {
+  afcIconBoxTurtle,
+  afcIconHtlf,
+  afcIconInfinity,
+  afcIconLogo,
+  afcIconNightOwl,
+  afcIconQuattroBox
+} from '@/plugins/afcIcons'
 
 const mdiFilament = 'M12 2a10 10 0 0 0-2.148.26 10 10 0 0 0-1.315.386A10 10 0 0 0 7.672 3H7.67a10 10 0 0 0-1.295.752 10 10 0 0 0-.754.564 10 10 0 0 0-.98.938 10 10 0 0 0-.598.732 10 10 0 0 0-1.57 3.016 10 10 0 0 0-.315 1.314 10 10 0 0 0-.105.932v.008A10 10 0 0 0 2 12q0 .378.031.756l.002.012a10 10 0 0 0 .426 2.222 10 10 0 0 0 .38 1.014l.007.014.008.013q.218.497.488.967l.002.002a10 10 0 0 0 2.265 2.69 10 10 0 0 0 2.06 1.322h.003a10 10 0 0 0 2.15.746h.002q.514.114 1.035.174l.079.01q.529.057 1.062.058a10 10 0 0 0 2.148-.26 10 10 0 0 0 1.315-.386 10 10 0 0 0 .865-.354h.002a10 10 0 0 0 1.295-.752 10 10 0 0 0 .754-.564 10 10 0 0 0 .98-.938 10 10 0 0 0 .598-.732 10 10 0 0 0 1.57-3.016 10 10 0 0 0 .315-1.314 10 10 0 0 0 .105-.932v-.008q.04-.37.053-.744 0-.378-.031-.756l-.002-.012a10 10 0 0 0-.426-2.222 10 10 0 0 0-.38-1.014l-.007-.014-.008-.013a10 10 0 0 0-.488-.967L20.656 7a10 10 0 0 0-2.265-2.69 10 10 0 0 0-2.06-1.322h-.003a10 10 0 0 0-2.15-.746h-.002a10 10 0 0 0-1.114-.183A10 10 0 0 0 12 2m-1.299 2.25.256.148.11.063.066.039.433.25v1l-.433.25-.258.148v.002l-.174.1-.433-.25-.432-.25v-1l.268-.154zm2.598 0 .865.5v1l-.865.5-.865-.5v-1zm-4.46.426.13.074v1L8.537 6l-.433.25-.866-.5v-.172a8 8 0 0 1 1.602-.902m6.321 0a8 8 0 0 1 1.602.902v.172l-.658.38-.208.12-.865-.5v-1zM6.805 6.5l.865.5v1l-.865.5-.104-.06L5.94 8V7zm2.597 0 .866.5v1l-.127.074-.307.176-.432.25-.431-.25L8.537 8V7l.432-.25zM12 6.5l.865.5v1l-.12.07h-.003A4 4 0 0 0 12 8a4 4 0 0 0-.732.076L11.135 8V7l.761-.44zm2.598 0 .431.25.434.25v1l-.865.5-.432-.25-.434-.25V7l.434-.25zm2.597 0 .104.06.762.44v1l-.762.44-.104.06-.865-.5V7zM5.505 8.75l.866.5v1l-.865.5-.865-.5v-1zm2.599 0 .865.5v.14a4 4 0 0 0-.733 1.284l-.132.076-.56-.322-.306-.178v-1zm7.792 0 .866.5v1l-.434.25-.432.25-.12-.07a4 4 0 0 0-.657-1.174q-.043-.057-.088-.113V9.25l.432-.25zm2.598 0 .865.5v1l-.865.5-.207-.12-.658-.38v-1zM12 10a2 2 0 1 1 0 4 2 2 0 0 1 0-4m-7.793 1 .865.5v1l-.865.5-.135-.078A8 8 0 0 1 4 12a8 8 0 0 1 .072-.922zm2.598 0 .431.25.434.25v1l-.865.5-.104-.06-.762-.44v-1l.762-.44zm10.39 0 .104.06.762.44v1l-.762.44-.104.06-.431-.25-.434-.25v-1zm2.598 0 .135.078q.063.46.072.922a8 8 0 0 1-.072.922l-.135.078-.865-.5v-1zM5.506 13.25l.207.12.658.38v1l-.865.5-.865-.5v-1zm2.598 0 .12.07c.15.427.375.822.657 1.174q.043.057.088.113v.143l-.432.25-.433.25-.866-.5v-1l.434-.25zm7.792 0 .56.322.306.178v1l-.866.5-.865-.5v-.14a4 4 0 0 0 .621-1.008 4 4 0 0 0 .112-.276zm2.598 0 .865.5v1l-.865.5-.865-.5v-1zM6.804 15.5l.866.5v1l-.865.5-.104-.06L5.94 17v-1l.762-.44zm2.598 0 .432.25.434.25v1l-.434.25-.432.25-.431-.25-.434-.25v-1l.432-.25h.002zm5.196 0 .431.25.434.25v1l-.432.25-.433.25-.866-.5v-1l.127-.074.307-.176zm2.597 0 .104.06.762.44v1l-.866.5-.865-.5v-1zm-4.463.424.133.076v1l-.761.44-.104.06-.865-.5v-1l.12-.07h.003A4 4 0 0 0 12 16a4 4 0 0 0 .732-.076M8.104 17.75l.865.5v1l-.13.074a8 8 0 0 1-1.6-.902v-.172l.657-.38zm2.597 0 .865.5v1l-.865.5-.865-.5v-1zm2.598 0 .433.25.432.25v1l-.268.154-.597.346-.256-.148-.176-.102-.433-.25v-1l.433-.25.258-.148v-.002zm2.597 0 .866.5v.172a8 8 0 0 1-1.602.902l-.129-.074v-1l.432-.25z'
 const mdiFilamentDown = 'M12 2a10 10 0 0 0-1.129.08 10 10 0 0 0-1.02.18 10 10 0 0 0-1.314.386A10 10 0 0 0 7.672 3H7.67a10 10 0 0 0-1.295.752 10 10 0 0 0-.754.564 10 10 0 0 0-.98.938 10 10 0 0 0-.598.732l-.125.168a10 10 0 0 0-.541.826l-.035.065a10 10 0 0 0-.87 1.957 10 10 0 0 0-.314 1.314 10 10 0 0 0-.105.932v.008A10 10 0 0 0 2 12a10 10 0 0 0 .053.742v.006a10 10 0 0 0 .105.936 10 10 0 0 0 .315 1.314 10 10 0 0 0 .869 1.957l.035.065a10 10 0 0 0 .541.826l.125.168a10 10 0 0 0 .598.732 10 10 0 0 0 .98.938 10 10 0 0 0 .754.564A10 10 0 0 0 7.67 21h.002a10 10 0 0 0 .865.354 10 10 0 0 0 1.315.386 10 10 0 0 0 1.02.18A10 10 0 0 0 12 22a10 10 0 0 0 1.129-.08 10 10 0 0 0 .59-.104 6 6 0 0 1-.676-2.214l-.61-.352v-1l.434-.25.258-.148a6 6 0 0 1 .607-1.692V16l.127-.074a6 6 0 0 1 1.342-1.559 4 4 0 0 0 .563-1.04l.132-.077.56.322A6 6 0 0 1 19 13a6 6 0 0 1 2.834.713l.008-.03a10 10 0 0 0 .105-.931v-.008A10 10 0 0 0 22 12a10 10 0 0 0-.031-.756l-.002-.012a10 10 0 0 0-.113-.921 10 10 0 0 0-.313-1.301 10 10 0 0 0-.38-1.014l-.007-.014-.008-.013a10 10 0 0 0-.488-.967L20.656 7a10 10 0 0 0-.6-.92 10 10 0 0 0-.697-.848 10 10 0 0 0-.968-.921 10 10 0 0 0-.752-.567 10 10 0 0 0-1.309-.756h-.002a10 10 0 0 0-.865-.367 10 10 0 0 0-1.285-.379h-.002a10 10 0 0 0-1.035-.174l-.079-.01A10 10 0 0 0 12 2m-1.299 2.25.432.25.433.25v1l-.865.5-.433-.25-.432-.25v-1l.268-.154zm2.598 0 .865.5v1l-.865.5-.865-.5v-1zm1.883.414a8 8 0 0 1 1.58.91v.176l-.658.38-.208.12-.865-.5v-1zm-6.342.012.129.074v1L8.537 6l-.433.25-.866-.5v-.172a8 8 0 0 1 1.602-.902M6.805 6.5l.865.5v1l-.865.5-.104-.06L5.94 8V7zm2.597 0 .866.5v1l-.434.25-.432.25-.431-.25L8.537 8V7l.432-.25zM12 6.5l.865.5v1l-.12.07A4 4 0 0 0 12 8a4 4 0 0 0-.732.076L11.135 8V7zm2.598 0 .865.5v1l-.865.5-.866-.5V7zm2.597 0 .866.5v1l-.866.5-.865-.5V7zM5.505 8.75l.866.5v1l-.865.5-.865-.5v-1zm2.599 0 .865.5v.14a4 4 0 0 0-.733 1.284l-.132.076-.866-.5v-1zm7.792 0 .866.5v1l-.866.5-.12-.07a4 4 0 0 0-.745-1.287V9.25zm2.598 0 .865.5v1l-.865.5-.207-.12-.658-.38v-1zM12 10a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2m-7.793 1 .865.5v1l-.865.5-.135-.078A8 8 0 0 1 4 12a8 8 0 0 1 .072-.922zm2.598 0 .865.5v1l-.865.5-.104-.06-.762-.44v-1l.762-.44zm10.39 0 .866.5v1l-.866.5-.431-.25-.434-.25v-1zm2.598 0 .154.09A8 8 0 0 1 20 12a8 8 0 0 1-.072.922l-.135.078-.865-.5v-1zM5.506 13.25l.865.5v1l-.865.5-.865-.5v-1zm2.598 0 .132.076a4 4 0 0 0 .733 1.283v.141l-.432.25-.433.25-.866-.5v-1l.434-.25zm-1.3 2.25.866.5v1l-.865.5-.104-.06L5.94 17v-1l.762-.44zm2.598 0 .432.25.434.25v1l-.434.25-.432.25-.431-.25-.434-.25v-1l.432-.25h.002zm1.866.424A4 4 0 0 0 12 16a4 4 0 0 0 .732-.076l.133.076v1l-.761.44-.104.06-.865-.5v-1zM18 16v4h-2l3 3 3-3h-2v-4zm-9.896 1.75.865.5v1l-.13.074a8 8 0 0 1-1.6-.902v-.172zm2.597 0 .865.5v1l-.865.5-.865-.5v-1z'
@@ -535,6 +542,11 @@ export const Icons = Object.freeze({
   mmuError: mdiInformationOutline,
   mmuSelectGate: mdiSwapHorizontal,
   afcIcon: afcIconLogo,
+  afcIconBoxTurtle,
+  afcIconHtlf,
+  afcIconNightOwl,
+  afcIconQuattroBox,
+  afcIconInfinity,
   afcHelp: mdiLifebuoy,
   afcTurnOffLed: mdiLightbulbOnOutline,
   afcTurnOnLed: mdiLightbulbOutline,
diff --git a/src/plugins/afcIcons.ts b/src/plugins/afcIcons.ts
index 2094710e6f..2454a231da 100644
--- a/src/plugins/afcIcons.ts
+++ b/src/plugins/afcIcons.ts
@@ -8,5 +8,5 @@ export const afcIconNightOwl =
     'M23.981 4.616c-.001-.052-.018-.06-.066-.041a.2.2 0 0 0-.045.025c-.166.105-.329.216-.498.316a108 108 0 0 1-1.903 1.095c-.331.183-.656.378-1.006.527-.169.072-.333.154-.5.233a3.2 3.2 0 0 0-.602.378 5 5 0 0 0-.419.388.9.9 0 0 0-.234.364c-.005.018-.034.037-.055.04a8 8 0 0 1-.376.043l-.914.075c-.047.004-.072-.017-.098-.055a5 5 0 0 0-.214-.288c-.026-.032-.037-.056-.007-.088q.023-.028.043-.057c.146-.199.302-.394.437-.601.205-.313.365-.649.467-1.01a3.2 3.2 0 0 0 .139-1.063 3.3 3.3 0 0 0-.217-1.018 5 5 0 0 0-.253-.533.67.67 0 0 0-.257-.289.31.31 0 0 0-.347.038.44.44 0 0 0-.132.243c-.022.089-.039.18-.068.267q-.149.453-.407.856a3.8 3.8 0 0 1-.827.94 2.2 2.2 0 0 1-.736.409c-.356.107-.719.196-1.082.276-.442.098-.88.204-1.293.394-.203.093-.401.194-.544.374q-.011.017-.017.031c-.081-.066-.147-.126-.219-.178-.227-.166-.482-.275-.741-.38-.286-.116-.587-.171-.886-.234-.15-.032-.304-.049-.455-.081a6 6 0 0 1-.41-.103c-.166-.048-.335-.094-.495-.157-.302-.12-.551-.318-.777-.547a4.5 4.5 0 0 1-.609-.8 2.9 2.9 0 0 1-.331-.783c-.035-.13-.069-.261-.113-.388-.073-.211-.309-.279-.476-.132a1.4 1.4 0 0 0-.219.267c-.157.235-.27.491-.354.76a2.4 2.4 0 0 0-.091.387 4 4 0 0 0-.02.794c.026.362.1.712.252 1.042q.24.525.596.979.133.168.271.337a1.3 1.3 0 0 0-.24.352c-.017.036-.046.04-.08.039-.12-.005-.24-.007-.359-.014l-.922-.065c-.045-.003-.067-.031-.089-.064q-.085-.133-.179-.259a3 3 0 0 0-.566-.556 3.3 3.3 0 0 0-.654-.392c-.248-.11-.498-.217-.74-.34-.245-.126-.482-.269-.721-.407a155 155 0 0 1-1.036-.607q-.357-.21-.709-.428c-.165-.103-.324-.215-.487-.322-.016-.011-.043-.021-.057-.015-.013.007-.021.035-.022.054-.016.263-.02.527.015.789.031.229.079.455.16.672.14.372.359.695.627.985a8 8 0 0 0 .354.355c.038.037.053.068.016.114a.3.3 0 0 0-.049.083c-.041.13-.083.26-.115.392a1 1 0 0 0-.013.415c.066.367.209.695.493.95.191.172.381.345.627.439.038.014.045.036.03.075-.057.152-.139.283-.289.361-.072.037-.092.1-.087.178.017.259.131.478.285.676.193.248.419.464.692.625.152.09.312.167.473.241.084.039.177.058.275.089l-.06.04q-.231.131-.464.259c-.09.049-.099.06-.059.156a1 1 0 0 0 .106.197c.095.132.189.266.301.383.127.135.268.258.411.375.116.095.242.177.367.259.235.153.467.31.709.451.286.167.599.275.913.373q.374.117.766.158a.1.1 0 0 1 .064.041c.043.072.075.15.12.219.124.19.245.383.381.563.152.202.328.384.512.557.31.294.635.567 1.01.776.033.018.076.035.092.065.011.02-.015.061-.024.093l-.003.019c-.009.115-.023.229-.025.344-.004.182 0 .365.123.532-.032.005-.048.009-.064.01-.122.009-.244.012-.365.026-.142.017-.283.036-.404.128a1 1 0 0 0-.363.551c-.008.029-.007.061-.02.087-.01.022-.032.047-.053.053-.125.038-.252.07-.377.105-.157.043-.315.082-.47.13-.157.049-.259.159-.274.323a.67.67 0 0 0 .164.535l.027.007-.013.007-.014-.014a.4.4 0 0 0-.166.022c-.051.011-.134.058-.183.073a.23.23 0 0 0-.171.196 1.6 1.6 0 0 0-.003.493c.014.11.08.185.187.223.129.045.259.029.388.009.293-.044.577-.122.857-.218q.191-.065.384-.126c.038-.013.061-.006.081.035a.27.27 0 0 0 .245.16c.242.007.484.009.724-.031a.14.14 0 0 1 .123.035c.054.044.11.092.174.118.342.139.676.135.995-.069.073-.048.087-.045.155.004a.82.82 0 0 0 .774.114c.137-.046.245-.138.359-.22a.2.2 0 0 1 .11-.042q.383-.008.764-.01.043-.001.083.01c.025.009.054.022.068.042.109.155.267.223.444.255.186.034.367-.001.543-.058a.7.7 0 0 0 .181-.094c.045-.032.077-.029.121-.003.074.043.149.087.228.117.233.09.465.049.689-.035.081-.031.15-.096.226-.142a.15.15 0 0 1 .08-.025c.203.008.406.023.609.03.179.006.344-.032.475-.168.012-.011.044-.013.063-.006q.133.047.264.097c.283.099.571.182.867.234a.9.9 0 0 0 .432-.012.295.295 0 0 0 .206-.285.9.9 0 0 0-.059-.3c-.053-.161-.119-.311-.309-.358q.012-.024.021-.038a.57.57 0 0 0 .12-.326c.009-.267-.063-.447-.335-.527-.145-.043-.293-.079-.438-.124a8 8 0 0 1-.375-.132c-.065-.024-.103-.068-.123-.142a1.2 1.2 0 0 0-.117-.29.74.74 0 0 0-.606-.4c-.151-.014-.304-.009-.456-.013l-.073-.004c.032-.059.061-.109.086-.16.07-.149.058-.305.034-.46-.021-.135-.05-.268-.075-.398.093-.049.19-.087.272-.147.204-.148.409-.297.599-.463q.369-.324.676-.71c.216-.268.412-.547.562-.856.016-.032.036-.046.071-.041l.045.003a3.4 3.4 0 0 0 .723-.14c.234-.067.462-.154.689-.243.234-.091.454-.212.663-.351.142-.094.281-.196.428-.283.28-.165.548-.345.758-.596q.2-.237.37-.499c.082-.128.065-.143-.069-.212q-.242-.125-.482-.254l-.075-.038c.023-.018.043-.023.063-.028.08-.022.163-.038.241-.067q.366-.135.685-.361c.303-.213.548-.482.744-.796a.9.9 0 0 0 .135-.324c.031-.198.011-.229-.167-.324a.6.6 0 0 1-.296-.316c-.017-.041-.009-.065.031-.089.092-.053.186-.106.269-.172q.205-.161.394-.339c.218-.209.363-.466.445-.755.035-.124.054-.258.049-.386a1.33 1.33 0 0 0-.182-.655c-.007-.012-.002-.043.008-.053q.114-.109.23-.214c.241-.228.459-.475.612-.771a2.7 2.7 0 0 0 .315-1.128c.01-.239-.008-.479-.016-.718m-5.455 3.74c-.113.159-.16.349-.219.537-.044.141-.105.279-.164.415a1.1 1.1 0 0 1-.257.36c-.07-.41-.171-.8-.331-1.165zm-1.685 1.931a2.46 2.46 0 0 1-.579 1.273 2.7 2.7 0 0 1-1.642.926 4 4 0 0 1-.62.052 1.9 1.9 0 0 1-.547-.097 3 3 0 0 1-.625-.267c-.017-.009-.028-.028-.042-.043l.041-.036c.046-.046.098-.089.138-.141a1.4 1.4 0 0 0 .249-.503c.02-.074.032-.079.093-.03.136.109.279.204.44.275.149.066.306.097.466.11.619.054 1.13-.168 1.548-.619.184-.198.295-.433.368-.69.071-.248.075-.503.029-.751a1.62 1.62 0 0 0-.52-.93q-.118-.103-.242-.202-.025-.018-.053-.034l.012-.025c.016-.009.032-.021.049-.026.19-.056.342-.175.491-.297.039-.032.068-.035.1-.005.121.115.25.223.357.35.192.228.326.493.412.778.092.303.124.613.077.932m-4.845 2.823-.018.038c-.015.032-.033.063-.057.108-.025-.038-.047-.061-.059-.089l-.019-.042c-.109-.246-.22-.491-.323-.739a7 7 0 0 1-.203-.554c-.05-.16-.082-.327-.122-.491-.006-.025-.011-.051-.023-.073-.023-.045-.015-.085.005-.128q.087-.18.163-.363c.034-.085.059-.174.086-.262.018-.058.037-.067.083-.023l.347.351q.044.04.092.074l.037.004a.1.1 0 0 1 .033-.067l.282-.299c.024-.025.043-.053.067-.078q.018-.015.039-.029c.01.015.023.028.029.044.052.143.096.288.156.427.04.094.104.176.154.266.011.019.018.048.012.068-.03.098-.069.193-.097.292a7 7 0 0 1-.538 1.302c-.046.086-.085.175-.126.263m-2.426-.582c-.134-.012-.269-.024-.402-.045a2.3 2.3 0 0 1-.567-.18 3 3 0 0 1-.637-.393 2.7 2.7 0 0 1-.501-.548 2.3 2.3 0 0 1-.43-1.126 2.2 2.2 0 0 1 .08-.857c.059-.196.132-.385.237-.56q.157-.26.385-.462.074-.066.152-.128c.022-.017.043-.026.068-.001.143.147.325.225.514.291q.04.014.078.03c.006.002.011.007.027.017v.001l-.232.167a1.53 1.53 0 0 0-.564.755 1.73 1.73 0 0 0 .534 1.882q.297.256.668.372c.297.091.599.087.901.018.261-.059.493-.18.709-.334.028-.02.053-.043.087-.071q.016.04.025.073c.04.2.114.386.25.542q.056.064.123.119c.034.028.025.042-.007.06a3.3 3.3 0 0 1-.717.296 2.3 2.3 0 0 1-.781.082M6.693 6.315c.026.01.054.016.075.032.242.175.51.307.775.441q.635.321 1.277.632.407.199.816.391c.087.041.177.077.263.119q.333.16.661.329c.3.157.566.361.802.604.2.206.368.439.521.682q.015.025.038.055c.085-.117.16-.232.247-.337.134-.16.27-.32.416-.469.196-.2.421-.363.666-.496.143-.078.284-.161.429-.233.274-.135.552-.263.827-.396q.485-.236.968-.474.552-.274 1.101-.553c.193-.098.382-.2.585-.294-.018.024-.034.053-.056.073a5.4 5.4 0 0 1-1.063.791c-.314.176-.621.363-.939.53-.426.224-.859.434-1.29.649-.38.191-.743.406-1.051.704a4.7 4.7 0 0 0-.524.632c-.102.143-.198.29-.297.435-.028.042-.048.038-.079-.009-.161-.244-.314-.494-.488-.729a2.94 2.94 0 0 0-1.058-.897c-.293-.147-.591-.282-.882-.43q-.496-.25-.982-.517a18 18 0 0 1-.798-.477 5 5 0 0 1-.408-.291c-.179-.142-.351-.292-.526-.439q-.02-.018-.036-.041zm6.633 3.85c.002.184.075.345.169.499.18.294.443.474.78.534.218.038.427-.007.63-.101.356-.164.563-.442.638-.816.066-.333-.021-.641-.22-.914a1 1 0 0 0-.171-.173c-.133-.102-.266-.204-.431-.25-.024-.007-.046-.021-.069-.033q-.004-.001-.013-.016l.13-.064q.079-.035.157-.073a.26.26 0 0 1 .223-.01c.192.078.356.198.493.35.138.152.245.325.305.523.072.233.095.468.042.709a1.63 1.63 0 0 1-.714 1.041 1.54 1.54 0 0 1-.912.276 1.4 1.4 0 0 1-.736-.232 1.25 1.25 0 0 1-.51-.634c-.097-.269-.073-.531.127-.757.033-.038.053-.085.081-.131q-.001.141.001.272m.556-.464c.002-.237.248-.478.488-.472a.49.49 0 0 1 .48.499.494.494 0 0 1-.494.494c-.266-.004-.477-.235-.474-.521m-3.903.027c.017.235-.225.494-.478.491-.271-.003-.483-.216-.488-.53-.004-.23.225-.45.469-.457a.49.49 0 0 1 .497.496m-1.065-.679a1.13 1.13 0 0 0-.598.815 1.1 1.1 0 0 0 .066.599c.116.308.338.515.631.649a.97.97 0 0 0 .809.019 1.16 1.16 0 0 0 .691-.705c.038-.111.06-.227.085-.342.006-.027-.005-.058-.011-.087q-.007-.03-.019-.06l.02-.002c.087.127.185.249.216.404a.6.6 0 0 1 .005.203 1.17 1.17 0 0 1-.479.803 1.5 1.5 0 0 1-.782.296c-.088.009-.18 0-.269-.01-.304-.036-.563-.17-.801-.362a1.7 1.7 0 0 1-.506-.661 1.35 1.35 0 0 1-.046-.983c.132-.402.401-.679.767-.875.093-.049.175-.049.262.011.073.051.152.093.24.146-.103.052-.193.094-.281.142m-3.495-.644.947.092c-.176.386-.3.789-.308 1.224l-.022.005c-.049-.065-.101-.128-.147-.195a2.5 2.5 0 0 1-.402-.943c-.013-.063-.045-.122-.068-.183m1.128 11.493-.013.007-.014-.014z'
 export const afcIconQuattroBox =
     'M9.207 21.352c-.172-.036-.332-.063-.488-.11a2.5 2.5 0 0 1-.848-.46 2.54 2.54 0 0 1-.719-.93A2 2 0 0 1 6.953 19v-7.82h3.004c0 .07.004.14 0 .215-.008.214-.023.425-.023.64a827 827 0 0 0 0 4.403q-.002.96.027 1.921c.012.348.375.723.754.723h9.414c.348 0 .707-.3.738-.637.04-.453.024-.906.004-1.36-.016-.284-.348-.597-.629-.64a3 3 0 0 0-.351-.027h-8.727v-2.137h.18q5.084-.001 10.164.004c.469 0 .89.168 1.27.438.527.375.878.87 1.027 1.504.004.02.023.035.043.054a196 196 0 0 1 0 3.032c-.028.07-.051.125-.067.18a2.5 2.5 0 0 1-.535.98 2.4 2.4 0 0 1-1.039.722c-.191.067-.395.106-.594.157Zm5.672-18.645c.187.059.371.11.547.176.441.172.789.469 1.07.844.332.449.48.957.48 1.523-.007 2.477-.003 4.957-.003 7.434v.164h-3.008v-.157q-.001-3.463.004-6.921c0-.45-.414-.829-.824-.825q-4.652.006-9.31 0a.833.833 0 0 0-.812.817c0 .332.004.668-.003 1-.008.472.402.851.851.851q4.344-.005 8.688-.004h.183v2.137h-.137c-3.437 0-6.875.004-10.312-.004-.34 0-.652-.125-.945-.293A2.57 2.57 0 0 1 .262 8.258c-.07-.156-.117-.32-.184-.485a206 206 0 0 1 0-3.109c.02-.031.035-.05.043-.07.195-.719.617-1.262 1.274-1.61.238-.125.503-.187.757-.277zm0 0'
-export const afcIconInfintiy =
+export const afcIconInfinity =
     'M17.445 4.941c-3.625 0-6.57 3.149-6.57 7.012 0 2.54-1.937 4.606-4.32 4.606-2.38 0-4.317-2.067-4.317-4.606s1.934-4.605 4.317-4.605c.86 0 1.691.265 2.402.773.234.172.457.367.656.582a1.104 1.104 0 0 0 1.594.004c.441-.469.441-1.23.004-1.703a6.6 6.6 0 0 0-1-.875 6.24 6.24 0 0 0-3.656-1.184c-3.621-.004-6.57 3.145-6.57 7.008s2.949 7.008 6.57 7.008c3.625 0 6.57-3.145 6.57-7.008 0-2.539 1.938-4.605 4.32-4.605s4.32 2.066 4.32 4.605-1.937 4.606-4.32 4.606c-1.152 0-2.238-.477-3.054-1.348a1.1 1.1 0 0 0-1.59 0 1.23 1.23 0 0 0-.332.851c0 .32.117.622.332.848 1.238 1.324 2.89 2.05 4.644 2.05 3.625 0 6.57-3.144 6.57-7.007s-2.945-7.012-6.57-7.012m0 0'

From 4f9390cdc4de88b650818deb7da573a0629bb7c1 Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Sun, 7 Dec 2025 16:26:24 +0000
Subject: [PATCH 34/49] refactor: simplify code

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 .../widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue           | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue b/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue
index e7f8e23c51..813dc87261 100644
--- a/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue
+++ b/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue
@@ -116,7 +116,7 @@ export default class AfcUnitLaneFilamentDialog extends Mixins(StateMixin, AfcMix
     const gcode = []
 
     if (this.color !== this.currentColor) {
-      const cleanedColor = this.color.replace('#', '')
+      const cleanedColor = this.color.substring(1)
       gcode.push(`SET_COLOR LANE=${encodeGcodeParamValue(this.name)} COLOR=${encodeGcodeParamValue(cleanedColor)}`)
     }
 

From e0a9776a9ca369bc8602ea3552b61b0a861729ef Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Sun, 7 Dec 2025 16:48:44 +0000
Subject: [PATCH 35/49] refactor: spool selection

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 .../widgets/afc/AfcCardUnitLaneBody.vue        | 18 ++++++------------
 1 file changed, 6 insertions(+), 12 deletions(-)

diff --git a/src/components/widgets/afc/AfcCardUnitLaneBody.vue b/src/components/widgets/afc/AfcCardUnitLaneBody.vue
index f98166c7ad..13a227e9ee 100644
--- a/src/components/widgets/afc/AfcCardUnitLaneBody.vue
+++ b/src/components/widgets/afc/AfcCardUnitLaneBody.vue
@@ -202,18 +202,12 @@ export default class AfcCardUnitLaneBody extends Mixins(StateMixin, AfcMixin) {
   }
 
   @Watch('$typedState.spoolman.dialog')
-  onSpoolmanChanged (newDialog: SpoolSelectionDialogState) {
-    let gcode = `SET_SPOOL_ID LANE=${this.name} SPOOL_ID=`
-    if (this.spoolmanSelection) {
-      if (newDialog.selectedSpoolId != null) {
-        gcode = gcode + newDialog.selectedSpoolId
-      }
-
-      // Only send gcode once selection is closed
-      if (!newDialog.show && newDialog.selectedSpoolId !== this.spoolId) {
-        this.sendGcode(gcode)
-        this.spoolmanSelection = false
-      }
+  onSpoolmanChanged (dialog: SpoolSelectionDialogState) {
+    if (
+      !dialog.show &&
+      dialog.selectedSpoolId !== this.spoolId
+    ) {
+      this.sendGcode(`SET_SPOOL_ID LANE=${this.name} SPOOL_ID=${dialog.selectedSpoolId}`)
     }
   }
 

From 58b34091952ed9bebd95706a7449df910602d1f1 Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Sun, 7 Dec 2025 17:01:15 +0000
Subject: [PATCH 36/49] style: clean up classes and styles

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 src/components/widgets/afc/AfcCardButtons.vue         |  8 ++++----
 src/components/widgets/afc/AfcCardUnitLaneActions.vue |  3 ++-
 src/components/widgets/afc/AfcCardUnitLaneBody.vue    |  3 ++-
 src/components/widgets/afc/AfcCardUnitLaneEmpty.vue   |  2 +-
 src/components/widgets/afc/AfcCardUnitLaneHeader.vue  |  2 +-
 src/components/widgets/status/StatusTab.vue           | 10 +++-------
 src/scss/misc.scss                                    |  8 --------
 7 files changed, 13 insertions(+), 23 deletions(-)

diff --git a/src/components/widgets/afc/AfcCardButtons.vue b/src/components/widgets/afc/AfcCardButtons.vue
index 07c87abc20..b44bdfc810 100644
--- a/src/components/widgets/afc/AfcCardButtons.vue
+++ b/src/components/widgets/afc/AfcCardButtons.vue
@@ -27,7 +27,7 @@
         >
           <template #activator="{ on, attrs }">
             <v-btn
-              class="w-100"
+              class="flex"
               :disabled="(command.disabledWhilePrinting && printerPrinting) || !klippyReady"
               small
               v-bind="attrs"
@@ -62,7 +62,7 @@
               v-bind="attrs"
               :macro="macro.macro"
               small
-              class="w-100"
+              class="flex"
               v-on="on"
               @click="sendGcode($event)"
             >
@@ -76,7 +76,7 @@
       </v-list-item>
       <v-list-item>
         <v-btn
-          class="w-100"
+          class="flex"
           small
           @click="showAfcSettings = true"
         >
@@ -95,7 +95,7 @@
       </v-list-item>
       <v-list-item>
         <v-btn
-          class="w-100"
+          class="flex"
           small
           @click="downloadDebugJson"
         >
diff --git a/src/components/widgets/afc/AfcCardUnitLaneActions.vue b/src/components/widgets/afc/AfcCardUnitLaneActions.vue
index 8ecfe358e3..c778c150d9 100644
--- a/src/components/widgets/afc/AfcCardUnitLaneActions.vue
+++ b/src/components/widgets/afc/AfcCardUnitLaneActions.vue
@@ -1,7 +1,7 @@
 <template>
   <v-row>
     <v-col class="px-6 pt-3 pb-6 d-flex flex-row justify-space-between">
-      <v-item-group class="_btn-group d-flex flex-nowrap w-100 py-0">
+      <v-item-group class="_btn-group d-flex flex-nowrap py-0">
         <v-tooltip
           v-if="toolLoaded"
           top
@@ -117,6 +117,7 @@ export default class AfcCardUnitLaneActions extends Mixins(StateMixin, AfcMixin,
 <style scoped>
 ._btn-group {
   border-radius: 4px;
+  width: 100%;
 
   .v-btn {
     border-radius: 0;
diff --git a/src/components/widgets/afc/AfcCardUnitLaneBody.vue b/src/components/widgets/afc/AfcCardUnitLaneBody.vue
index 13a227e9ee..4d20f68408 100644
--- a/src/components/widgets/afc/AfcCardUnitLaneBody.vue
+++ b/src/components/widgets/afc/AfcCardUnitLaneBody.vue
@@ -15,7 +15,7 @@
               <afc-filament-reel
                 :percent="spoolPercent"
                 :color="spoolColor"
-                class="filamentSpool cursor-pointer"
+                class="filamentSpool"
                 @click-spool="onFilamentClick"
               />
             </span>
@@ -225,6 +225,7 @@ export default class AfcCardUnitLaneBody extends Mixins(StateMixin, AfcMixin) {
 <style scoped>
 .filamentSpool {
   max-width: 38px;
+  cursor: pointer;
 }
 
 .text-truncate-element {
diff --git a/src/components/widgets/afc/AfcCardUnitLaneEmpty.vue b/src/components/widgets/afc/AfcCardUnitLaneEmpty.vue
index f5d45b9746..ab13f010f5 100644
--- a/src/components/widgets/afc/AfcCardUnitLaneEmpty.vue
+++ b/src/components/widgets/afc/AfcCardUnitLaneEmpty.vue
@@ -18,7 +18,7 @@
             <v-btn
               dense
               small
-              class="w-100 elevation-0"
+              class="flex elevation-0"
               v-bind="attrs"
               v-on="on"
               @click="ejectLane"
diff --git a/src/components/widgets/afc/AfcCardUnitLaneHeader.vue b/src/components/widgets/afc/AfcCardUnitLaneHeader.vue
index f6d05786f1..ec46ab7a97 100644
--- a/src/components/widgets/afc/AfcCardUnitLaneHeader.vue
+++ b/src/components/widgets/afc/AfcCardUnitLaneHeader.vue
@@ -4,7 +4,7 @@
       <v-btn
         dense
         small
-        class="w-100 elevation-0"
+        class="flex elevation-0"
         @click="showDialog = true"
       >
         {{ name }} > {{ mappedTool }}
diff --git a/src/components/widgets/status/StatusTab.vue b/src/components/widgets/status/StatusTab.vue
index fba07ca976..ed09668dc3 100644
--- a/src/components/widgets/status/StatusTab.vue
+++ b/src/components/widgets/status/StatusTab.vue
@@ -124,7 +124,7 @@
                 v-if="totalToolChangeCount > 0"
                 :label="$t('app.general.label.toolchange')"
               >
-                <span v-if="totalToolChangeCount > 0">{{ currentToolChange }} / {{ totalToolChangeCount }}</span>
+                <span>{{ currentToolChange }} / {{ totalToolChangeCount }}</span>
               </status-label>
             </v-col>
 
@@ -373,11 +373,11 @@ export default class StatusTab extends Mixins(StateMixin, FilesMixin, ToolheadMi
   }
 
   get currentToolChange (): number {
-    return this.$typedState.printer.printer?.AFC?.current_toolchange ?? 0
+    return 5 // this.$typedState.printer.printer?.AFC?.current_toolchange ?? 0
   }
 
   get totalToolChangeCount (): number {
-    return this.$typedState.printer.printer?.AFC?.number_of_toolchanges ?? 0
+    return 7 // this.$typedState.printer.printer?.AFC?.number_of_toolchanges ?? 0
   }
 
   /**
@@ -410,10 +410,6 @@ export default class StatusTab extends Mixins(StateMixin, FilesMixin, ToolheadMi
     pointer-events: none;
   }
 
-  .status-label {
-    width: 100px
-  }
-
   .filename {
     white-space: nowrap;
     overflow: hidden;
diff --git a/src/scss/misc.scss b/src/scss/misc.scss
index 507783c840..f5154c80cd 100644
--- a/src/scss/misc.scss
+++ b/src/scss/misc.scss
@@ -87,11 +87,3 @@ textarea.clipboard-copy {
   z-index: 100000;
   opacity: 0;
 }
-
-.w-100 {
-    width: 100% !important;
-}
-
-.cursor-pointer {
-    cursor: pointer !important;
-}

From fc38dd301a57a8e1d758bbd91e4e732cb8637b30 Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Sun, 7 Dec 2025 17:19:47 +0000
Subject: [PATCH 37/49] chore: remove test values

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 src/components/widgets/status/StatusTab.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/widgets/status/StatusTab.vue b/src/components/widgets/status/StatusTab.vue
index ed09668dc3..369869299c 100644
--- a/src/components/widgets/status/StatusTab.vue
+++ b/src/components/widgets/status/StatusTab.vue
@@ -373,11 +373,11 @@ export default class StatusTab extends Mixins(StateMixin, FilesMixin, ToolheadMi
   }
 
   get currentToolChange (): number {
-    return 5 // this.$typedState.printer.printer?.AFC?.current_toolchange ?? 0
+    return this.$typedState.printer.printer?.AFC?.current_toolchange ?? 0
   }
 
   get totalToolChangeCount (): number {
-    return 7 // this.$typedState.printer.printer?.AFC?.number_of_toolchanges ?? 0
+    return this.$typedState.printer.printer?.AFC?.number_of_toolchanges ?? 0
   }
 
   /**

From dc8589f24ae36f1d3496f001e6563b1ab55c7568 Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Sun, 7 Dec 2025 17:22:14 +0000
Subject: [PATCH 38/49] style: reverted width changes

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 src/components/widgets/afc/AfcCardButtons.vue         | 8 ++++----
 src/components/widgets/afc/AfcCardUnitLaneActions.vue | 3 +--
 src/components/widgets/afc/AfcCardUnitLaneEmpty.vue   | 2 +-
 src/components/widgets/afc/AfcCardUnitLaneHeader.vue  | 2 +-
 src/scss/misc.scss                                    | 4 ++++
 5 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/components/widgets/afc/AfcCardButtons.vue b/src/components/widgets/afc/AfcCardButtons.vue
index b44bdfc810..66f92fdc88 100644
--- a/src/components/widgets/afc/AfcCardButtons.vue
+++ b/src/components/widgets/afc/AfcCardButtons.vue
@@ -27,7 +27,7 @@
         >
           <template #activator="{ on, attrs }">
             <v-btn
-              class="flex"
+              class="fill-width"
               :disabled="(command.disabledWhilePrinting && printerPrinting) || !klippyReady"
               small
               v-bind="attrs"
@@ -62,7 +62,7 @@
               v-bind="attrs"
               :macro="macro.macro"
               small
-              class="flex"
+              class="fill-width"
               v-on="on"
               @click="sendGcode($event)"
             >
@@ -76,7 +76,7 @@
       </v-list-item>
       <v-list-item>
         <v-btn
-          class="flex"
+          class="fill-width"
           small
           @click="showAfcSettings = true"
         >
@@ -95,7 +95,7 @@
       </v-list-item>
       <v-list-item>
         <v-btn
-          class="flex"
+          class="fill-width"
           small
           @click="downloadDebugJson"
         >
diff --git a/src/components/widgets/afc/AfcCardUnitLaneActions.vue b/src/components/widgets/afc/AfcCardUnitLaneActions.vue
index c778c150d9..59a81374b5 100644
--- a/src/components/widgets/afc/AfcCardUnitLaneActions.vue
+++ b/src/components/widgets/afc/AfcCardUnitLaneActions.vue
@@ -1,7 +1,7 @@
 <template>
   <v-row>
     <v-col class="px-6 pt-3 pb-6 d-flex flex-row justify-space-between">
-      <v-item-group class="_btn-group d-flex flex-nowrap py-0">
+      <v-item-group class="_btn-group d-flex flex-nowrap fill-width py-0">
         <v-tooltip
           v-if="toolLoaded"
           top
@@ -117,7 +117,6 @@ export default class AfcCardUnitLaneActions extends Mixins(StateMixin, AfcMixin,
 <style scoped>
 ._btn-group {
   border-radius: 4px;
-  width: 100%;
 
   .v-btn {
     border-radius: 0;
diff --git a/src/components/widgets/afc/AfcCardUnitLaneEmpty.vue b/src/components/widgets/afc/AfcCardUnitLaneEmpty.vue
index ab13f010f5..e4d2578f91 100644
--- a/src/components/widgets/afc/AfcCardUnitLaneEmpty.vue
+++ b/src/components/widgets/afc/AfcCardUnitLaneEmpty.vue
@@ -18,7 +18,7 @@
             <v-btn
               dense
               small
-              class="flex elevation-0"
+              class="fill-width elevation-0"
               v-bind="attrs"
               v-on="on"
               @click="ejectLane"
diff --git a/src/components/widgets/afc/AfcCardUnitLaneHeader.vue b/src/components/widgets/afc/AfcCardUnitLaneHeader.vue
index ec46ab7a97..8cf09cae6d 100644
--- a/src/components/widgets/afc/AfcCardUnitLaneHeader.vue
+++ b/src/components/widgets/afc/AfcCardUnitLaneHeader.vue
@@ -4,7 +4,7 @@
       <v-btn
         dense
         small
-        class="flex elevation-0"
+        class="fill-width elevation-0"
         @click="showDialog = true"
       >
         {{ name }} > {{ mappedTool }}
diff --git a/src/scss/misc.scss b/src/scss/misc.scss
index f5154c80cd..fbd06d2dbe 100644
--- a/src/scss/misc.scss
+++ b/src/scss/misc.scss
@@ -87,3 +87,7 @@ textarea.clipboard-copy {
   z-index: 100000;
   opacity: 0;
 }
+
+.fill-width {
+    width: 100% !important;
+}

From bc591dc10bc7f046a1ea2d45897edc8f7f56ec05 Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Sun, 7 Dec 2025 17:26:07 +0000
Subject: [PATCH 39/49] fix: some issues from Copilot review

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 src/components/widgets/afc/AfcCardUnitLaneBody.vue | 9 +++++++--
 src/store/printer/getters.ts                       | 1 -
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/widgets/afc/AfcCardUnitLaneBody.vue b/src/components/widgets/afc/AfcCardUnitLaneBody.vue
index 4d20f68408..409a051475 100644
--- a/src/components/widgets/afc/AfcCardUnitLaneBody.vue
+++ b/src/components/widgets/afc/AfcCardUnitLaneBody.vue
@@ -140,9 +140,14 @@ export default class AfcCardUnitLaneBody extends Mixins(StateMixin, AfcMixin) {
   }
 
   get spoolColor (): string {
-    if (this.afc?.td1_present && this.afcShowTd1Color) {
-      return `#${this.lane?.td1_color}`
+    if (
+      this.afc?.td1_present &&
+      this.lane?.td1_color &&
+      this.afcShowTd1Color
+    ) {
+      return `#${this.lane.td1_color}`
     }
+
     return this.lane?.color || '#000000'
   }
 
diff --git a/src/store/printer/getters.ts b/src/store/printer/getters.ts
index 0b7fb661b3..6046cab5de 100644
--- a/src/store/printer/getters.ts
+++ b/src/store/printer/getters.ts
@@ -1184,5 +1184,4 @@ export const getters = {
   getSupportsAfc: (state): boolean => {
     return state.printer.AFC != null
   }
-
 } satisfies GetterTree<PrinterState, RootState>

From 35291ede4e392ff33d0e3a529b62453b39c23350 Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Sun, 7 Dec 2025 18:06:16 +0000
Subject: [PATCH 40/49] fix: spool selection

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 .../widgets/afc/AfcCardUnitLaneBody.vue       | 26 ++++++++++---------
 src/locales/en.yaml                           |  1 +
 2 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/src/components/widgets/afc/AfcCardUnitLaneBody.vue b/src/components/widgets/afc/AfcCardUnitLaneBody.vue
index 409a051475..8bce561133 100644
--- a/src/components/widgets/afc/AfcCardUnitLaneBody.vue
+++ b/src/components/widgets/afc/AfcCardUnitLaneBody.vue
@@ -4,7 +4,7 @@
       <v-col class="pl-6 pr-0 pt-0 pb-0 d-flex flex-column">
         <v-tooltip
           top
-          :disabled="spoolId === 0"
+          :disabled="!spoolId"
         >
           <template #activator="{ on, attr }">
             <span
@@ -129,12 +129,12 @@ export default class AfcCardUnitLaneBody extends Mixins(StateMixin, AfcMixin) {
     return this.lane?.runout_lane ?? 'NONE'
   }
 
-  get spoolId (): number {
-    return Number(this.lane?.spool_id || '0')
+  get spoolId (): number | undefined {
+    return this.lane?.spool_id ?? undefined
   }
 
   get spool (): Spool | null {
-    if (this.spoolId === 0) return null
+    if (!this.spoolId) return null
 
     return this.$typedGetters['spoolman/getSpoolById'](this.spoolId) ?? null
   }
@@ -174,15 +174,13 @@ export default class AfcCardUnitLaneBody extends Mixins(StateMixin, AfcMixin) {
   }
 
   get spoolVendor (): string {
-    return this.spool?.filament?.vendor?.name ?? 'Unknown'
+    return this.spool?.filament?.vendor?.name ?? this.$t('app.afc.Unknown').toString()
   }
 
   get spoolFilamentName (): string {
-    if (this.afcExistsSpoolman) {
-      return this.spool?.filament?.name ?? 'Unknown'
-    } else {
-      return ''
-    }
+    return this.afcExistsSpoolman
+      ? this.spool?.filament?.name ?? this.$t('app.afc.Unknown').toString()
+      : ''
   }
 
   get tdPresent (): boolean {
@@ -210,9 +208,13 @@ export default class AfcCardUnitLaneBody extends Mixins(StateMixin, AfcMixin) {
   onSpoolmanChanged (dialog: SpoolSelectionDialogState) {
     if (
       !dialog.show &&
-      dialog.selectedSpoolId !== this.spoolId
+      this.spoolmanSelection
     ) {
-      this.sendGcode(`SET_SPOOL_ID LANE=${this.name} SPOOL_ID=${dialog.selectedSpoolId}`)
+      this.spoolmanSelection = false
+
+      if (dialog.selectedSpoolId !== this.spoolId) {
+        this.sendGcode(`SET_SPOOL_ID LANE=${this.name} SPOOL_ID=${dialog.selectedSpoolId ?? ''}`)
+      }
     }
   }
 
diff --git a/src/locales/en.yaml b/src/locales/en.yaml
index 32b5ae41b3..f0017e59ca 100644
--- a/src/locales/en.yaml
+++ b/src/locales/en.yaml
@@ -75,6 +75,7 @@ app:
     ShowTd1Color: "Show TD-1 Color"
     Unloading: "Unloading"
     UnloadLane: "Unload Lane"
+    Unknown: "Unknown"
     Weight: "Weight"
     WeightSubtitle: "The weight of the filament in grams (without spool)."
   bedmesh:

From 68c8425e1faf3e5dd06d81b2def2478f23527590 Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Sun, 7 Dec 2025 18:15:29 +0000
Subject: [PATCH 41/49] refactor: replace button type

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 src/components/widgets/afc/AfcCardButtons.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/widgets/afc/AfcCardButtons.vue b/src/components/widgets/afc/AfcCardButtons.vue
index 66f92fdc88..069b1f1241 100644
--- a/src/components/widgets/afc/AfcCardButtons.vue
+++ b/src/components/widgets/afc/AfcCardButtons.vue
@@ -26,7 +26,7 @@
           :disabled="command.toolTipDisabled"
         >
           <template #activator="{ on, attrs }">
-            <v-btn
+            <app-btn
               class="fill-width"
               :disabled="(command.disabledWhilePrinting && printerPrinting) || !klippyReady"
               small
@@ -42,7 +42,7 @@
                 {{ command.icon }}
               </v-icon>
               {{ command.text }}
-            </v-btn>
+            </app-btn>
           </template>
           <span>
             {{ macroDescription(command.command) }}
@@ -75,7 +75,7 @@
         </v-tooltip>
       </v-list-item>
       <v-list-item>
-        <v-btn
+        <app-btn
           class="fill-width"
           small
           @click="showAfcSettings = true"
@@ -87,14 +87,14 @@
             $afcSettings
           </v-icon>
           {{ $t('app.afc.AfcSettings') }}
-        </v-btn>
+        </app-btn>
         <afc-settings-dialog
           v-model="showAfcSettings"
           @cancel="showAfcSettings = false"
         />
       </v-list-item>
       <v-list-item>
-        <v-btn
+        <app-btn
           class="fill-width"
           small
           @click="downloadDebugJson"
@@ -106,7 +106,7 @@
             $afcDebugJson
           </v-icon>
           {{ $t('app.afc.DebugJson') }}
-        </v-btn>
+        </app-btn>
       </v-list-item>
     </v-list>
   </v-menu>

From b1ff2883b8aa74611f74be74e94faa3b9bf9e147 Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Sun, 7 Dec 2025 18:38:29 +0000
Subject: [PATCH 42/49] style: settings menu

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 .../widgets/afc/AfcCardSettings.vue           | 86 +++++++++++--------
 .../widgets/afc/AfcCardSettingsExtruder.vue   | 67 +++++----------
 .../widgets/afc/AfcCardSettingsUnit.vue       | 66 +++++---------
 3 files changed, 91 insertions(+), 128 deletions(-)

diff --git a/src/components/widgets/afc/AfcCardSettings.vue b/src/components/widgets/afc/AfcCardSettings.vue
index b4e4b47cd2..8e0d0c950e 100644
--- a/src/components/widgets/afc/AfcCardSettings.vue
+++ b/src/components/widgets/afc/AfcCardSettings.vue
@@ -1,9 +1,10 @@
 <template>
   <v-menu
-    :offset-y="true"
-    :close-on-content-click="false"
-    :title="$t('app.afc.Settings')"
+    bottom
     left
+    offset-y
+    transition="slide-y-transition"
+    :close-on-content-click="false"
   >
     <template #activator="{ on, attrs }">
       <app-btn
@@ -16,48 +17,63 @@
         </v-icon>
       </app-btn>
     </template>
-    <v-list>
-      <v-list-item class="minHeight36">
-        <v-checkbox
-          v-model="showFilamentName"
-          class="mt-0"
-          hide-details
-          :label="$t('app.afc.ShowFilamentName')"
-        />
+
+    <v-list dense>
+      <v-list-item @click="showFilamentName = !showFilamentName">
+        <v-list-item-action class="my-0">
+          <v-checkbox :input-value="showFilamentName" />
+        </v-list-item-action>
+        <v-list-item-content>
+          <v-list-item-title>
+            {{ $t('app.afc.ShowFilamentName') }}
+          </v-list-item-title>
+        </v-list-item-content>
       </v-list-item>
-      <v-list-item class="minHeight36">
-        <v-checkbox
-          v-model="showLaneInfinite"
-          class="mt-0"
-          hide-details
-          :label="$t('app.afc.ShowLaneInfinite')"
-        />
+
+      <v-list-item @click="showLaneInfinite = !showLaneInfinite">
+        <v-list-item-action class="my-0">
+          <v-checkbox :input-value="showLaneInfinite" />
+        </v-list-item-action>
+        <v-list-item-content>
+          <v-list-item-title>
+            {{ $t('app.afc.ShowLaneInfinite') }}
+          </v-list-item-title>
+        </v-list-item-content>
       </v-list-item>
-      <v-list-item class="minHeight36">
-        <v-checkbox
-          v-model="showUnitIcons"
-          class="mt-0"
-          hide-details
-          :label="$t('app.afc.ShowUnitIcons')"
-        />
+
+      <v-list-item @click="showUnitIcons = !showUnitIcons">
+        <v-list-item-action class="my-0">
+          <v-checkbox :input-value="showUnitIcons" />
+        </v-list-item-action>
+        <v-list-item-content>
+          <v-list-item-title>
+            {{ $t('app.afc.ShowUnitIcons') }}
+          </v-list-item-title>
+        </v-list-item-content>
       </v-list-item>
+
       <v-list-item
         v-if="td1Present"
-        class="minHeight36"
+        @click="showTd1Color = !showTd1Color"
       >
-        <v-checkbox
-          v-model="showTd1Color"
-          class="mt-0"
-          hide-details
-          :label="$t('app.afc.ShowTd1Color')"
-        />
+        <v-list-item-action class="my-0">
+          <v-checkbox :input-value="showTd1Color" />
+        </v-list-item-action>
+        <v-list-item-content>
+          <v-list-item-title>
+            {{ $t('app.afc.ShowTd1Color') }}
+          </v-list-item-title>
+        </v-list-item-content>
       </v-list-item>
+
       <v-divider />
+
       <afc-card-settings-extruder
         v-for="extruder in afcExtruders"
         :key="extruder"
         :name="extruder"
       />
+
       <afc-card-settings-unit
         v-for="unit in afcUnits"
         :key="unit"
@@ -133,9 +149,3 @@ export default class AfcCardSettings extends Mixins(StateMixin, AfcMixin) {
   }
 }
 </script>
-
-<style scoped>
-.minHeight36 {
-    min-height: 36px;
-}
-</style>
diff --git a/src/components/widgets/afc/AfcCardSettingsExtruder.vue b/src/components/widgets/afc/AfcCardSettingsExtruder.vue
index a37258a696..b569bc9a10 100644
--- a/src/components/widgets/afc/AfcCardSettingsExtruder.vue
+++ b/src/components/widgets/afc/AfcCardSettingsExtruder.vue
@@ -1,17 +1,18 @@
 <template>
-  <v-list-item
-    class="minHeight36 text-no-wrap"
-  >
-    <v-checkbox
-      v-model="value"
-      class="mt-0"
-      hide-details
-      :label="label"
-    />
+  <v-list-item @click="showExtruder = !showExtruder">
+    <v-list-item-action class="my-0">
+      <v-checkbox :input-value="showExtruder" />
+    </v-list-item-action>
+    <v-list-item-content>
+      <v-list-item-title>
+        {{ label }}
+      </v-list-item-title>
+    </v-list-item-content>
   </v-list-item>
 </template>
+
 <script lang="ts">
-import { Component, Mixins, Prop, Watch } from 'vue-property-decorator'
+import { Component, Mixins, Prop } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import AfcMixin from '@/mixins/afc'
 
@@ -20,53 +21,29 @@ export default class AfcCardSettingsExtruder extends Mixins(StateMixin, AfcMixin
   @Prop({ type: String, required: true })
   readonly name!: string
 
-  value = true
-
   get label (): string {
     return this.$t('app.afc.ShowTool', { name: this.name }).toString()
   }
 
-  mounted () {
-    this.value = !this.afcHiddenExtruders.includes(this.name)
-  }
-
-  @Watch('value')
-  onValueChange (newValue: boolean) {
-    if (newValue) {
-      this.removeFromHiddenExtruders(this.name)
-      return
-    }
-
-    this.addToHiddenExtruders(this.name)
+  get showExtruder () {
+    return !this.afcHiddenExtruders
+      .includes(this.name)
   }
 
-  private removeFromHiddenExtruders (name: string) {
-    const hiddenExtruders = [...this.afcHiddenExtruders]
-    const index = hiddenExtruders.indexOf(name)
-    if (index > -1) hiddenExtruders.splice(index, 1)
+  set showExtruder (value: boolean) {
+    const values = new Set(this.afcHiddenExtruders)
 
-    this.$typedDispatch('config/saveByPath', {
-      path: 'uiSettings.afc.hiddenExtruders',
-      value: hiddenExtruders,
-      server: true
-    })
-  }
-
-  private addToHiddenExtruders (name: string) {
-    const hiddenExtruders = [...this.afcHiddenExtruders]
-    if (!hiddenExtruders.includes(name)) hiddenExtruders.push(name)
+    if (value) {
+      values.delete(this.name)
+    } else {
+      values.add(this.name)
+    }
 
     this.$typedDispatch('config/saveByPath', {
       path: 'uiSettings.afc.hiddenExtruders',
-      value: hiddenExtruders,
+      value: [...values],
       server: true
     })
   }
 }
 </script>
-
-<style scoped>
-.minHeight36 {
-    min-height: 36px;
-}
-</style>
diff --git a/src/components/widgets/afc/AfcCardSettingsUnit.vue b/src/components/widgets/afc/AfcCardSettingsUnit.vue
index 8fe28b5911..d1600d85ac 100644
--- a/src/components/widgets/afc/AfcCardSettingsUnit.vue
+++ b/src/components/widgets/afc/AfcCardSettingsUnit.vue
@@ -1,18 +1,18 @@
 <template>
-  <v-list-item
-    class="minHeight36 text-no-wrap"
-  >
-    <v-checkbox
-      v-model="value"
-      class="mt-0"
-      hide-details
-      :label="label"
-    />
+  <v-list-item @click="showUnit = !showUnit">
+    <v-list-item-action class="my-0">
+      <v-checkbox :input-value="showUnit" />
+    </v-list-item-action>
+    <v-list-item-content>
+      <v-list-item-title>
+        {{ label }}
+      </v-list-item-title>
+    </v-list-item-content>
   </v-list-item>
 </template>
 
 <script lang="ts">
-import { Component, Mixins, Prop, Watch } from 'vue-property-decorator'
+import { Component, Mixins, Prop } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import AfcMixin from '@/mixins/afc'
 
@@ -21,55 +21,31 @@ export default class AfcCardSettingsUnit extends Mixins(StateMixin, AfcMixin) {
   @Prop({ type: String, required: true })
   readonly name!: string
 
-  value = true
-
   get label (): string {
     const unitName = this.name.substring(this.name.indexOf(' ') + 1)
 
     return this.$t('app.afc.ShowUnit', { name: this.$filters.prettyCase(unitName) }).toString()
   }
 
-  mounted () {
-    this.value = !this.afcHiddenUnits.includes(this.name)
+  get showUnit () {
+    return !this.afcHiddenUnits
+      .includes(this.name)
   }
 
-  @Watch('value')
-  onValueChange (newValue: boolean) {
-    if (newValue) {
-      this.removeFromHiddenUnits(this.name)
-      return
-    }
-
-    this.addToHiddenUnits(this.name)
-  }
-
-  private removeFromHiddenUnits (name: string) {
-    const hiddenUnits = [...this.afcHiddenUnits]
-    const index = hiddenUnits.indexOf(name)
-    if (index > -1) hiddenUnits.splice(index, 1)
-
-    this.$typedDispatch('config/saveByPath', {
-      path: 'uiSettings.afc.hiddenUnits',
-      value: hiddenUnits,
-      server: true
-    })
-  }
+  set showUnit (value: boolean) {
+    const values = new Set(this.afcHiddenUnits)
 
-  private addToHiddenUnits (name: string) {
-    const hiddenUnits = [...this.afcHiddenUnits]
-    if (!hiddenUnits.includes(name)) hiddenUnits.push(name)
+    if (value) {
+      values.delete(this.name)
+    } else {
+      values.add(this.name)
+    }
 
     this.$typedDispatch('config/saveByPath', {
       path: 'uiSettings.afc.hiddenUnits',
-      value: hiddenUnits,
+      value: [...values],
       server: true
     })
   }
 }
 </script>
-
-<style scoped>
-.minHeight36 {
-    min-height: 36px;
-}
-</style>

From 8e65f602e0bc455f1a1636407e0b11ffb7964636 Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Sun, 7 Dec 2025 18:43:26 +0000
Subject: [PATCH 43/49] style: pretty print extruder name

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 src/components/widgets/afc/AfcCardExtruder.vue         | 2 +-
 src/components/widgets/afc/AfcCardSettingsExtruder.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/widgets/afc/AfcCardExtruder.vue b/src/components/widgets/afc/AfcCardExtruder.vue
index cc5d7effe4..f928d5692b 100644
--- a/src/components/widgets/afc/AfcCardExtruder.vue
+++ b/src/components/widgets/afc/AfcCardExtruder.vue
@@ -21,7 +21,7 @@
           </span>
         </v-tooltip>
         <span>
-          {{ name }}
+          {{ $filters.prettyCase(name) }}
         </span>
         <v-tooltip
           v-if="hasPostSensor"
diff --git a/src/components/widgets/afc/AfcCardSettingsExtruder.vue b/src/components/widgets/afc/AfcCardSettingsExtruder.vue
index b569bc9a10..5b84415fcb 100644
--- a/src/components/widgets/afc/AfcCardSettingsExtruder.vue
+++ b/src/components/widgets/afc/AfcCardSettingsExtruder.vue
@@ -22,7 +22,7 @@ export default class AfcCardSettingsExtruder extends Mixins(StateMixin, AfcMixin
   readonly name!: string
 
   get label (): string {
-    return this.$t('app.afc.ShowTool', { name: this.name }).toString()
+    return this.$t('app.afc.ShowTool', { name: this.$filters.prettyCase(this.name) }).toString()
   }
 
   get showExtruder () {

From f7f5974ebcf4a69331ca53320be8588955e751b4 Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Sun, 7 Dec 2025 19:41:23 +0000
Subject: [PATCH 44/49] refactor: typing improvements

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 src/store/printer/types.ts | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/store/printer/types.ts b/src/store/printer/types.ts
index 151cbd7dc9..06794038ce 100644
--- a/src/store/printer/types.ts
+++ b/src/store/printer/types.ts
@@ -1562,7 +1562,7 @@ export interface KlipperPrinterBeaconModelSettings extends Record<string, unknow
 }
 
 export interface KlipperPrinterAfcSettings {
-  VarFile: string;
+  varfile: string;
   long_moves_speed: number;
   rev_long_moves_speed_factor: number;
   long_moves_accel: number;
@@ -1611,7 +1611,7 @@ export interface KlipperPrinterAfcSettings {
   auto_home: boolean;
   auto_level_macro?: string;
   enable_assist: boolean;
-  enable_assist_weight: boolean;
+  enable_assist_weight: number;
   debounce_delay: number;
   test_extrude_amt: number;
   capture_td1_when_loaded: boolean;
@@ -1653,7 +1653,7 @@ export interface KlipperPrinterAfcFormTipSettings {
   dip_insertion_speed: number;
   dip_extraction_speed: number;
   melt_zone_pause: number;
-  cool_zone_pause: number;
+  cooling_zone_pause: number;
 }
 
 export interface KlipperPrinterAfcExtruderSettings {
@@ -1681,11 +1681,11 @@ export interface KlipperPrinterAfcBufferSettings {
 export interface KlipperPrinterAfcLedSettings {
   pin: string;
   chain_count: number;
-  color_order: string;
-  initial_RED: number;
-  initial_GREEN: number;
-  initial_BLUE: number;
-  initial_WHITE: number;
+  color_order: string[];
+  initial_red: number;
+  initial_green: number;
+  initial_blue: number;
+  initial_white: number;
 }
 
 export interface KlipperPrinterAfcLaneSettings {
@@ -1695,7 +1695,7 @@ export interface KlipperPrinterAfcLaneSettings {
   enable_pin: string;
   microsteps: number;
   rotation_distance: number;
-  gear_ratio?: string;
+  gear_ratio?: [number, number][];
   map?: string | null;
   dist_hub: number;
   park_dist: number;
@@ -1754,7 +1754,7 @@ export interface KlipperPrinterAfcLaneSettings {
   td1_device_id?: string;
 }
 
-export interface KlipperPrinterAfcStepperSettings {
+export interface KlipperPrinterAfcStepperSettings extends KlipperPrinterAfcLaneSettings {
   print_current: number;
 }
 

From 20b6e91b70245f202b6fbc58b9eb618168c03b2a Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Sun, 7 Dec 2025 23:58:09 +0000
Subject: [PATCH 45/49] refactor: simplify dialogs

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 src/components/widgets/afc/AfcCardButtons.vue |  5 +---
 .../widgets/afc/AfcCardUnitLaneBody.vue       |  4 ---
 .../widgets/afc/AfcCardUnitLaneHeader.vue     |  2 --
 .../widgets/afc/dialogs/AfcSettingsDialog.vue |  4 ---
 .../afc/dialogs/AfcUnitLaneFilamentDialog.vue | 27 +++----------------
 .../afc/dialogs/AfcUnitLaneInfiniteDialog.vue |  6 +----
 .../dialogs/AfcUnitLaneMappingToolDialog.vue  |  6 +----
 7 files changed, 7 insertions(+), 47 deletions(-)

diff --git a/src/components/widgets/afc/AfcCardButtons.vue b/src/components/widgets/afc/AfcCardButtons.vue
index 069b1f1241..4b0c0dfec9 100644
--- a/src/components/widgets/afc/AfcCardButtons.vue
+++ b/src/components/widgets/afc/AfcCardButtons.vue
@@ -88,10 +88,7 @@
           </v-icon>
           {{ $t('app.afc.AfcSettings') }}
         </app-btn>
-        <afc-settings-dialog
-          v-model="showAfcSettings"
-          @cancel="showAfcSettings = false"
-        />
+        <afc-settings-dialog v-model="showAfcSettings" />
       </v-list-item>
       <v-list-item>
         <app-btn
diff --git a/src/components/widgets/afc/AfcCardUnitLaneBody.vue b/src/components/widgets/afc/AfcCardUnitLaneBody.vue
index 8bce561133..51688ccc3f 100644
--- a/src/components/widgets/afc/AfcCardUnitLaneBody.vue
+++ b/src/components/widgets/afc/AfcCardUnitLaneBody.vue
@@ -29,8 +29,6 @@
         <afc-unit-lane-filament-dialog
           v-model="showFilamentDialog"
           :name="name"
-          @close="showFilamentDialog = false"
-          @cancel="showFilamentDialog = false"
         />
       </v-col>
       <v-col class="pr-6 pl-2 pt-0 pb-0 d-flex flex-column justify-space-between align-end">
@@ -53,8 +51,6 @@
         <afc-unit-lane-infinite-dialog
           v-model="showInfintiyDialog"
           :name="name"
-          @cancel="showInfintiyDialog = false"
-          @close="showInfintiyDialog = false"
         />
         <span class="font-weight-bold">
           {{ spoolMaterial }}
diff --git a/src/components/widgets/afc/AfcCardUnitLaneHeader.vue b/src/components/widgets/afc/AfcCardUnitLaneHeader.vue
index 8cf09cae6d..f0c0f28672 100644
--- a/src/components/widgets/afc/AfcCardUnitLaneHeader.vue
+++ b/src/components/widgets/afc/AfcCardUnitLaneHeader.vue
@@ -12,8 +12,6 @@
       <afc-unit-lane-mapping-tool-dialog
         v-model="showDialog"
         :name="name"
-        @cancel="showDialog = false"
-        @close="showDialog = false"
       />
     </v-col>
   </v-row>
diff --git a/src/components/widgets/afc/dialogs/AfcSettingsDialog.vue b/src/components/widgets/afc/dialogs/AfcSettingsDialog.vue
index d595f379a7..df0d7068a1 100644
--- a/src/components/widgets/afc/dialogs/AfcSettingsDialog.vue
+++ b/src/components/widgets/afc/dialogs/AfcSettingsDialog.vue
@@ -59,10 +59,6 @@ import AfcSettingsDialogLane from './AfcSettingsDialogLane.vue'
 export default class AfcSettingsDialog extends Mixins(StateMixin, AfcMixin) {
   @VModel({ type: Boolean })
   open?: boolean
-
-  closeDialog () {
-    this.$emit('close')
-  }
 }
 </script>
 
diff --git a/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue b/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue
index 813dc87261..6dd2392e88 100644
--- a/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue
+++ b/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue
@@ -3,7 +3,9 @@
     v-model="show"
     :title="$t('app.afc.FilamentForLane', { name })"
     width="400"
-    no-actions
+    :save-button-text="$t('app.afc.SetSpool')"
+    :save-button-disabled="disableSetBtn"
+    @save="setSpool"
   >
     <v-card-text class="pb-0">
       <app-setting
@@ -43,24 +45,6 @@
         @update:color="setColor"
       />
     </v-card-text>
-    <v-card-actions>
-      <v-spacer />
-      <v-btn
-        text
-        color="disabled"
-        @click="closeDialog"
-      >
-        {{ $t('app.afc.Cancel') }}
-      </v-btn>
-      <v-btn
-        :disabled="disableSetBtn"
-        color="primary"
-        text
-        @click="setSpool"
-      >
-        {{ $t('app.afc.SetSpool') }}
-      </v-btn>
-    </v-card-actions>
   </app-dialog>
 </template>
 
@@ -129,11 +113,8 @@ export default class AfcUnitLaneFilamentDialog extends Mixins(StateMixin, AfcMix
     }
 
     this.sendGcode(gcode.join('\n'))
-    this.closeDialog()
-  }
 
-  closeDialog () {
-    this.$emit('close')
+    this.show = false
   }
 
   @Watch('show')
diff --git a/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue b/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue
index 5c99a72a17..c0e541f47f 100644
--- a/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue
+++ b/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue
@@ -78,11 +78,7 @@ export default class AfcUnitLaneInfiniteDialog extends Mixins(StateMixin, AfcMix
   setRunout (newLane: string) {
     this.sendGcode(`SET_RUNOUT LANE=${encodeGcodeParamValue(this.name)} RUNOUT=${encodeGcodeParamValue(newLane)}`)
 
-    this.closeDialog()
-  }
-
-  closeDialog () {
-    this.$emit('close')
+    this.open = false
   }
 }
 </script>
diff --git a/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue b/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue
index efa71aae6a..41337a168f 100644
--- a/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue
+++ b/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue
@@ -69,11 +69,7 @@ export default class AfcUnitLaneMappingToolDialog extends Mixins(StateMixin, Afc
   mapTool (newTool: string) {
     this.sendGcode(`SET_MAP LANE=${encodeGcodeParamValue(this.name)} MAP=${encodeGcodeParamValue(newTool)}`)
 
-    this.closeDialog()
-  }
-
-  closeDialog () {
-    this.$emit('close')
+    this.open = false
   }
 }
 </script>

From 83e816151cd080c19c84bd4589bb5f2badf4be9d Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Mon, 8 Dec 2025 10:02:46 +0000
Subject: [PATCH 46/49] style: prettify some labels and titles

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 .../widgets/afc/AfcCardSettingsExtruder.vue          |  6 +-----
 src/components/widgets/afc/AfcCardSettingsUnit.vue   |  8 +++-----
 src/components/widgets/afc/AfcCardUnit.vue           |  6 +-----
 src/components/widgets/afc/AfcCardUnitHub.vue        |  2 +-
 src/components/widgets/afc/AfcCardUnitLane.vue       |  3 ++-
 .../widgets/afc/AfcCardUnitLaneActions.vue           |  3 ++-
 src/components/widgets/afc/AfcCardUnitLaneBody.vue   |  3 ++-
 src/components/widgets/afc/AfcCardUnitLaneEmpty.vue  |  3 ++-
 src/components/widgets/afc/AfcCardUnitLaneHeader.vue |  5 +++--
 .../afc/dialogs/AfcSettingsDialogExtruder.vue        |  8 +-------
 .../widgets/afc/dialogs/AfcSettingsDialogHub.vue     |  8 +-------
 .../widgets/afc/dialogs/AfcSettingsDialogLane.vue    | 12 +++---------
 .../afc/dialogs/AfcUnitLaneFilamentDialog.vue        |  2 +-
 .../afc/dialogs/AfcUnitLaneInfiniteDialog.vue        |  5 +++--
 .../afc/dialogs/AfcUnitLaneMappingToolDialog.vue     |  2 +-
 15 files changed, 27 insertions(+), 49 deletions(-)

diff --git a/src/components/widgets/afc/AfcCardSettingsExtruder.vue b/src/components/widgets/afc/AfcCardSettingsExtruder.vue
index 5b84415fcb..78345fdd7f 100644
--- a/src/components/widgets/afc/AfcCardSettingsExtruder.vue
+++ b/src/components/widgets/afc/AfcCardSettingsExtruder.vue
@@ -5,7 +5,7 @@
     </v-list-item-action>
     <v-list-item-content>
       <v-list-item-title>
-        {{ label }}
+        {{ $t('app.afc.ShowTool', { name: $filters.prettyCase(name) }) }}
       </v-list-item-title>
     </v-list-item-content>
   </v-list-item>
@@ -21,10 +21,6 @@ export default class AfcCardSettingsExtruder extends Mixins(StateMixin, AfcMixin
   @Prop({ type: String, required: true })
   readonly name!: string
 
-  get label (): string {
-    return this.$t('app.afc.ShowTool', { name: this.$filters.prettyCase(this.name) }).toString()
-  }
-
   get showExtruder () {
     return !this.afcHiddenExtruders
       .includes(this.name)
diff --git a/src/components/widgets/afc/AfcCardSettingsUnit.vue b/src/components/widgets/afc/AfcCardSettingsUnit.vue
index d1600d85ac..04233e0063 100644
--- a/src/components/widgets/afc/AfcCardSettingsUnit.vue
+++ b/src/components/widgets/afc/AfcCardSettingsUnit.vue
@@ -5,7 +5,7 @@
     </v-list-item-action>
     <v-list-item-content>
       <v-list-item-title>
-        {{ label }}
+        {{ $t('app.afc.ShowUnit', { name: $filters.prettyCase(unitName) }) }}
       </v-list-item-title>
     </v-list-item-content>
   </v-list-item>
@@ -21,10 +21,8 @@ export default class AfcCardSettingsUnit extends Mixins(StateMixin, AfcMixin) {
   @Prop({ type: String, required: true })
   readonly name!: string
 
-  get label (): string {
-    const unitName = this.name.substring(this.name.indexOf(' ') + 1)
-
-    return this.$t('app.afc.ShowUnit', { name: this.$filters.prettyCase(unitName) }).toString()
+  get unitName (): string {
+    return this.name.substring(this.name.indexOf(' ') + 1)
   }
 
   get showUnit () {
diff --git a/src/components/widgets/afc/AfcCardUnit.vue b/src/components/widgets/afc/AfcCardUnit.vue
index a4db9166d6..de0fc28a04 100644
--- a/src/components/widgets/afc/AfcCardUnit.vue
+++ b/src/components/widgets/afc/AfcCardUnit.vue
@@ -9,7 +9,7 @@
           >
             {{ unitIcon }}
           </v-icon>
-          {{ unitNameOutput }}
+          {{ $filters.prettyCase(unitName) }}
         </h3>
         <v-spacer />
         <afc-card-unit-hub
@@ -58,10 +58,6 @@ export default class AfcCardUnit extends Mixins(StateMixin, AfcMixin) {
     return this.name.substring(this.name.indexOf(' ') + 1)
   }
 
-  get unitNameOutput (): string {
-    return this.$filters.prettyCase(this.unitName)
-  }
-
   get unit (): KlipperPrinterAfcUnitState | undefined {
     const printer: KlipperPrinterState = this.$typedState.printer.printer
 
diff --git a/src/components/widgets/afc/AfcCardUnitHub.vue b/src/components/widgets/afc/AfcCardUnitHub.vue
index a3f360de63..81ea0b9469 100644
--- a/src/components/widgets/afc/AfcCardUnitHub.vue
+++ b/src/components/widgets/afc/AfcCardUnitHub.vue
@@ -39,7 +39,7 @@ export default class AfcCardUnitHub extends Mixins(StateMixin, AfcMixin) {
   get sensorOutput (): string {
     const status = this.sensorStatus ? this.$t('app.afc.Detected') : this.$t('app.afc.Empty')
 
-    return `${this.name} ${this.$t('app.afc.HubLoad')} - ${status}`
+    return `${this.$filters.prettyCase(this.name)} ${this.$t('app.afc.HubLoad')} - ${status}`
   }
 
   get sensorClass () {
diff --git a/src/components/widgets/afc/AfcCardUnitLane.vue b/src/components/widgets/afc/AfcCardUnitLane.vue
index 02814fa844..c610581497 100644
--- a/src/components/widgets/afc/AfcCardUnitLane.vue
+++ b/src/components/widgets/afc/AfcCardUnitLane.vue
@@ -22,6 +22,7 @@ import AfcCardUnitLaneEmpty from '@/components/widgets/afc/AfcCardUnitLaneEmpty.
 import AfcCardUnitLaneHeader from '@/components/widgets/afc/AfcCardUnitLaneHeader.vue'
 import AfcCardUnitLaneBody from '@/components/widgets/afc/AfcCardUnitLaneBody.vue'
 import AfcCardUnitLaneActions from '@/components/widgets/afc/AfcCardUnitLaneActions.vue'
+import type { KlipperPrinterAfcLaneState } from '@/store/printer/types'
 
 @Component({
   components: {
@@ -35,7 +36,7 @@ export default class AfcCardUnitLane extends Mixins(StateMixin, AfcMixin) {
   @Prop({ type: String, required: true })
   readonly name!: string
 
-  get lane () {
+  get lane (): KlipperPrinterAfcLaneState | undefined {
     return this.getAfcLaneObject(this.name)
   }
 
diff --git a/src/components/widgets/afc/AfcCardUnitLaneActions.vue b/src/components/widgets/afc/AfcCardUnitLaneActions.vue
index 59a81374b5..2fa4f802ff 100644
--- a/src/components/widgets/afc/AfcCardUnitLaneActions.vue
+++ b/src/components/widgets/afc/AfcCardUnitLaneActions.vue
@@ -75,13 +75,14 @@ import StateMixin from '@/mixins/state'
 import AfcMixin from '@/mixins/afc'
 import ToolheadMixIn from '@/mixins/toolhead'
 import { encodeGcodeParamValue } from '@/util/gcode-helpers'
+import type { KlipperPrinterAfcLaneState } from '@/store/printer/types'
 
 @Component({})
 export default class AfcCardUnitLaneActions extends Mixins(StateMixin, AfcMixin, ToolheadMixIn) {
   @Prop({ type: String, required: true })
   readonly name!: string
 
-  get lane () {
+  get lane (): KlipperPrinterAfcLaneState | undefined {
     return this.getAfcLaneObject(this.name)
   }
 
diff --git a/src/components/widgets/afc/AfcCardUnitLaneBody.vue b/src/components/widgets/afc/AfcCardUnitLaneBody.vue
index 51688ccc3f..42943258b6 100644
--- a/src/components/widgets/afc/AfcCardUnitLaneBody.vue
+++ b/src/components/widgets/afc/AfcCardUnitLaneBody.vue
@@ -100,6 +100,7 @@ import type { Spool, SpoolSelectionDialogState } from '@/store/spoolman/types'
 import AfcUnitLaneInfiniteDialog from '@/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue'
 import AfcUnitLaneFilamentDialog from '@/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue'
 import AfcFilamentReel from './AfcFilamentReel.vue'
+import type { KlipperPrinterAfcLaneState } from '@/store/printer/types'
 
 @Component({
   components: {
@@ -117,7 +118,7 @@ export default class AfcCardUnitLaneBody extends Mixins(StateMixin, AfcMixin) {
   showFilamentDialog = false
   spoolmanSelection = false
 
-  get lane () {
+  get lane (): KlipperPrinterAfcLaneState | undefined {
     return this.getAfcLaneObject(this.name)
   }
 
diff --git a/src/components/widgets/afc/AfcCardUnitLaneEmpty.vue b/src/components/widgets/afc/AfcCardUnitLaneEmpty.vue
index e4d2578f91..c854ee59b8 100644
--- a/src/components/widgets/afc/AfcCardUnitLaneEmpty.vue
+++ b/src/components/widgets/afc/AfcCardUnitLaneEmpty.vue
@@ -41,13 +41,14 @@ import { Component, Mixins, Prop } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import AfcMixin from '@/mixins/afc'
 import { encodeGcodeParamValue } from '@/util/gcode-helpers'
+import type { KlipperPrinterAfcLaneState } from '@/store/printer/types'
 
 @Component
 export default class AfcCardUnitLaneEmpty extends Mixins(StateMixin, AfcMixin) {
   @Prop({ type: String, required: true })
   readonly name!: string
 
-  get lane () {
+  get lane (): KlipperPrinterAfcLaneState | undefined {
     return this.getAfcLaneObject(this.name)
   }
 
diff --git a/src/components/widgets/afc/AfcCardUnitLaneHeader.vue b/src/components/widgets/afc/AfcCardUnitLaneHeader.vue
index f0c0f28672..e41673db31 100644
--- a/src/components/widgets/afc/AfcCardUnitLaneHeader.vue
+++ b/src/components/widgets/afc/AfcCardUnitLaneHeader.vue
@@ -7,7 +7,7 @@
         class="fill-width elevation-0"
         @click="showDialog = true"
       >
-        {{ name }} > {{ mappedTool }}
+        {{ $filters.prettyCase(name) }} > {{ mappedTool }}
       </v-btn>
       <afc-unit-lane-mapping-tool-dialog
         v-model="showDialog"
@@ -21,6 +21,7 @@ import { Component, Mixins, Prop } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import AfcMixin from '@/mixins/afc'
 import AfcUnitLaneMappingToolDialog from '@/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue'
+import type { KlipperPrinterAfcLaneState } from '@/store/printer/types'
 
 @Component({
   components: {
@@ -33,7 +34,7 @@ export default class AfcCardUnitLaneHeader extends Mixins(StateMixin, AfcMixin)
 
   showDialog = false
 
-  get lane () {
+  get lane (): KlipperPrinterAfcLaneState | undefined {
     return this.getAfcLaneObject(this.name)
   }
 
diff --git a/src/components/widgets/afc/dialogs/AfcSettingsDialogExtruder.vue b/src/components/widgets/afc/dialogs/AfcSettingsDialogExtruder.vue
index d6ad449924..a4d0412117 100644
--- a/src/components/widgets/afc/dialogs/AfcSettingsDialogExtruder.vue
+++ b/src/components/widgets/afc/dialogs/AfcSettingsDialogExtruder.vue
@@ -1,6 +1,6 @@
 <template>
   <v-card outlined>
-    <v-card-title>{{ title }}</v-card-title>
+    <v-card-title>{{ $t('app.afc.SettingsDialog.SettingsForTitle', { name: $filters.prettyCase(name) }) }}</v-card-title>
 
     <v-card-text>
       <app-setting
@@ -102,12 +102,6 @@ export default class AfcSettingsDialogExtruder extends Mixins(StateMixin, AfcMix
 
   changedValue = false
 
-  get title (): string {
-    const name = this.$filters.prettyCase(this.name)
-
-    return this.$t('app.afc.SettingsDialog.SettingsForTitle', { name }).toString()
-  }
-
   get afcSettingsExtruder (): KlipperPrinterAfcExtruderSettings | undefined {
     return this.getAfcExtruderSettings(this.name)
   }
diff --git a/src/components/widgets/afc/dialogs/AfcSettingsDialogHub.vue b/src/components/widgets/afc/dialogs/AfcSettingsDialogHub.vue
index bc93ff96bc..dd0931fd64 100644
--- a/src/components/widgets/afc/dialogs/AfcSettingsDialogHub.vue
+++ b/src/components/widgets/afc/dialogs/AfcSettingsDialogHub.vue
@@ -1,6 +1,6 @@
 <template>
   <v-card outlined>
-    <v-card-title>{{ title }}</v-card-title>
+    <v-card-title>{{ $t('app.afc.SettingsDialog.SettingsForTitle', { name: `Hub ${$filters.prettyCase(name)}` }) }}</v-card-title>
     <app-setting
       :title="$t('app.afc.SettingsDialog.BowdenLength')"
       :sub-title="$t('app.afc.SettingsDialog.BowdenLengthDescription')"
@@ -31,12 +31,6 @@ export default class AfcSettingsDialogHub extends Mixins(StateMixin, AfcMixin) {
   @Prop({ type: String, required: true })
   readonly name!: string
 
-  get title (): string {
-    const name = this.$filters.prettyCase(`Hub ${this.name}`)
-
-    return this.$t('app.afc.SettingsDialog.SettingsForTitle', { name }).toString()
-  }
-
   get afcSettingsHub (): KlipperPrinterAfcHubSettings | undefined {
     return this.getAfcHubSettings(this.name)
   }
diff --git a/src/components/widgets/afc/dialogs/AfcSettingsDialogLane.vue b/src/components/widgets/afc/dialogs/AfcSettingsDialogLane.vue
index 639c503558..35643cdd47 100644
--- a/src/components/widgets/afc/dialogs/AfcSettingsDialogLane.vue
+++ b/src/components/widgets/afc/dialogs/AfcSettingsDialogLane.vue
@@ -1,6 +1,6 @@
 <template>
   <v-card outlined>
-    <v-card-title>{{ title }}</v-card-title>
+    <v-card-title>{{ $t('app.afc.SettingsDialog.SettingsForTitle', { name: $filters.prettyCase(name) }) }}</v-card-title>
 
     <v-card-text>
       <app-setting
@@ -40,7 +40,7 @@ import { Component, Mixins, Prop } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import AfcMixin from '@/mixins/afc'
 import { encodeGcodeParamValue } from '@/util/gcode-helpers'
-import type { KlipperPrinterAfcLaneSettings, KlipperPrinterAfcStepperSettings } from '@/store/printer/types'
+import type { KlipperPrinterAfcLaneSettings, KlipperPrinterAfcLaneState, KlipperPrinterAfcStepperSettings } from '@/store/printer/types'
 
 @Component({})
 export default class AfcSettingsDialogLane extends Mixins(StateMixin, AfcMixin) {
@@ -49,17 +49,11 @@ export default class AfcSettingsDialogLane extends Mixins(StateMixin, AfcMixin)
 
   changedValue = false
 
-  get title () {
-    const name = this.$filters.prettyCase(this.name)
-
-    return this.$t('app.afc.SettingsDialog.SettingsForTitle', { name })
-  }
-
   get afcSettingsLane (): KlipperPrinterAfcLaneSettings | KlipperPrinterAfcStepperSettings | undefined {
     return this.getAfcLaneSettings(this.name)
   }
 
-  get afcLane () {
+  get afcLane (): KlipperPrinterAfcLaneState | undefined {
     return this.getAfcLaneObject(this.name)
   }
 
diff --git a/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue b/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue
index 6dd2392e88..f9f3b80d20 100644
--- a/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue
+++ b/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue
@@ -1,7 +1,7 @@
 <template>
   <app-dialog
     v-model="show"
-    :title="$t('app.afc.FilamentForLane', { name })"
+    :title="$t('app.afc.FilamentForLane', { name: $filters.prettyCase(name) })"
     width="400"
     :save-button-text="$t('app.afc.SetSpool')"
     :save-button-disabled="disableSetBtn"
diff --git a/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue b/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue
index c0e541f47f..88fc13bb24 100644
--- a/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue
+++ b/src/components/widgets/afc/dialogs/AfcUnitLaneInfiniteDialog.vue
@@ -8,7 +8,7 @@
     <v-card-text>
       <v-row>
         <v-col class="pb-0">
-          <p>{{ $t('app.afc.InfiniteSpoolDescription', { name }) }}</p>
+          <p>{{ $t('app.afc.InfiniteSpoolDescription', { name: $filters.prettyCase(name) }) }}</p>
         </v-col>
       </v-row>
       <v-row>
@@ -34,6 +34,7 @@ import { Component, Mixins, Prop, VModel } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import AfcMixin from '@/mixins/afc'
 import { encodeGcodeParamValue } from '@/util/gcode-helpers'
+import type { KlipperPrinterAfcLaneState } from '@/store/printer/types'
 
 @Component({})
 export default class AfcUnitLaneInfiniteDialog extends Mixins(StateMixin, AfcMixin) {
@@ -43,7 +44,7 @@ export default class AfcUnitLaneInfiniteDialog extends Mixins(StateMixin, AfcMix
   @Prop({ type: String, required: true })
   readonly name!: string
 
-  get lane () {
+  get lane (): KlipperPrinterAfcLaneState | undefined {
     return this.getAfcLaneObject(this.name)
   }
 
diff --git a/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue b/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue
index 41337a168f..930816ae2e 100644
--- a/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue
+++ b/src/components/widgets/afc/dialogs/AfcUnitLaneMappingToolDialog.vue
@@ -8,7 +8,7 @@
     <v-card-text>
       <v-row>
         <v-col class="pb-0">
-          <p>{{ $t('app.afc.LaneMappingToCommand', { name }) }}</p>
+          <p>{{ $t('app.afc.LaneMappingToCommand', { name: $filters.prettyCase(name) }) }}</p>
         </v-col>
       </v-row>
       <v-row>

From b4a386894e36a78d83350aa514313785b7e4848a Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Mon, 8 Dec 2025 11:15:09 +0000
Subject: [PATCH 47/49] refactor: typing improvements

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 src/components/widgets/afc/AfcCardButtons.vue | 143 ++++++++++--------
 src/locales/en.yaml                           |   1 +
 src/mixins/afc.ts                             |   4 +-
 3 files changed, 79 insertions(+), 69 deletions(-)

diff --git a/src/components/widgets/afc/AfcCardButtons.vue b/src/components/widgets/afc/AfcCardButtons.vue
index 4b0c0dfec9..b98e62616a 100644
--- a/src/components/widgets/afc/AfcCardButtons.vue
+++ b/src/components/widgets/afc/AfcCardButtons.vue
@@ -23,12 +23,12 @@
       >
         <v-tooltip
           top
-          :disabled="command.toolTipDisabled"
+          :disabled="!command.description"
         >
           <template #activator="{ on, attrs }">
             <app-btn
               class="fill-width"
-              :disabled="(command.disabledWhilePrinting && printerPrinting) || !klippyReady"
+              :disabled="!klippyReady || command.disabled"
               small
               v-bind="attrs"
               v-on="on"
@@ -45,7 +45,7 @@
             </app-btn>
           </template>
           <span>
-            {{ macroDescription(command.command) }}
+            {{ command.description }}
           </span>
         </v-tooltip>
       </v-list-item>
@@ -55,7 +55,7 @@
       >
         <v-tooltip
           top
-          :disabled="macro.toolTipDisabled"
+          :disabled="!macro.macro.description"
         >
           <template #activator="{ on, attrs }">
             <macro-btn
@@ -70,7 +70,7 @@
             </macro-btn>
           </template>
           <span>
-            {{ macroDescription(macro.macroName) }}
+            {{ macro.macro.description }}
           </span>
         </v-tooltip>
       </v-list-item>
@@ -116,6 +116,22 @@ import MacroBtn from '@/components/widgets/macros/MacroBtn.vue'
 import AfcSettingsDialog from '@/components/widgets/afc/dialogs/AfcSettingsDialog.vue'
 import type { GcodeCommands, KlipperPrinterAfcSettings, KlipperPrinterConfig, KlipperPrinterSettings, KlipperPrinterState } from '@/store/printer/types'
 import downloadUrl from '@/util/download-url'
+import type { Macro } from '@/store/macros/types'
+
+type AfcCommand = {
+  icon: string,
+  text: string,
+  command: string,
+  description?: string,
+  disabled?: boolean
+}
+
+type AfcMacro = {
+  text: string,
+  macroName: string,
+  macro: Macro,
+  disabled?: boolean
+}
 
 @Component({
   components: {
@@ -141,95 +157,88 @@ export default class AfcCardButtons extends Mixins(StateMixin, AfcMixin) {
   get commands () {
     const availableCommands = this.availableCommands
 
-    const buttons = [
-      {
+    const commands: AfcCommand[] = []
+
+    if ('AFC_CALIBRATION' in availableCommands) {
+      commands.push({
         icon: '$afcCalibration',
-        text: this.$t('app.afc.Calibrate'),
+        text: this.$t('app.afc.Calibrate').toString(),
         command: 'AFC_CALIBRATION',
-        disabled: false,
-        toolTipDisabled: this.macroTooltipDisabled('AFC_CALIBRATION'),
-        disabledWhilePrinting: true,
-      },
-    ]
+        description: availableCommands['AFC_CALIBRATION'].help,
+        disabled: this.printerPrinting
+      })
+    }
 
     if (this.afc?.led_state === true) {
-      buttons.push({
-        icon: '$afcTurnOffLed',
-        text: this.$t('app.afc.LedOff'),
-        command: 'TURN_OFF_AFC_LED',
-        disabled: false,
-        toolTipDisabled: this.macroTooltipDisabled('TURN_OFF_AFC_LED'),
-        disabledWhilePrinting: false,
-      })
+      if ('TURN_OFF_AFC_LED' in availableCommands) {
+        commands.push({
+          icon: '$afcTurnOffLed',
+          text: this.$t('app.afc.LedOff').toString(),
+          command: 'TURN_OFF_AFC_LED',
+          description: availableCommands['TURN_OFF_AFC_LED'].help
+        })
+      }
     } else {
-      buttons.push({
-        icon: '$afcTurnOnLed',
-        text: this.$t('app.afc.LedOn'),
-        command: 'TURN_ON_AFC_LED',
-        disabled: false,
-        toolTipDisabled: this.macroTooltipDisabled('TURN_ON_AFC_LED'),
-        disabledWhilePrinting: false,
-      })
+      if ('TURN_ON_AFC_LED' in availableCommands) {
+        commands.push({
+          icon: '$afcTurnOnLed',
+          text: this.$t('app.afc.LedOn').toString(),
+          command: 'TURN_ON_AFC_LED',
+          description: availableCommands['TURN_ON_AFC_LED'].help
+        })
+      }
     }
 
-    if (this.afc?.td1_present === true) {
-      buttons.push({
+    if (
+      this.afc?.td1_present === true &&
+      'AFC_GET_TD_ONE_DATA' in availableCommands
+    ) {
+      commands.push({
         icon: '',
-        text: 'Capture TD',
+        text: this.$t('app.afc.CaptureTd').toString(),
         command: 'AFC_GET_TD_ONE_DATA',
-        disabled: false,
-        toolTipDisabled: this.macroTooltipDisabled('AFC_GET_TD_ONE_DATA'),
-        disabledWhilePrinting: true,
+        description: availableCommands['AFC_GET_TD_ONE_DATA'].help,
+        disabled: this.printerPrinting
       })
     }
 
-    return buttons
-      .filter(button => button.command.toUpperCase() in availableCommands)
-  }
-
-  macroTooltipDisabled (macroName: string): boolean {
-    return !this.macroDescription(macroName)
-  }
-
-  macroDescription (macroName: string) {
-    const macro = this.$typedGetters['macros/getMacroByName'](macroName)
-
-    return macro?.description || ''
+    return commands
   }
 
   get macros () {
     const settings: KlipperPrinterAfcSettings | undefined = this.printerSettings.afc
 
-    const afcMacros = []
+    const afcMacros: AfcMacro[] = []
 
     if (settings?.wipe) {
-      const wipe_name: string = settings.wipe_cmd || 'AFC_BRUSH'
+      const macroName: string = settings.wipe_cmd || 'AFC_BRUSH'
+      const macro: Macro | undefined = this.$typedGetters['macros/getMacroByName'](macroName)
 
-      afcMacros.push({
-        text: this.$t('app.afc.BrushNozzle'),
-        macroName: wipe_name,
-        disabled: this.printerPrinting,
-        toolTipDisabled: this.macroTooltipDisabled(wipe_name),
-      })
+      if (macro != null) {
+        afcMacros.push({
+          text: this.$t('app.afc.BrushNozzle').toString(),
+          macroName,
+          macro,
+          disabled: this.printerPrinting
+        })
+      }
     }
 
     if (settings?.park) {
-      const park_name: string = settings.park_cmd || 'AFC_PARK'
+      const macroName: string = settings.park_cmd || 'AFC_PARK'
+      const macro: Macro | undefined = this.$typedGetters['macros/getMacroByName'](macroName)
 
-      afcMacros.push({
-        text: this.$t('app.afc.ParkNozzle'),
-        macroName: park_name,
-        disabled: this.printerPrinting,
-        toolTipDisabled: this.macroTooltipDisabled(park_name),
-      })
+      if (macro != null) {
+        afcMacros.push({
+          text: this.$t('app.afc.ParkNozzle').toString(),
+          macroName,
+          macro,
+          disabled: this.printerPrinting
+        })
+      }
     }
 
     return afcMacros
-      .map(button => ({
-        ...button,
-        macro: this.$typedGetters['macros/getMacroByName'](button.macroName),
-      }))
-      .filter((button) => button.macro != null)
   }
 
   downloadDebugJson () {
diff --git a/src/locales/en.yaml b/src/locales/en.yaml
index f0017e59ca..93b3efa847 100644
--- a/src/locales/en.yaml
+++ b/src/locales/en.yaml
@@ -6,6 +6,7 @@ app:
     BypassActive: "Filament loaded in bypass tool changes are deactivated!"
     Calibrate: "Calibrate"
     Cancel: "Cancel"
+    CaptureTd: "Capture TD"
     DebugJson: "Debug JSON"
     Detected: "Detected"
     EjectFilament: "Eject Filament"
diff --git a/src/mixins/afc.ts b/src/mixins/afc.ts
index add6945676..7ea828baf7 100644
--- a/src/mixins/afc.ts
+++ b/src/mixins/afc.ts
@@ -26,7 +26,7 @@ export default class AfcMixin extends Vue {
 
   get afcLoadedSpools (): Record<number, string> {
     const loadedSpools = this.afcLanes
-      .reduce((loadedSpools, laneName) => {
+      .reduce<Record<number, string>>((loadedSpools, laneName) => {
         const lane = this.getAfcLaneObject(laneName)
 
         if (lane?.spool_id) {
@@ -34,7 +34,7 @@ export default class AfcMixin extends Vue {
         }
 
         return loadedSpools
-      }, {} as Record<number, string>)
+      }, {})
 
     return loadedSpools
   }

From 609282090634960633c119dc61cfd86a497783ce Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Mon, 8 Dec 2025 12:25:24 +0000
Subject: [PATCH 48/49] refactor: typing improvements

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 .../widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue         | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue b/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue
index f9f3b80d20..fc4f3859e4 100644
--- a/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue
+++ b/src/components/widgets/afc/dialogs/AfcUnitLaneFilamentDialog.vue
@@ -92,12 +92,12 @@ export default class AfcUnitLaneFilamentDialog extends Mixins(StateMixin, AfcMix
   }
 
   @Debounce(500)
-  setColor (newColor: any) {
+  setColor (newColor: { hex: string }) {
     this.color = newColor.hex
   }
 
   setSpool () {
-    const gcode = []
+    const gcode: string[] = []
 
     if (this.color !== this.currentColor) {
       const cleanedColor = this.color.substring(1)

From b226e1b0d75813f0ca5272175e389840af804718 Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Mon, 8 Dec 2025 12:32:17 +0000
Subject: [PATCH 49/49] fix: remove fullscreen property from AfcCard

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 src/components/widgets/afc/AfcCard.vue | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/components/widgets/afc/AfcCard.vue b/src/components/widgets/afc/AfcCard.vue
index 1aa4d4540b..ce1f7741be 100644
--- a/src/components/widgets/afc/AfcCard.vue
+++ b/src/components/widgets/afc/AfcCard.vue
@@ -28,8 +28,7 @@
   </collapsable-card>
 </template>
 <script lang="ts">
-import { Component, Mixins, Prop } from 'vue-property-decorator'
-import StateMixin from '@/mixins/state'
+import { Component, Mixins } from 'vue-property-decorator'
 import AfcMixin from '@/mixins/afc'
 import AfcCardMessage from '@/components/widgets/afc/AfcCardMessage.vue'
 import AfcCardBypass from '@/components/widgets/afc/AfcCardBypass.vue'
@@ -48,10 +47,7 @@ import AfcCardSettings from '@/components/widgets/afc/AfcCardSettings.vue'
     AfcCardSettings
   }
 })
-export default class AfcCard extends Mixins(StateMixin, AfcMixin) {
-  @Prop({ type: Boolean })
-  readonly fullscreen?: boolean
-
+export default class AfcCard extends Mixins(AfcMixin) {
   get filteredExtruders (): string[] {
     return this.afcExtruders
       .filter(extruder => !this.afcHiddenExtruders.includes(extruder))