diff --git a/package-lock.json b/package-lock.json
index 59b4c21f..8d7de614 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,7 +8,7 @@
       "name": "openmouse",
       "version": "0.1.0",
       "dependencies": {
-        "@openmouse/protocol": "https://github.com/OpenMouse-Project/mouse-protocol.git",
+        "@openmouse/protocol": "github:OpenMouse-Project/mouse-protocol#c10ba29",
         "preact": "^10.29.8"
       },
       "devDependencies": {
@@ -460,7 +460,7 @@
     },
     "node_modules/@openmouse/protocol": {
       "version": "0.1.0",
-      "resolved": "git+ssh://git@github.com/OpenMouse-Project/mouse-protocol.git#1d55f756abf0d1a897ca4a72d6b4832e38007d4e",
+      "resolved": "git+ssh://git@github.com/OpenMouse-Project/mouse-protocol.git#c10ba29b6ff5ef927f2cfa79d2bdb31243a26787",
       "engines": {
         "node": ">=20"
       }
diff --git a/package.json b/package.json
index 59d572ef..351ba6ae 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@openmouse/protocol": "https://github.com/OpenMouse-Project/mouse-protocol.git",
+    "@openmouse/protocol": "github:OpenMouse-Project/mouse-protocol#c10ba29",
     "preact": "^10.29.8"
   },
   "devDependencies": {
diff --git a/public/devices/README.md b/public/devices/README.md
index 2dd6e8b5..60d28188 100644
--- a/public/devices/README.md
+++ b/public/devices/README.md
@@ -71,5 +71,10 @@ a public release package.
 for Zaunkoenig M3K and is also used for the M2K entry. Confirm redistribution
 terms before including it in a public release package.
 
+`attackshark-r5-ultra.png` was supplied from a Discord attachment URL as a
+transparent render of the Attack Shark R5 Ultra and was cropped to its content
+bounds and downscaled. Confirm redistribution terms before including it in a
+public release package.
+
 `razer-viper.webp` was supplied from a Best Buy shopping page for the device. Confirm redistribution
 terms before including it in a public release package.
diff --git a/public/devices/attackshark-r5-ultra.png b/public/devices/attackshark-r5-ultra.png
new file mode 100644
index 00000000..3082069d
Binary files /dev/null and b/public/devices/attackshark-r5-ultra.png differ
diff --git a/src/app/App.tsx b/src/app/App.tsx
index 06e69b3d..a23de570 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -143,8 +143,9 @@ function Workspace({
     show(has.pulsarPro, ["profiles"]) ? <PulsarProCard key="pulsarpro" snapshot={snapshot} /> : null,
   ].filter((node) => node !== null);
 
+  const lightingZones = status.lightingZones?.length ? status.lightingZones : status.lighting ? [status.lighting] : [];
   const lighting = show(has.lighting, ["lighting"])
-    ? [<LightingCard key="lighting-tab" snapshot={snapshot} variant="tab" />]
+    ? [<LightingCard key="lighting-tab" snapshot={snapshot} variant="tab" zones={lightingZones} />]
     : [];
 
   const showProfiles = show(has.profiles, ["profiles"]);
diff --git a/src/app/Profiles.tsx b/src/app/Profiles.tsx
index 0feb697d..e4ae9f34 100644
--- a/src/app/Profiles.tsx
+++ b/src/app/Profiles.tsx
@@ -1,5 +1,6 @@
-import { useEffect, useRef, type CSSProperties, type ReactNode } from "react";
+import { useEffect, useRef, useState, type CSSProperties, type ReactNode } from "react";
 import { capabilitiesForFormat } from "@openmouse/protocol/drivers/logitech/onboard-profiles";
+import { LOGITECH_BUTTON_ACTIONS, type LogitechButtonAction } from "@openmouse/protocol/drivers/logitech/onboard-profiles";
 import * as control from "../device/controller";
 import type { ControlSnapshot } from "../device/types";
 import { IconActivate, IconDisabled, IconEnabled, IconRefresh, IconRename, IconRunning, IconTrash } from "./icons";
@@ -38,7 +39,38 @@ const ICON_BUTTON_STYLE = (disabled: boolean, active = false): CSSProperties =>
   opacity: disabled ? 0.4 : 1,
 });
 
+const SPECIAL_HID_KEYS: Readonly<Record<string, number>> = {
+  Enter: 0x28, Escape: 0x29, Backspace: 0x2a, Tab: 0x2b, Space: 0x2c,
+  Minus: 0x2d, Equal: 0x2e, BracketLeft: 0x2f, BracketRight: 0x30,
+  Backslash: 0x31, Semicolon: 0x33, Quote: 0x34, Backquote: 0x35,
+  Comma: 0x36, Period: 0x37, Slash: 0x38, CapsLock: 0x39,
+  PrintScreen: 0x46, ScrollLock: 0x47, Pause: 0x48, Insert: 0x49,
+  Home: 0x4a, PageUp: 0x4b, Delete: 0x4c, End: 0x4d, PageDown: 0x4e,
+  ArrowRight: 0x4f, ArrowLeft: 0x50, ArrowDown: 0x51, ArrowUp: 0x52,
+};
+
+function hidKeyForCode(code: string): number | null {
+  if (/^Key[A-Z]$/.test(code)) return 0x04 + code.charCodeAt(3) - 65;
+  if (/^Digit[1-9]$/.test(code)) return 0x1e + Number(code[5]) - 1;
+  if (code === "Digit0") return 0x27;
+  const functionKey = code.match(/^F([1-9]|1[0-2])$/);
+  if (functionKey) return 0x3a + Number(functionKey[1]) - 1;
+  return SPECIAL_HID_KEYS[code] ?? null;
+}
+
+function shortcutLabel(event: KeyboardEvent): string {
+  return [event.ctrlKey ? "Ctrl" : null, event.shiftKey ? "Shift" : null, event.altKey ? "Alt" : null,
+    event.metaKey ? "Meta" : null, event.key.length === 1 ? event.key.toUpperCase() : event.key]
+    .filter(Boolean).join(" + ");
+}
+
 export function Profiles({ snapshot }: { snapshot: ControlSnapshot }): ReactNode {
+  const [assignmentLayer, setAssignmentLayer] = useState<"primary" | "g-shift">("primary");
+  const [shortcutTarget, setShortcutTarget] = useState<{ layer: "primary" | "g-shift"; button: number } | null>(null);
+  const [shortcutSteps, setShortcutSteps] = useState<Array<{ key: number; modifiers: number; label: string; delayMs: number }>>([]);
+  const [shortcutRecording, setShortcutRecording] = useState(false);
+  const [shortcutError, setShortcutError] = useState("");
+  const lastShortcutAt = useRef(0);
   const inner = useRef<HTMLDivElement>(null);
   const body = useRef<HTMLDivElement>(null);
   const profiles = snapshot.onboardProfiles;
@@ -56,6 +88,9 @@ export function Profiles({ snapshot }: { snapshot: ControlSnapshot }): ReactNode
   const contentsWritable = format?.writable === true;
   const nameLimit = format ? capabilitiesForFormat(format.id).maxNameLength : null;
   const hostTags = [hostRunning ? "active" : null, hostOpened ? "editing" : null].filter(Boolean).join(" · ");
+  const openedProfile = typeof snapshot.editedProfile === "number"
+    ? profiles?.find((profile) => profile.sector === snapshot.editedProfile) ?? null
+    : null;
 
   return (
     <section
@@ -241,6 +276,146 @@ export function Profiles({ snapshot }: { snapshot: ControlSnapshot }): ReactNode
               </>
             )}
           </div>
