1717 < div class ="container ">
1818 < div class ="kicker "> Account</ div >
1919 < h1 > Account User Controls</ h1 >
20- < p class ="lede "> Map your physical keyboard, mouse, gamepad, joystick, controller , or touch controls to generic normalized controls.</ p >
20+ < p class ="lede "> Map your physical keyboard, mouse, game controller, joystick , or touch controls to generic normalized controls.</ p >
2121 </ div >
2222 </ section >
2323 < section class ="section ">
@@ -30,63 +30,93 @@ <h1>Account User Controls</h1>
3030 < h2 > Physical Input Mapping</ h2 >
3131 < p > Account User Controls resolves physical input to normalized controls. Game behavior stays in Game Controls.</ p >
3232 </ div >
33- < div class ="content-cluster " aria-label ="Account controller device selection ">
34- < button class ="btn " type ="button " data-account-user-controls-refresh > Refresh Devices</ button >
35- < label >
36- Physical Controller
37- < select data-account-user-controls-device > </ select >
38- </ label >
39- < button class ="btn " type ="button " data-account-user-controls-add-profile > Create User Control Profile</ button >
40- < button class ="btn primary " type ="button " data-account-user-controls-save-all > Save</ button >
41- </ div >
42- < p class ="status " role ="status " data-account-user-controls-device-status > Refresh devices, choose a physical controller, then create a user control profile.</ p >
43- < details class ="vertical-accordion " open >
44- < summary > Default Keyboard/Mouse Fallbacks</ summary >
45- < div class ="accordion-body content-stack ">
46- < p class ="status "> Keyboard and Mouse defaults are visible fallbacks. They are not saved as user-created profiles until you create and save a profile.</ p >
47- < div class ="table-wrapper ">
48- < table class ="data-table " aria-label ="Default keyboard and mouse fallbacks " data-account-user-controls-defaults >
49- < thead >
50- < tr >
51- < th > Input Family</ th >
52- < th > Physical Input</ th >
53- < th > Normalized Control</ th >
54- < th > Source</ th >
55- </ tr >
56- </ thead >
57- < tbody data-account-user-controls-default-list > </ tbody >
58- </ table >
33+ < div class ="accordion-stack ">
34+ < details class ="vertical-accordion " open data-account-user-controls-section ="Keyboard ">
35+ < summary > Keyboard</ summary >
36+ < div class ="accordion-body content-stack ">
37+ < p class ="status "> Keyboard defaults are visible fallbacks. They are not saved as user-created profiles until you create and save a profile.</ p >
38+ < div class ="table-wrapper ">
39+ < table class ="data-table " aria-label ="Default keyboard fallback " data-account-user-controls-defaults ="Keyboard ">
40+ < thead >
41+ < tr >
42+ < th > Physical Input</ th >
43+ < th > Normalized Control</ th >
44+ < th > Source</ th >
45+ </ tr >
46+ </ thead >
47+ < tbody data-account-user-controls-default-list data-account-user-controls-default-family ="Keyboard "> </ tbody >
48+ </ table >
49+ </ div >
50+ </ div >
51+ </ details >
52+ < details class ="vertical-accordion " open data-account-user-controls-section ="Mouse ">
53+ < summary > Mouse</ summary >
54+ < div class ="accordion-body content-stack ">
55+ < p class ="status "> Mouse defaults are visible fallbacks. They are not saved as user-created profiles until you create and save a profile.</ p >
56+ < div class ="table-wrapper ">
57+ < table class ="data-table " aria-label ="Default mouse fallback " data-account-user-controls-defaults ="Mouse ">
58+ < thead >
59+ < tr >
60+ < th > Physical Input</ th >
61+ < th > Normalized Control</ th >
62+ < th > Source</ th >
63+ </ tr >
64+ </ thead >
65+ < tbody data-account-user-controls-default-list data-account-user-controls-default-family ="Mouse "> </ tbody >
66+ </ table >
67+ </ div >
68+ </ div >
69+ </ details >
70+ < details class ="vertical-accordion " open data-account-user-controls-section ="Game Controllers ">
71+ < summary > Game Controllers</ summary >
72+ < div class ="accordion-body content-stack ">
73+ < div class ="content-cluster " aria-label ="Account controller device selection ">
74+ < button class ="btn " type ="button " data-account-user-controls-refresh > Refresh Devices</ button >
75+ < label >
76+ Physical Controller
77+ < select data-account-user-controls-device > </ select >
78+ </ label >
79+ < button class ="btn " type ="button " data-account-user-controls-add-profile > Create User Control Profile</ button >
80+ < button class ="btn primary " type ="button " data-account-user-controls-save-all > Save</ button >
81+ </ div >
82+ < p class ="status " role ="status " data-account-user-controls-device-status > Keyboard and Mouse are available. Game controllers auto-detect after the browser exposes them.</ p >
83+ < div class ="table-wrapper ">
84+ < table class ="data-table " aria-label ="Account user control profiles " data-account-user-controls-table >
85+ < thead >
86+ < tr >
87+ < th > Physical Controller</ th >
88+ < th > Physical Input</ th >
89+ < th > Normalized Control</ th >
90+ < th > Deadzone</ th >
91+ < th > Invert</ th >
92+ < th > Sensitivity</ th >
93+ < th > Actions</ th >
94+ </ tr >
95+ </ thead >
96+ < tbody data-account-user-controls-list > </ tbody >
97+ </ table >
98+ </ div >
99+ </ div >
100+ </ details >
101+ < details class ="vertical-accordion " data-account-user-controls-section ="Combo Inputs ">
102+ < summary > Combo Inputs</ summary >
103+ < div class ="accordion-body content-stack ">
104+ < p class ="status "> Wireframe only: Keyboard Shift + Mouse Right Click can be planned here later.</ p >
105+ </ div >
106+ </ details >
107+ < details class ="vertical-accordion " open >
108+ < summary > Supported Control Types</ summary >
109+ < div class ="accordion-body ">
110+ < ul data-account-user-controls-types > </ ul >
111+ </ div >
112+ </ details >
113+ < details class ="vertical-accordion " open >
114+ < summary > Status</ summary >
115+ < div class ="accordion-body ">
116+ < div class ="status " role ="status " data-account-user-controls-status > Account User Controls ready.</ div >
59117 </ div >
60- </ div >
61- </ details >
62- < div class ="table-wrapper ">
63- < table class ="data-table " aria-label ="Account user control profiles " data-account-user-controls-table >
64- < thead >
65- < tr >
66- < th > Physical Controller</ th >
67- < th > Physical Input</ th >
68- < th > Normalized Control</ th >
69- < th > Deadzone</ th >
70- < th > Invert</ th >
71- < th > Sensitivity</ th >
72- < th > Actions</ th >
73- </ tr >
74- </ thead >
75- < tbody data-account-user-controls-list > </ tbody >
76- </ table >
118+ </ details >
77119 </ div >
78- < details class ="vertical-accordion " open >
79- < summary > Supported Control Types</ summary >
80- < div class ="accordion-body ">
81- < ul data-account-user-controls-types > </ ul >
82- </ div >
83- </ details >
84- < details class ="vertical-accordion " open >
85- < summary > Status</ summary >
86- < div class ="accordion-body ">
87- < div class ="status " role ="status " data-account-user-controls-status > Account User Controls ready.</ div >
88- </ div >
89- </ details >
90120 </ div >
91121 </ div >
92122 </ div >
0 commit comments