Release Healer Man 0.1.37

src/ui/UiLayoutEditor.tsx

@@ -138,6 +138,23 @@ export function UiLayoutEditor() {
         </div>)}
         <button type="button" onClick={() => ui.updateDraft((layout) => ({ ...layout, elements: defaultUiLayout().elements }))}>Reset all positions and visibility</button>
       </details>
+      <details open className="ui-layout-editor__dps"><summary>DPS meter</summary>
+        <label><input type="checkbox" checked={draft.elements.dps.visible} onChange={(event) => ui.updateDraft((layout) => ({ ...layout,
+          elements: { ...layout.elements, dps: { ...layout.elements.dps, visible: event.target.checked } },
+        }))} />Show DPS meter</label>
+        <label>Screen<select aria-label="DPS meter screen" value={draft.dpsMeterDisplay} onChange={(event) => ui.updateDraft((layout) => ({ ...layout,
+          dpsMeterDisplay: event.target.value as typeof layout.dpsMeterDisplay,
+          elements: { ...layout.elements, dps: { ...layout.elements.dps, position: null } },
+        }))}>
+          <option value="auto">Automatic · PC lower left / Thor bottom</option>
+          <option value="main">Main screen</option><option value="companion">Companion screen</option>
+        </select></label>
+        <label>Width<input type="range" aria-label="DPS meter width" min={160} max={600} step={10} value={draft.elements.dps.width ?? 230}
+          onChange={(event) => ui.updateDraft((layout) => ({ ...layout, elements: { ...layout.elements,
+            dps: { ...layout.elements.dps, width: Number(event.target.value) },
+          } }))} /><output>{draft.elements.dps.width ?? 230}px</output></label>
+        <p>Drag the DPS label on its screen to move it. Damage includes pets and summons. The last fight stays visible until the next pull.</p>
+      </details>
       {ui.device === "pc" && <details open><summary>PC action bars</summary>
         <label className="ui-layout-editor__check"><input type="checkbox" checked={draft.wowBars} onChange={(event) => ui.updateDraft((layout) => {
           const combat = useCombatStore.getState();