Adds a button to open new Gemini tab and squircle input
// ==UserScript==
// @name Gemini Enhancement
// @namespace https://loongphy.com
// @version 1.3
// @description Adds a button to open new Gemini tab and squircle input
// @author loongphy
// @match https://gemini.google.com/*
// @grant none
// @run-at document-idle
// ==/UserScript==
(function() {
'use strict';
// Keep a stable opener reference and the target URL we always want to open
const nativeOpen = window.open.bind(window);
const TARGET_URL = 'https://gemini.google.com/app';
// ==================== Styles ====================
const STYLES = `
/* Squircle for input box */
input-area-v2 { corner-shape: squircle; }
/* New tab button - positioned next to Gemini logo */
.gemini-new-tab-btn {
width: 32px;
height: 32px;
border-radius: 50%;
background: transparent;
border: none;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: background-color 0.2s ease;
color: #444746;
margin-left: 6px;
flex-shrink: 0;
vertical-align: middle;
align-self: center;
}
.gemini-new-tab-btn:hover {
background-color: rgba(68, 71, 70, 0.08);
}
.gemini-new-tab-btn:active {
background-color: rgba(68, 71, 70, 0.12);
}
.gemini-new-tab-btn svg {
width: 18px;
height: 18px;
fill: currentColor;
}
@media (prefers-color-scheme: dark) {
.gemini-new-tab-btn {
color: #E8EAED;
}
.gemini-new-tab-btn:hover {
background-color: rgba(232, 234, 237, 0.18);
}
.gemini-new-tab-btn:active {
background-color: rgba(232, 234, 237, 0.26);
}
}
`;
function injectStyles() {
const styleEl = document.createElement('style');
styleEl.textContent = STYLES;
document.head.appendChild(styleEl);
}
function createNewTabButton() {
const button = document.createElement('button');
button.className = 'gemini-new-tab-btn';
button.title = 'Open Gemini in New Tab';
button.type = 'button';
// SVG icon (open in new tab) using DOM APIs
const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
svg.setAttribute('viewBox', '0 0 24 24');
const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
path.setAttribute('d', 'M19 19H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z');
svg.appendChild(path);
button.appendChild(svg);
// Always open the Gemini home/app entry, prevent parent handlers from hijacking
const openTarget = (event) => {
event.preventDefault();
event.stopPropagation();
event.stopImmediatePropagation();
const newTab = nativeOpen(TARGET_URL, '_blank', 'noopener,noreferrer');
if (newTab) return;
// Fallback if popups are blocked
const anchorEl = document.createElement('a');
anchorEl.href = TARGET_URL;
anchorEl.target = '_blank';
anchorEl.rel = 'noopener noreferrer';
document.body.appendChild(anchorEl);
anchorEl.click();
anchorEl.remove();
};
// Capture + bubble to beat site handlers
button.addEventListener('click', openTarget, true);
button.addEventListener('click', openTarget);
// Mount button after Gemini text
function mountButton() {
const geminiText = document.querySelector('.bard-text');
if (geminiText && geminiText.parentNode) {
// Prevent duplicate insertion or unnecessary moves
if (geminiText.nextSibling === button) return;
geminiText.parentNode.insertBefore(button, geminiText.nextSibling);
}
}
// Observe DOM changes to handle SPA navigation and dynamic rendering
const observer = new MutationObserver(() => {
mountButton();
});
observer.observe(document.body, { childList: true, subtree: true });
mountButton();
}
// ==================== Initialize ====================
function init() {
injectStyles();
createNewTabButton();
}
init();
})();