优化面板

example/web_admin/index.html

@@ -212,15 +212,38 @@
                     
                     <div class="bg-dark-800 rounded-2xl border border-dark-700 p-6">
                         <h3 class="text-lg font-bold text-white mb-4">Web CLI</h3>
-                        <div class="mb-4 text-sm text-slate-400 bg-dark-900/50 p-3 rounded-lg border border-dark-700 font-mono leading-relaxed">
-                            <div class="flex flex-wrap gap-x-6 gap-y-2">
-                                <span><span class="text-brand-500">GET</span> &lt;key&gt;</span>
-                                <span><span class="text-brand-500">SET</span> &lt;key&gt; &lt;val&gt;</span>
-                                <span><span class="text-brand-500">DEL</span> &lt;key&gt;</span>
-                                <span><span class="text-brand-500">SEARCH</span> &lt;pattern&gt;</span>
-                                <span><span class="text-brand-500">COUNT</span> &lt;pattern&gt;</span>
-                                <span><span class="text-brand-500">INFO</span></span>
-                                <span><span class="text-brand-500">HELP</span></span>
+                        <div class="mb-4 text-sm text-slate-400 bg-dark-900/50 p-3 rounded-lg border border-dark-700 font-mono leading-relaxed max-h-40 overflow-y-auto">
+                            <div class="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-2">
+                                <div>
+                                    <div class="text-xs font-bold text-slate-500 mb-1 uppercase">KV Data</div>
+                                    <div class="space-y-1">
+                                        <div><span class="text-brand-500">GET</span> &lt;key&gt;</div>
+                                        <div><span class="text-brand-500">SET</span> &lt;key&gt; &lt;val&gt;</div>
+                                        <div><span class="text-brand-500">DEL</span> &lt;key&gt;</div>
+                                        <div><span class="text-brand-500">SEARCH</span> &lt;pat&gt; [lim]</div>
+                                        <div><span class="text-brand-500">COUNT</span> &lt;pat&gt;</div>
+                                    </div>
+                                </div>
+                                <div>
+                                    <div class="text-xs font-bold text-slate-500 mb-1 uppercase">Cluster</div>
+                                    <div class="space-y-1">
+                                        <div><span class="text-brand-500">INFO</span></div>
+                                        <div><span class="text-brand-500">JOIN</span> &lt;id&gt; &lt;addr&gt;</div>
+                                        <div><span class="text-brand-500">LEAVE</span> &lt;id&gt;</div>
+                                    </div>
+                                </div>
+                                <div class="md:col-span-2 mt-2">
+                                    <div class="text-xs font-bold text-slate-500 mb-1 uppercase">User & Role Management</div>
+                                    <div class="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1">
+                                        <div><span class="text-brand-500">USER_LIST</span></div>
+                                        <div><span class="text-brand-500">ROLE_LIST</span></div>
+                                        <div><span class="text-brand-500">WHOAMI</span></div>
+                                        <div><span class="text-brand-500">USER_CREATE</span> &lt;u&gt; &lt;p&gt; [roles]</div>
+                                        <div><span class="text-brand-500">ROLE_CREATE</span> &lt;name&gt;</div>
+                                        <div><span class="text-brand-500">USER_UNLOCK</span> &lt;u&gt;</div>
+                                        <div class="md:col-span-2"><span class="text-brand-500">ROLE_PERMISSION_ADD</span> &lt;role&gt; &lt;pat&gt; &lt;acts&gt;</div>
+                                    </div>
+                                </div>
                             </div>
                         </div>
                         <div class="flex gap-2">