feat: doubleclick on drag handle resets position (#795)

Author: rofe

src/extension/app/components/plugin/plugin-action-bar.js

@@ -504,6 +504,16 @@ export class PluginActionBar extends ConnectedElement {
     this.setAttribute('dragging', 'true');
   };
 
+  /**
+   * Handle double click
+   */
+  onDblClick = () => {
+    if (this.hasAttribute('style')) {
+      // reset to default position
+      this.removeAttribute('style');
+    }
+  };
+
   /**
    * Constrain the element to viewport bounds
    */
@@ -584,7 +594,7 @@ export class PluginActionBar extends ConnectedElement {
     }
 
     return html`
-      <div class="logo" @mousedown="${this.onDragStart}" title="${this.appStore.i18n('drag_to_reposition')}">
+      <div class="logo" @mousedown="${this.onDragStart}" @dblclick="${this.onDblClick}" title="${this.appStore.i18n('drag_to_reposition')}">
         <div class="drag-handle"></div>
         ${ICONS.SIDEKICK_LOGO}
       </div>

test/app/components/plugin/plugin-action-bar.test.js

@@ -1557,6 +1557,18 @@ describe('Plugin action bar', () => {
       expect(actionBar.getAttribute('dragging')).to.be.null;
     });
 
+    it('resets position to default on double-click', () => {
+      // Simulate a dragged position
+      actionBar.style.left = '50%';
+      actionBar.style.transform = 'translate(100px, 0px)';
+      actionBar.style.bottom = '20px';
+      expect(actionBar.hasAttribute('style')).to.be.true;
+
+      actionBar.onDblClick();
+
+      expect(actionBar.hasAttribute('style')).to.be.false;
+    });
+
     it('prevents text selection during drag', () => {
       // Start drag
       actionBar.onDragStart(new MouseEvent('mousedown', {