refactor(web/menu): radial menu visibility handling

web/src/features/dev/debug/radial.ts

@@ -0,0 +1,20 @@
+import { debugData } from '../../../utils/debugData';
+import type { MenuItem } from '../../menu/radial';
+
+export const debugRadial = () => {
+  debugData<{ items: MenuItem[]; sub?: boolean }>([
+    {
+      action: 'openRadialMenu',
+      data: {
+        items: [
+          // TODO: Fix wheel being broken when there's only one item
+          { icon: 'palette', label: 'Paint' },
+          { icon: 'warehouse', label: 'Garage' },
+          { icon: 'palette', label: 'Quite long text' },
+          { icon: 'palette', label: 'Paint' },
+          { icon: 'warehouse', label: 'Garage' },
+        ],
+      },
+    },
+  ]);
+};

web/src/features/dev/index.tsx

@@ -9,6 +9,7 @@ import { debugCircleProgressbar, debugProgressbar } from './debug/progress';
 import { debugTextUI } from './debug/textui';
 import { debugSkillCheck } from './debug/skillcheck';
 import { useState } from 'react';
+import { debugRadial } from './debug/radial';
 
 const Dev: React.FC = () => {
   const [opened, setOpened] = useState(false);
@@ -46,6 +47,9 @@ const Dev: React.FC = () => {
           <Button fullWidth onClick={() => debugMenu()}>
             Open list menu
           </Button>
+          <Button fullWidth onClick={() => debugRadial()}>
+            Open radial menu
+          </Button>
           <Divider />
           <Button fullWidth onClick={() => debugCustomNotification()}>
             Send notification