feat(ui): refine ribbon and view navigation

assets/icons/ucs_icon.svg

@@ -1,8 +1,65 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="64" height="64" fill="none" stroke-linecap="round" stroke-linejoin="round">
-  <line x1="4" y1="18" x2="14" y2="18" stroke="#4cc9f0" stroke-width="1.5"/>
-  <polyline points="11,15 14,18 11,21" stroke="#4cc9f0" stroke-width="1.5"/>
-  <text x="15" y="21" font-size="5" fill="#4cc9f0" stroke="none">X</text>
-  <line x1="4" y1="18" x2="4" y2="6" stroke="#e0e0e0" stroke-width="1.5"/>
-  <polyline points="1,9 4,6 7,9" stroke="#e0e0e0" stroke-width="1.5"/>
-  <text x="1" y="5" font-size="5" fill="#e0e0e0" stroke="none">Y</text>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 24 24"
+   width="64"
+   height="64"
+   fill="none"
+   stroke-linecap="round"
+   stroke-linejoin="round"
+   version="1.1"
+   id="svg2"
+   sodipodi:docname="ucs_icon.svg"
+   inkscape:version="1.4.4 (dcaf3e7d9e, 2026-05-05)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="namedview2"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     inkscape:zoom="10.099031"
+     inkscape:cx="31.488168"
+     inkscape:cy="33.121989"
+     inkscape:window-width="1920"
+     inkscape:window-height="939"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" />
+  <line
+     x1="7.880435"
+     y1="16.5"
+     x2="19.619564"
+     y2="16.5"
+     stroke="#4cc9f0"
+     stroke-width="1.62521"
+     id="line1" />
+  <polyline
+     points="11,15 14,18 11,21"
+     stroke="#4cc9f0"
+     stroke-width="1.5"
+     id="polyline1"
+     transform="translate(5.7684904,-1.5665742)" />
+  <line
+     x1="7.75"
+     y1="16.5"
+     x2="7.75"
+     y2="4.5"
+     stroke="#e0e0e0"
+     stroke-width="1.5"
+     id="line2" />
+  <polyline
+     points="1,9 4,6 7,9"
+     stroke="#e0e0e0"
+     stroke-width="1.5"
+     id="polyline2"
+     transform="translate(3.75,-1.5)" />
 </svg>