+          {openedProfile && contentsWritable ? (
+            <div className="profile-button-editor">
+              <div className="profile-button-heading">
+                <div><p>BUTTONS</p><h2>Onboard assignments</h2><small>Choose what each physical control does in this profile.</small></div>
+                <div className="assignment-layer-tabs" role="tablist" aria-label="Assignment layer">
+                  <button type="button" role="tab" aria-selected={assignmentLayer === "primary"} onClick={() => setAssignmentLayer("primary")}>Normal</button>
+                  <button type="button" role="tab" aria-selected={assignmentLayer === "g-shift"} onClick={() => setAssignmentLayer("g-shift")}>G-Shift</button>
+                </div>
+              </div>
+              <div className="assignment-grid">
+                {(assignmentLayer === "primary" ? openedProfile.buttonAssignments : openedProfile.gShiftAssignments).map((assignment) => {
+                  const buttonNames = ["Left click", "Right click", "Wheel click", "Back", "Forward", "DPI Shift", "DPI up", "DPI down"];
+                  return (
+                    <label key={`${assignmentLayer}-${assignment.button}`} className="assignment-card">
+                      <span className="assignment-button-number">G{assignment.button + 1}</span>
+                      <span className="assignment-button-name">{buttonNames[assignment.button] ?? `Button ${assignment.button + 1}`}</span>
+                      <span className="assignment-select-wrap">
+                        <select
+                          value={assignment.action}
+                          disabled={snapshot.settingInProgress}
+                          title={assignment.action === "Custom" ? `Unknown mapping: ${assignment.raw.map((byte) => byte.toString(16).padStart(2, "0")).join(" ")}` : undefined}
+                          onChange={(event) => {
+                            const value = event.currentTarget.value;
+                            if (value === "keyboard") {
+                              setShortcutSteps([]);
+                              setShortcutRecording(false);
+                              setShortcutError("");
+                              setShortcutTarget({ layer: assignmentLayer, button: assignment.button });
+                            }
+                            else if (value.startsWith("consumer:")) control.applyLogitechConsumerAssignment(assignmentLayer, assignment.button, Number(value.slice(9)));
+                            else void control.applyLogitechButtonAssignment(assignmentLayer, assignment.button, value as LogitechButtonAction);
+                          }}
+                        >
+                          {assignment.action === "Custom" ? <option value="Custom">Custom mapping (preserved)</option> : null}
+                          {LOGITECH_BUTTON_ACTIONS.map((action) => <option key={action} value={action}>{action}</option>)}
+                          <option value="keyboard">Keyboard shortcut…</option>
+                          <option value="consumer:233">Volume up</option>
+                          <option value="consumer:234">Volume down</option>
+                          <option value="consumer:226">Mute</option>
+                          <option value="consumer:205">Play / pause</option>
+                          <option value="consumer:181">Next track</option>
+                          <option value="consumer:182">Previous track</option>
+                        </select>
+                        <i aria-hidden="true" />
+                      </span>
+                    </label>
+                  );
+                })}
+              </div>
+              <small className="setting-note">Changes are stored in this onboard profile. Existing custom macros are preserved byte-for-byte.</small>
+              {shortcutTarget ? (
+                <div className="shortcut-dialog-backdrop" role="presentation" onMouseDown={(event) => {
+                  if (event.currentTarget === event.target) setShortcutTarget(null);
+                }}>
+                  <div
+                    className="shortcut-dialog"
+                    role="dialog"
+                    aria-modal="true"
+                    aria-labelledby="shortcut-dialog-title"
+                    tabIndex={0}
+                    autoFocus
+                    onKeyDown={(event) => {
+                      if (!shortcutRecording) {
+                        if (event.key === "Escape") setShortcutTarget(null);
+                        return;
+                      }
+                      event.preventDefault(); event.stopPropagation();
+                      if (event.key === "Escape" && !event.ctrlKey && !event.shiftKey && !event.altKey && !event.metaKey) {
+                        setShortcutRecording(false);
+                        setShortcutError("");
+                        return;
+                      }
+                      if (event.repeat || ["Control", "Shift", "Alt", "Meta"].includes(event.key)) return;
+                      const key = hidKeyForCode(event.code);
+                      if (key === null) {
+                        setShortcutError(`${event.key} cannot be stored by this mouse.`);
+                        return;
+                      }
+                      const modifiers = (event.ctrlKey ? 0x01 : 0) | (event.shiftKey ? 0x02 : 0)
+                        | (event.altKey ? 0x04 : 0) | (event.metaKey ? 0x08 : 0);
+                      const now = performance.now();
+                      setShortcutSteps((steps) => [...steps, {
+                        key, modifiers, label: shortcutLabel(event),
+                        delayMs: steps.length === 0 ? 0 : Math.min(9999, Math.round(now - lastShortcutAt.current)),
+                      }]);
+                      lastShortcutAt.current = now;
+                      setShortcutError("");
+                    }}
+                  >
+                    <span className="shortcut-dialog-kicker">KEYBOARD RECORDER</span>
+                    <h3 id="shortcut-dialog-title">Record a command sequence</h3>
+                    <p>Start recording, press one shortcut or a sequence, then stop recording.</p>
+                    <button
+                      type="button"
+                      className={`shortcut-record-button${shortcutRecording ? " is-recording" : ""}`}
+                      onClick={() => {
+                        if (shortcutRecording) {
+                          setShortcutRecording(false);
+                        } else {
+                          setShortcutSteps([]);
+                          setShortcutError("");
+                          lastShortcutAt.current = performance.now();
+                          setShortcutRecording(true);
+                        }
+                      }}
+                    ><i aria-hidden="true" />{shortcutRecording ? "Stop recording" : "Record"}</button>
+                    <div className={`shortcut-capture${shortcutSteps.length ? " has-value" : ""}`} aria-live="polite">
+                      {shortcutSteps.length ? (
+                        <ol>{shortcutSteps.map((step, index) => <li key={`${step.label}-${index}`}>
+                          {index > 0 && step.delayMs > 0 ? <small>{step.delayMs} ms</small> : null}
+                          <kbd>{step.label}</kbd>
+                        </li>)}</ol>
+                      ) : shortcutRecording ? "Listening…" : "Nothing recorded yet"}
+                    </div>
+                    {shortcutError ? <small className="shortcut-error" role="alert">{shortcutError}</small> : null}
+                    {shortcutSteps.length > 1 ? <small className="shortcut-macro-note">This sequence will be saved in the mouse's onboard macro memory.</small> : null}
+                    <div className="shortcut-dialog-actions">
+                      <button type="button" onClick={() => setShortcutTarget(null)}>Cancel</button>
+                      <button
+                        type="button"
+                        className="is-primary"
+                        disabled={shortcutRecording || shortcutSteps.length === 0}
+                        onClick={() => {
+                          const shortcut = shortcutSteps[0];
+                          if (!shortcut) return;
+                          if (shortcutSteps.length === 1) {
+                            control.applyLogitechKeyboardShortcut(shortcutTarget.layer, shortcutTarget.button, shortcut.key, shortcut.modifiers);
+                          } else {
+                            void control.applyLogitechKeyboardSequence(shortcutTarget.layer, shortcutTarget.button,
+                              shortcutSteps.map(({ key, modifiers, delayMs }) => ({ key, modifiers, delayMs })));
+                          }
+                          setShortcutTarget(null);
+                        }}
+                      >{shortcutSteps.length > 1 ? "Assign sequence" : "Assign shortcut"}</button>
+                    </div>
+                  </div>
+                </div>
+              ) : null}
+            </div>
+          ) : null}
           <small id="onboard-status">{snapshot.onboardStatus}</small>
         </div>
       </div>
diff --git a/src/app/cards/LightingCard.tsx b/src/app/cards/LightingCard.tsx
index 678202e2..bcce1f84 100644
--- a/src/app/cards/LightingCard.tsx
+++ b/src/app/cards/LightingCard.tsx
@@ -1,4 +1,5 @@
-import type { ReactNode } from "react";
+import { useState, type CSSProperties, type ReactNode } from "react";
+import type { MouseLighting } from "@openmouse/protocol/drivers/mouse-types";
 import * as control from "../../device/controller";
 import type { ControlSnapshot } from "../../device/types";
 import { ColorPicker } from "../ColorPicker";
@@ -7,27 +8,36 @@ import { Segmented } from "../ui";
 export function LightingCard({
   snapshot,
   variant,
+  lighting: suppliedLighting,
+  zones,
+  zoneIndex = 0,
 }: {
   snapshot: ControlSnapshot;
   variant: "advanced" | "tab";
+  lighting?: MouseLighting;
+  zones?: MouseLighting[];
+  zoneIndex?: number;
 }): ReactNode {
-  const lighting = snapshot.status?.lighting;
+  const [selectedZone, setSelectedZone] = useState(zones && zones.length > 1 ? 1 : zoneIndex);
+  const activeZoneIndex = zones ? Math.min(selectedZone, zones.length - 1) : zoneIndex;
+  const lighting = zones?.[activeZoneIndex] ?? suppliedLighting ?? snapshot.status?.lighting;
   if (!lighting) return null;
-  const prefix = variant === "advanced" ? "lighting" : "lighting-tab";
+  const prefix = `${variant === "advanced" ? "lighting" : "lighting-tab"}-${activeZoneIndex}`;
   const disabled = snapshot.settingsPending;
   const mode = lighting.mode;
   const usesColor = mode !== null && lighting.colorModes.includes(mode);
   const usesColor2 = mode !== null && lighting.dualColorModes.includes(mode);
   const usesSpeed = mode !== null && lighting.reactiveModes.includes(mode);
   const brightnessLevels = lighting.brightnessLevels ?? [];
-  const staged = snapshot.pending.keys.includes("lighting");
+  const pendingKey = `lighting-${activeZoneIndex}`;
+  const staged = snapshot.pending.keys.includes(pendingKey);
   const sliderSpeeds = lighting.speeds.length > 8;
 
   return (
     <article
       id={`${prefix}-card`}
       className={`setting-card${staged ? " is-staged" : ""}`}
-      data-pending-key="lighting"
+      data-pending-key={pendingKey}
     >
       <div className="setting-heading">
         <div>
@@ -41,6 +51,30 @@ export function LightingCard({
         </div>
       </div>
 
+      {zones && zones.length > 1 ? (
+        <div className="lighting-zone-picker" aria-label="RGB part">
+          <div className="lighting-zone-copy">
+            <span>RGB parts</span>
+            <strong>{lighting.group ? `${lighting.group} · ${lighting.zone}` : lighting.zone}</strong>
+          </div>
+          <div className="lighting-strip" role="list" aria-label="G502 X Plus lightstrip LEDs">
+            {zones.map((zone, index) => (
+              <button
+                key={`${zone.zone}-${index}`}
+                type="button"
+                role="listitem"
+                className={index === activeZoneIndex ? "is-selected" : ""}
+                style={{ "--zone-color": zone.mode === "Off" ? "#15171a" : zone.color ?? "#15171a" } as CSSProperties}
+                title={zone.group ? `${zone.group} ${zone.zone}` : `${zone.zone} effects`}
+                aria-label={zone.group ? `${zone.group} ${zone.zone}` : zone.zone}
+                aria-pressed={index === activeZoneIndex}
+                onClick={() => setSelectedZone(index)}
+              >{zone.hardwareZoneId ?? "FX"}</button>
+            ))}
+          </div>
+        </div>
+      ) : null}
+
       <Segmented
         id={`${prefix}-modes`}
         className="lighting-modes"
@@ -48,7 +82,7 @@ export function LightingCard({
         options={lighting.modes.map((candidate) => ({ value: candidate, label: candidate }))}
         value={mode}
         disabled={disabled}
-        onChange={(next) => control.applyLighting({ mode: next as typeof mode })}
+        onChange={(next) => control.applyLighting({ mode: next as typeof mode }, activeZoneIndex)}
       />
 
       {brightnessLevels.length > 0 ? (
@@ -60,7 +94,7 @@ export function LightingCard({
             options={brightnessLevels.map((level) => ({ value: level, label: `${level}%` }))}
             value={lighting.brightness}
             disabled={disabled}
-            onChange={(brightness) => control.applyLighting({ brightness })}
+            onChange={(brightness) => control.applyLighting({ brightness }, activeZoneIndex)}
           />
         </div>
       ) : null}
@@ -77,7 +111,7 @@ export function LightingCard({
                   value={lighting.color ?? "#00ff00"}
                   disabled={disabled}
                   aria-label="Lighting colour"
-                  onChange={(event) => control.applyLighting({ color: event.currentTarget.value })}
+                  onChange={(event) => control.applyLighting({ color: event.currentTarget.value }, activeZoneIndex)}
                 />
               </label>
               {usesColor2 ? (
@@ -89,7 +123,7 @@ export function LightingCard({
                     value={lighting.color2 ?? "#ff0000"}
                     disabled={disabled}
                     aria-label="Second lighting colour"
-                    onChange={(event) => control.applyLighting({ color2: event.currentTarget.value })}
+                    onChange={(event) => control.applyLighting({ color2: event.currentTarget.value }, activeZoneIndex)}
                   />
                 </label>
               ) : null}
@@ -103,7 +137,7 @@ export function LightingCard({
                   value={lighting.color ?? "#00ff00"}
                   disabled={disabled}
                   ariaLabel="Lighting colour"
-                  onChange={(color) => control.applyLighting({ color })}
+                  onChange={(color) => control.applyLighting({ color }, activeZoneIndex)}
                 />
               </div>
               {usesColor2 ? (
@@ -114,7 +148,7 @@ export function LightingCard({
                     value={lighting.color2 ?? "#ff0000"}
                     disabled={disabled}
                     ariaLabel="Second lighting colour"
-                    onChange={(color2) => control.applyLighting({ color2 })}
+                    onChange={(color2) => control.applyLighting({ color2 }, activeZoneIndex)}
                   />
                 </div>
               ) : null}
@@ -137,7 +171,7 @@ export function LightingCard({
               key={`speed-${lighting.speed}`}
               disabled={disabled}
               aria-label="Effect speed"
-              onChange={(event) => control.applyLighting({ speed: Number(event.currentTarget.value) })}
+              onChange={(event) => control.applyLighting({ speed: Number(event.currentTarget.value) }, activeZoneIndex)}
             />
           ) : (
             <Segmented
@@ -146,7 +180,7 @@ export function LightingCard({
               options={lighting.speeds.map((speed) => ({ value: speed, label: String(speed) }))}
               value={lighting.speed}
               disabled={disabled}
-              onChange={(speed) => control.applyLighting({ speed })}
+              onChange={(speed) => control.applyLighting({ speed }, activeZoneIndex)}
             />
           )}
         </div>
diff --git a/src/app/cards/availability.ts b/src/app/cards/availability.ts
index 4184071c..fcc0b53f 100644
--- a/src/app/cards/availability.ts
+++ b/src/app/cards/availability.ts
@@ -93,8 +93,8 @@ export function cardAvailability(snapshot: ControlSnapshot): CardAvailability {
     sensor: sensor && ready,
     lightforce: Boolean(status.lightforceSwitchMode),
     superstrike: traits.logitech && status.analogButtonTuning?.buttons.length === 2,
-    lighting: Boolean(status.lighting),
-    lightingAdvanced: host && Boolean(status.lighting),
+    lighting: Boolean(status.lighting || status.lightingZones?.length),
+    lightingAdvanced: host && Boolean(status.lighting || status.lightingZones?.length),
     profiles: traits.logitech
       && status.deviceMode !== undefined && status.deviceMode !== "Unknown",
     logitechDetails: traits.logitech,
diff --git a/src/check-scan.ts b/src/check-scan.ts
index d3794f61..89acba29 100644
--- a/src/check-scan.ts
+++ b/src/check-scan.ts
@@ -21,7 +21,7 @@ export const BRANDS: Record<number, string> = {
   0x3710: "Pulsar",
   0x3367: "Endgame Gear",
   0x36A7: "WLMouse",
-  0x373E: "Lamzu",
+  0x373E: "Lamzu / CRDRAKO / Attack Shark",
   0x3554: "Teevolution / VGN",
   0x373B: "ATK",
   0x361D: "Finalmouse",
diff --git a/src/control-profiles.css b/src/control-profiles.css
index 3b123a97..a2a8f3f6 100644
--- a/src/control-profiles.css
+++ b/src/control-profiles.css
@@ -94,6 +94,49 @@
 .control-shell .settings-grid.has-dpi-slots { grid-template-rows:minmax(176px,auto) }
 .control-shell .settings-grid.has-dpi-slots .dpi-card { grid-row:auto }
 
+.profile-button-editor { margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-rule) }
+.profile-button-heading { display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:.8rem }
+.profile-button-heading p { margin:0 0 .3rem;color:var(--faint);font-family:var(--font-mono);font-size:.55rem;letter-spacing:.09em }
+.profile-button-heading h2 { margin:0;color:var(--text-hover);font-size:1rem;font-weight:550 }
+.profile-button-heading small { display:block;margin-top:.25rem;color:var(--text-faint);font-size:.62rem }
+.assignment-layer-tabs { display:flex;padding:.2rem;border:1px solid var(--border);border-radius:8px;background:var(--surface-control) }
+.assignment-layer-tabs button { min-width:5rem;padding:.38rem .55rem;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:.62rem;cursor:pointer }
+.assignment-layer-tabs button[aria-selected="true"] { background:var(--surface-raised);color:var(--ui-accent);box-shadow:0 1px 5px rgb(0 0 0 / 25%) }
+.assignment-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem }
+.assignment-card { display:grid;grid-template-columns:2rem minmax(5rem,.55fr) minmax(9rem,1fr);align-items:center;gap:.55rem;min-width:0;padding:.55rem .6rem;border:1px solid var(--border);border-radius:8px;background:var(--surface-raised) }
+.assignment-button-number { display:grid;width:1.8rem;height:1.8rem;place-items:center;border:1px solid var(--border);border-radius:6px;background:var(--surface-control);color:var(--ui-accent);font-family:var(--font-mono);font-size:.55rem }
+.assignment-button-name { overflow:hidden;color:var(--text-hover);font-size:.65rem;text-overflow:ellipsis;white-space:nowrap }
+.assignment-select-wrap { position:relative;min-width:0 }
+.assignment-select-wrap select { width:100%;box-sizing:border-box;padding:.42rem 1.8rem .42rem .55rem;border:1px solid var(--border);border-radius:6px;appearance:none;background:var(--surface-control);color:var(--text-input);color-scheme:dark;font-size:.64rem;cursor:pointer }
+.assignment-select-wrap select:hover:not(:disabled),.assignment-select-wrap select:focus-visible { border-color:var(--ui-accent);outline:0 }
+.assignment-select-wrap i { position:absolute;top:50%;right:.65rem;width:.32rem;height:.32rem;border-right:1px solid var(--muted);border-bottom:1px solid var(--muted);pointer-events:none;transform:translateY(-65%) rotate(45deg) }
+@media (max-width:900px) { .assignment-grid { grid-template-columns:1fr } }
+@media (max-width:560px) { .profile-button-heading { align-items:stretch;flex-direction:column }.assignment-card { grid-template-columns:2rem 1fr }.assignment-select-wrap { grid-column:1 / -1 } }
+.shortcut-dialog-backdrop { position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:1rem;background:rgb(0 0 0 / 68%);backdrop-filter:blur(4px) }
+.shortcut-dialog { width:min(25rem,100%);box-sizing:border-box;padding:1.2rem;border:1px solid var(--border-hover);border-radius:11px;background:var(--surface-menu);box-shadow:0 20px 60px rgb(0 0 0 / 60%);outline:0 }
+.shortcut-dialog:focus-visible { border-color:var(--ui-accent) }
+.shortcut-dialog-kicker { color:var(--ui-accent);font-family:var(--font-mono);font-size:.54rem;letter-spacing:.1em }
+.shortcut-dialog h3 { margin:.35rem 0 .3rem;color:var(--text-hover);font-size:1.05rem;font-weight:550 }
+.shortcut-dialog p { margin:0;color:var(--text-faint);font-size:.66rem;line-height:1.5 }
+.shortcut-record-button { display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;margin-top:1rem;padding:.55rem;border:1px solid var(--border-hover);border-radius:7px;background:var(--surface-control);color:var(--text-hover);font-size:.67rem;font-weight:650;cursor:pointer }
+.shortcut-record-button i { width:.55rem;height:.55rem;border-radius:50%;background:#e2686f;box-shadow:0 0 0 3px rgb(226 104 111 / 12%) }
+.shortcut-record-button.is-recording { border-color:#e2686f;color:#f08b91 }
+.shortcut-record-button.is-recording i { border-radius:2px;animation:shortcut-pulse 1s ease-in-out infinite }
+@keyframes shortcut-pulse { 50% { opacity:.45 } }
+.shortcut-capture { display:grid;min-height:3.25rem;margin:1rem 0 .45rem;place-items:center;border:1px dashed var(--border-hover);border-radius:8px;background:var(--surface-control);color:var(--muted);font-family:var(--font-mono);font-size:.78rem }
+.shortcut-capture.has-value { border-style:solid;border-color:var(--ui-accent);color:var(--text-hover);box-shadow:inset 0 0 18px color-mix(in srgb,var(--ui-accent) 8%,transparent) }
+.shortcut-capture ol { display:flex;width:100%;box-sizing:border-box;align-items:center;gap:.4rem;overflow-x:auto;margin:0;padding:.7rem;list-style:none }
+.shortcut-capture li { display:flex;flex:0 0 auto;align-items:center;gap:.35rem }
+.shortcut-capture li + li::before { color:var(--ghost);content:"→" }
+.shortcut-capture kbd { padding:.35rem .48rem;border:1px solid var(--border-hover);border-radius:5px;background:var(--surface-raised);color:var(--text-hover);font:600 .63rem var(--font-mono);box-shadow:0 2px 0 var(--border) }
+.shortcut-capture li small { color:var(--ghost);font-size:.48rem }
+.shortcut-error { display:block;color:#e2686f;font-size:.62rem }
+.shortcut-macro-note { display:block;margin-top:.45rem;color:var(--text-faint);font-size:.59rem;line-height:1.4 }
+.shortcut-dialog-actions { display:flex;justify-content:flex-end;gap:.45rem;margin-top:1rem }
+.shortcut-dialog-actions button { padding:.45rem .7rem;border:1px solid var(--border);border-radius:6px;background:var(--surface-control);color:var(--muted);font-size:.63rem;cursor:pointer }
+.shortcut-dialog-actions button.is-primary { border-color:var(--ui-accent);background:var(--ui-accent);color:var(--ui-accent-ink);font-weight:650 }
+.shortcut-dialog-actions button:disabled { opacity:.4;cursor:default }
+
 /* `.segmented` and friends set display, which outranks the user-agent
    `[hidden] { display: none }` rule — so hiding those rows by setting the
    hidden property silently did nothing. Make the attribute win everywhere. */
diff --git a/src/control.css b/src/control.css
index 63943358..a6265db0 100644
--- a/src/control.css
+++ b/src/control.css
@@ -688,6 +688,16 @@ nav { display: grid; gap: .3rem; margin-top: 1.4rem; }
 .lighting-color-picker.is-disabled { opacity: .45; pointer-events: none; }
 .lighting-speed-row { margin-top: 1rem; }
 .lighting-speed-row .segmented { grid-template-columns: repeat(4, 1fr); max-width: 15rem; }
+.lighting-zone-picker { display:grid;grid-template-columns:minmax(9rem,.35fr) minmax(18rem,1fr);align-items:end;gap:1rem;margin:0 0 1rem;padding:.8rem;border:1px solid var(--border);border-radius:9px;background:var(--surface-raised) }
+.lighting-zone-copy { display:grid;gap:.25rem }
+.lighting-zone-copy span { color:var(--faint);font-family:var(--font-mono);font-size:.55rem;letter-spacing:.09em;text-transform:uppercase }
+.lighting-zone-copy strong { color:var(--text-hover);font-size:.82rem;font-weight:550 }
+.lighting-strip { display:grid;grid-template-columns:1.15fr repeat(8,1fr);gap:.3rem;align-items:center }
+.lighting-strip button { position:relative;min-width:0;height:2.2rem;padding:0;border:1px solid color-mix(in srgb,var(--zone-color) 45%,var(--border));border-radius:7px;background:color-mix(in srgb,var(--zone-color) 74%,#090b0d);color:#fff;font-family:var(--font-mono);font-size:.52rem;box-shadow:inset 0 0 14px color-mix(in srgb,var(--zone-color) 50%,transparent);cursor:pointer }
+.lighting-strip button:first-child { margin-right:.2rem;background:var(--surface-control);box-shadow:none;color:var(--muted) }
+.lighting-strip button:hover,.lighting-strip button.is-selected { border-color:var(--ui-accent);outline:1px solid color-mix(in srgb,var(--ui-accent) 35%,transparent);outline-offset:1px }
+.lighting-strip button.is-selected::after { position:absolute;right:25%;bottom:-.48rem;left:25%;height:2px;border-radius:2px;background:var(--ui-accent);content:"" }
+@media (max-width:760px) { .lighting-zone-picker { grid-template-columns:1fr }.lighting-strip { overflow-x:auto;grid-template-columns:3.5rem repeat(8,minmax(2.2rem,1fr)) } }
 
 .dpi-header-actions { display: flex; align-items: center; gap: .45rem; }
 .dpi-header-actions button { padding: .38rem .6rem; border: 1px solid var(--line-strong); border-radius: 6px; background: var(--surface-input); color: var(--dim); font-size: .62rem; font-weight: 700; white-space: nowrap; }
diff --git a/src/device/controller.ts b/src/device/controller.ts
index 1c777325..08ada64f 100644
--- a/src/device/controller.ts
+++ b/src/device/controller.ts
@@ -72,6 +72,9 @@ import {
   validateBunnyHoppingMs,
   type DpiStageCapabilities,
   type DpiStagePlan,
+  type LogitechButtonAction,
+  type LogitechButtonBinding,
+  type LogitechMacroStep,
 } from "@openmouse/protocol/drivers/logitech/onboard-profiles";
 import { setCaptureContext } from "../capture-context";
 import type { MouseLighting, MouseStatus } from "@openmouse/protocol/drivers/mouse-types";
@@ -1916,6 +1919,69 @@ export async function toggleOnboardProfileEnabled(sector: number, enabled: boole
   }
 }
 
+export async function applyLogitechButtonAssignment(
+  layer: "primary" | "g-shift",
+  button: number,
+  binding: LogitechButtonAction | LogitechButtonBinding,
+): Promise<void> {
+  const client = logitechClient();
+  const entry = editedProfileEntry();
+  if (!client || !entry || settingInProgress) return;
+  settingInProgress = true;
+  const label = typeof binding === "string" ? binding : binding.kind === "keyboard" ? "keyboard shortcut" : "media key";
+  setOnboardStatus(`Assigning button ${button + 1} to ${label}…`);
+  recordDiagnosticCommand(`Map ${layer} button ${button + 1} to ${label}`);
+  try {
+    await client.writeActiveProfile({
+      sector: entry.sector,
+      buttonAssignments: [{ layer, button, binding }],
+    });
+    await reloadOnboardProfiles();
+    setOnboardStatus(`Button ${button + 1} is now ${label}.`);
+  } catch (error) {
+    recordDiagnosticError(error, "Unable to change the button assignment.");
+    setOnboardStatus(error instanceof Error ? error.message : "Unable to change the button assignment.");
+  } finally {
+    endDeviceWrite();
+  }
+}
+
+export function applyLogitechConsumerAssignment(layer: "primary" | "g-shift", button: number, usage: number): void {
+  void applyLogitechButtonAssignment(layer, button, { kind: "consumer", usage });
+}
+
+export function applyLogitechKeyboardShortcut(
+  layer: "primary" | "g-shift",
+  button: number,
+  key: number,
+  modifiers: number,
+): void {
+  void applyLogitechButtonAssignment(layer, button, { kind: "keyboard", key, modifiers });
+}
+
+export async function applyLogitechKeyboardSequence(
+  layer: "primary" | "g-shift",
+  button: number,
+  steps: LogitechMacroStep[],
+): Promise<void> {
+  const client = logitechClient();
+  const entry = editedProfileEntry();
+  if (!client || !entry || settingInProgress || !steps.length) return;
+  settingInProgress = true;
+  setOnboardStatus(`Saving ${steps.length}-step macro to button ${button + 1}…`);
+  recordDiagnosticCommand(`Map ${layer} button ${button + 1} to a ${steps.length}-step onboard macro`);
+  try {
+    await client.writeActiveProfile({ sector: entry.sector, buttonMacros: [{ layer, button, steps }] });
+    await reloadOnboardProfiles();
+    setOnboardStatus(`Button ${button + 1} now runs the recorded ${steps.length}-step macro.`);
+  } catch (error) {
+    recordDiagnosticError(error, "Unable to save the onboard macro.");
+    setOnboardStatus(error instanceof Error ? error.message : "Unable to save the onboard macro.");
+  } finally {
+    endDeviceWrite();
+  }
+}
+
 export function renameOnboardProfile(sector: number): void {
   const entry = onboardProfiles?.find((profile) => profile.sector === sector);
   if (!entry || !logitechClient()) return;
@@ -2294,23 +2360,29 @@ export function describeLighting(lighting: MouseLighting): string {
 
 export function applyLighting(
   patch: Partial<Pick<MouseLighting, "mode" | "color" | "color2" | "speed" | "brightness">>,
+  zoneIndex = 0,
 ): void {
-  if (!hasActiveClient() || !latestDeviceStatus?.lighting) {
+  const deviceStatus = latestDeviceStatus;
+  const source = deviceStatus?.lightingZones?.[zoneIndex] ?? (zoneIndex === 0 ? deviceStatus?.lighting : undefined);
+  if (!hasActiveClient() || !deviceStatus || !source) {
     setReadStatus("Lighting is not available for this mouse.");
     return;
   }
-  const staged = { ...withPendingChanges(latestDeviceStatus).lighting!, ...patch } as MouseLighting;
+  const pendingStatus = withPendingChanges(deviceStatus);
+  const stagedSource = pendingStatus.lightingZones?.[zoneIndex] ?? pendingStatus.lighting!;
+  const staged = { ...stagedSource, ...patch } as MouseLighting;
   if (!staged.mode) {
     setReadStatus("Pick an effect first.");
     return;
   }
   stageChange({
-    key: "lighting",
-    label: `Lighting ${staged.mode.toLowerCase()}`,
-    command: `Set lighting to ${describeLighting(staged)}`,
+    key: `lighting-${zoneIndex}`,
+    label: `${staged.zone} lighting ${staged.mode.toLowerCase()}`,
+    command: `Set ${staged.zone} lighting to ${describeLighting(staged)}`,
     progress: `Setting ${staged.mode.toLowerCase()} lighting…`,
     preview: (status) => {
-      if (status.lighting) status.lighting = { ...status.lighting, ...staged } as MouseLighting;
+      if (status.lightingZones?.[zoneIndex]) status.lightingZones[zoneIndex] = { ...staged };
+      if (zoneIndex === 0 && status.lighting) status.lighting = { ...status.lighting, ...staged } as MouseLighting;
     },
     apply: async () => {
       await requireClientMethod("setLighting", "the lighting").setLighting(staged);
@@ -2633,7 +2705,7 @@ async function loadPreviewEntries(): Promise<void> {
   if (!previewModeEnabled || previewEntries.length > 0) return;
   const { PREVIEW_FIXTURES } = await import("../preview-fixtures");
   previewEntries = [
-    ["slots", "Logitech PRO X Superlight 2"],
+    ["slots", "Logitech G502 X PLUS"],
     ["superstrike", "Logitech PRO X 2 Superstrike"],
     ...Object.entries(PREVIEW_FIXTURES).map(([key, fixture]) => [key, fixture.label] as [string, string]),
   ];
@@ -2646,7 +2718,7 @@ function previewClient(): LogitechHidppClient {
   };
   // Real prototype: the driver accessors test with instanceof.
   return Object.assign(Object.create(LogitechHidppClient.prototype) as LogitechHidppClient, {
-    writeActiveProfile: refuse,
+    writeActiveProfile: async () => undefined,
     setBunnyHoppingMs: refuse,
     setProfileDpiStages: refuse,
     setModeStatus: refuse,
@@ -2663,6 +2735,8 @@ function showSlotsPreview(): void {
     { x: 2400, y: 2400, lod: 2 },
     { x: 3200, y: 3200, lod: 3 },
   ];
+  const normalActions = ["Left click", "Right click", "Middle click", "Back", "Forward", "DPI Shift", "Next DPI", "Cycle profiles"] as const;
+  const shiftedActions = ["Previous profile", "Next profile", "Battery indicator", "Tilt left", "Tilt right", "Default DPI", "Previous DPI", "Disabled"] as const;
   onboardProfiles = [1, 2, 3].map((index) => ({
     sector: index,
     enabled: index !== 3,
@@ -2676,12 +2750,15 @@ function showSlotsPreview(): void {
     powerSaveTimeoutSeconds: 60,
     powerOffTimeoutSeconds: 300,
     bunnyHoppingMs: 100,
+    buttonAssignments: normalActions.map((action, button) => ({ button, action, raw: [0x90, 0, 0, 0] })),
+    gShiftAssignments: shiftedActions.map((action, button) => ({ button, action, raw: [0x90, 0, 0, 0] })),
     crcValid: true,
+    raw: new Uint8Array(255),
   } as OnboardProfile));
   active = previewClient();
   applyStatus({
     brand: "Logitech",
-    name: "PRO X SUPERLIGHT 2",
+    name: "G502 X PLUS",
     ui: { family: "logitech-hidpp", lodRequiresSurface: true },
     batteryPercent: 72,
     batteryState: "Discharging",
@@ -2695,13 +2772,42 @@ function showSlotsPreview(): void {
     onboardProfileFormat: { id: 7, name: "unnamed (v6 + bunny hopping)", base: "v6", supported: true, verified: true, writable: true },
     gamingSurfaceMode: "Auto",
     lightforceSwitchMode: "Hybrid",
+    lighting: {
+      zone: "Combined", modes: ["Off", "Static", "Cycling", "Wave", "Breathing single"], mode: "Static",
+      color: "#7c5cff", color2: null, colorModes: ["Static", "Breathing single"], dualColorModes: [],
+      reactiveModes: ["Cycling", "Wave", "Breathing single"], speeds: [1000, 2000, 3000, 5000, 10000], speed: 5000,
+      writeOnly: true,
+    },
+    lightingZones: [
+      {
+        zone: "Combined", modes: ["Off", "Static", "Cycling", "Wave", "Breathing single"], mode: "Static",
+        color: "#7c5cff", color2: null, colorModes: ["Static", "Breathing single"], dualColorModes: [],
+        reactiveModes: ["Cycling", "Wave", "Breathing single"], speeds: [1000, 2000, 3000, 5000, 10000], speed: 5000,
+        writeOnly: true,
+      },
+      ...["#7c5cff", "#5f78ff", "#39a7ff", "#2bc8d4", "#35d59a", "#a0dc55", "#f0c247", "#ff744f"].map((color, index) => ({
+        zone: `LED ${index + 1}`,
+        group: "Lightstrip",
+        hardwareZoneId: index + 1,
+        modes: ["Off", "Static"] as const,
+        mode: "Static" as const,
+        color,
+        color2: null,
+        colorModes: ["Static"] as const,
+        dualColorModes: [] as const,
+        reactiveModes: [] as const,
+        speeds: [] as const,
+        speed: null,
+        writeOnly: true,
+      })),
+    ],
     activeProfile: 1,
     deviceMode: "Onboard",
     connectionType: "Wireless",
     firmware: ["MPM 39.00.B0004"],
   });
   setConnectionButtons(true, "Preview mode");
-  setReadStatus("Preview: profile format 7 with five DPI slots.");
+  setReadStatus("Preview: G502 X PLUS performance, onboard profiles, button remapping and RGB lighting.");
 }
 
 function showSuperstrikePreview(): void {
diff --git a/src/device/traits.ts b/src/device/traits.ts
index 585121f7..48798f5a 100644
--- a/src/device/traits.ts
+++ b/src/device/traits.ts
@@ -41,6 +41,7 @@ const BY_FAMILY: Readonly<Record<string, Partial<DriverTraits>>> = {
   vgn: SHARED_ADVANCED,
   wlmouse: DIRECT_MODE,
   lamzu: DIRECT_MODE,
+  "attack-shark": DIRECT_MODE,
   crdrako: DIRECT_MODE,
   atk: DIRECT_MODE,
   ninjutso: { ...DIRECT_MODE, ninjutso: true },
@@ -52,6 +53,7 @@ const BY_BRAND: Readonly<Record<string, string>> = {
   Pulsar: "pulsar",
   VGN: "vgn",
   Logitech: "logitech-hidpp",
+  "Attack Shark": "attack-shark",
 };
 
 export function familyOf(status: MouseStatus): string {
diff --git a/src/preview-fixtures.ts b/src/preview-fixtures.ts
index 40b2d6d5..fe5881e5 100644
--- a/src/preview-fixtures.ts
+++ b/src/preview-fixtures.ts
@@ -198,6 +198,29 @@ const CRDRAKO: MouseStatus = {
   firmware: ["Mouse 1.0.3", "Dongle 1.0.2"],
 };
 
+const ATTACKSHARK: MouseStatus = {
+  brand: "Attack Shark" as MouseStatus["brand"],
+  name: "Attack Shark R5 Ultra",
+  ui: { family: "attack-shark", hideUnsupportedPollingRates: true, forceShowBattery: true },
+  batteryPercent: 82,
+  batteryState: "Discharging",
+  dpi: 1600,
+  dpiY: 1600,
+  supportsSeparateDpiAxes: true,
+  pollingRateHz: 8000,
+  supportedPollingRates: [500, 1000, 2000, 4000, 8000],
+  activeProfile: 1,
+  liftOffDistance: "Medium",
+  connectionType: "Wireless",
+  connectionDetail: "2.4 GHz receiver",
+  motionSync: true,
+  angleSnapping: false,
+  rippleControl: false,
+  debounceMs: 3,
+  sleepTimeout: 60,
+  firmware: ["Mouse 1.0.4", "Dongle 1.0.3"],
+};
+
 const M3K: MouseStatus = {
   // The Zaunkoenig driver is being prepared in mouse-protocol. This assertion
   // can disappear when the website refreshes to that package revision.
@@ -537,6 +560,7 @@ export const PREVIEW_FIXTURES: Record<FixturePreviewMode, PreviewFixture> = {
   "egg-xm2we": { label: "Endgame Gear XM2we", status: EGG_XM2WE },
   wlmouse: { label: "WLMouse BEAST X", status: WLMOUSE },
   lamzu: { label: "Lamzu Atlantis OG V2", status: LAMZU },
+  "attack-shark": { label: "Attack Shark R5 Ultra", status: ATTACKSHARK },
   crdrako: { label: "CRDRAKO KO-ONE", status: CRDRAKO },
   m3k: { label: "Zaunkoenig M3K", status: M3K },
   atk: { label: "ATK A9 Ultra", status: ATK },
diff --git a/src/preview-modes.ts b/src/preview-modes.ts
index 3ff5ced2..2712dcb6 100644
--- a/src/preview-modes.ts
+++ b/src/preview-modes.ts
@@ -15,6 +15,7 @@ export const PREVIEW_KEYS = [
   "egg-xm2we",
   "wlmouse",
   "lamzu",
+  "attack-shark",
   "crdrako",
   "m3k",
   "atk",
@@ -53,6 +54,7 @@ export function parsePreviewMode(value: string | null): PreviewMode | null {
     case "egg-xm2we": return "egg-xm2we";
     case "wlmouse": return "wlmouse";
     case "lamzu": return "lamzu";
+    case "attack-shark": return "attack-shark";
     case "crdrako": return "crdrako";
     case "m3k": return "m3k";
     case "atk": return "atk";
diff --git a/src/ui/device-images.test.ts b/src/ui/device-images.test.ts
index 1e59b012..57bf1eb9 100644
--- a/src/ui/device-images.test.ts
+++ b/src/ui/device-images.test.ts
@@ -21,3 +21,10 @@ test("fixture previews resolve product art without a HID device", () => {
   assert.equal(deviceImage(null, "Zaunkoenig M3K"), "/devices/zaunkoenig-m3k.png");
   assert.equal(deviceImage(null, "Zaunkoenig M2K"), "/devices/zaunkoenig-m3k.png");
 });
+
+test("Attack Shark R5 Ultra wired and wireless share the same artwork", () => {
+  const hid373e = (productId: number): HIDDevice => ({ vendorId: 0x373e, productId } as HIDDevice);
+  assert.equal(deviceImage(hid373e(0x0046)), "/devices/attackshark-r5-ultra.png");
+  assert.equal(deviceImage(hid373e(0x0047)), "/devices/attackshark-r5-ultra.png");
+  assert.equal(deviceImage(null, "Attack Shark R5 Ultra"), "/devices/attackshark-r5-ultra.png");
+});
diff --git a/src/ui/device-images.ts b/src/ui/device-images.ts
index c3f0d487..11595651 100644
--- a/src/ui/device-images.ts
+++ b/src/ui/device-images.ts
@@ -26,6 +26,9 @@ const DEVICE_IMAGES: ReadonlyMap<string, string> = new Map([
   // CRDRAKO KO-ONE wired and receiver transports share the same shell.
   ["373e:006a", "/devices/crdrako-ko-one.png"],
   ["373e:006b", "/devices/crdrako-ko-one.png"],
+  // Attack Shark R5 Ultra wired and wireless transports share the same shell.
+  ["373e:0046", "/devices/attackshark-r5-ultra.png"],
+  ["373e:0047", "/devices/attackshark-r5-ultra.png"],
   // OP1 8K, Purple Frost, and v2. XM2 models use different shells.
   ["3367:1964", "/devices/endgame-gear-op1-8k.png"],
   ["3367:1976", "/devices/endgame-gear-op1-8k.png"],
@@ -82,6 +85,7 @@ export function deviceImage(device: HIDDevice | null | undefined, displayName =
   if (/\bviper\s*v2\s*pro\b/i.test(displayName)) return "/devices/razer-viper-v2-pro.png";
   if (/\bnape\s*pro\b/i.test(displayName)) return "/devices/keychron-nape-pro.png";
   if (/\bko-one\b/i.test(displayName)) return "/devices/crdrako-ko-one.png";
+  if (/\br5\s*ultra\b/i.test(displayName)) return "/devices/attackshark-r5-ultra.png";
   if (/\bm[23]k\b/i.test(displayName)) return "/devices/zaunkoenig-m3k.png";
   return "/devices/unknown-device.png";
 }