feat: 9-position dock grid (4 corners + 4 edges + center)

src/ui.tsx

@@ -201,7 +201,13 @@ function Plugin () {
     refreshInfo()
   }
 
-  function dockWindow (position: 'left' | 'right' | 'center') {
+  // 9 позиций докинга: 4 угла + 4 края + центр.
+  type DockPosition =
+    | 'top-left' | 'top-center' | 'top-right'
+    | 'center-left' | 'center' | 'center-right'
+    | 'bottom-left' | 'bottom-center' | 'bottom-right'
+
+  function dockWindow (position: DockPosition) {
     emit('DOCK_WINDOW', {
       position,
       width: currentWindowSize.width,
@@ -240,10 +246,16 @@ function Plugin () {
             </IconButton>
           </div>
         </div>
-        <div style={{ display: 'flex', gap: '4px', flexWrap: 'wrap' }}>
-          <Button onClick={function () { dockWindow('left') }}>◧ Лево</Button>
-          <Button onClick={function () { dockWindow('center') }}>▣ Центр</Button>
-          <Button onClick={function () { dockWindow('right') }}>Право ◨</Button>
+        <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: '4px' }}>
+          <Button onClick={function () { dockWindow('top-left') }}>◤</Button>
+          <Button onClick={function () { dockWindow('top-center') }}>▬</Button>
+          <Button onClick={function () { dockWindow('top-right') }}>◥</Button>
+          <Button onClick={function () { dockWindow('center-left') }}>▏</Button>
+          <Button onClick={function () { dockWindow('center') }}>⊕</Button>
+          <Button onClick={function () { dockWindow('center-right') }}>▕</Button>
+          <Button onClick={function () { dockWindow('bottom-left') }}>◣</Button>
+          <Button onClick={function () { dockWindow('bottom-center') }}>▭</Button>
+          <Button onClick={function () { dockWindow('bottom-right') }}>◢</Button>
         </div>
         <div
           style={{