diff --git a/sidepanel.js b/sidepanel.js
index 8aecd5c..1cad244 100644
--- a/sidepanel.js
+++ b/sidepanel.js
@@ -9,9 +9,28 @@ const sendCustomBtn = document.getElementById('sendCustom');
const statusBadge = document.getElementById('statusBadge');
const resultsArea = document.getElementById('results');
+// Collapsible logic
+const toggleConfig = document.getElementById('toggleConfig');
+const configContent = document.getElementById('configContent');
+const configChevron = document.getElementById('configChevron');
+
+toggleConfig.addEventListener('click', () => {
+ const isHidden = configContent.classList.toggle('hidden');
+ configChevron.classList.toggle('rotate-180', !isHidden);
+});
+
// Load settings on startup
chrome.storage.local.get(['geminiApiKey', 'googleScriptUrl'], (data) => {
- if (data.geminiApiKey) apiKeyInput.value = data.geminiApiKey;
+ if (data.geminiApiKey) {
+ apiKeyInput.value = data.geminiApiKey;
+ // Fold by default if already configured
+ configContent.classList.add('hidden');
+ configChevron.classList.remove('rotate-180');
+ } else {
+ // Expand if no API key
+ configContent.classList.remove('hidden');
+ configChevron.classList.add('rotate-180');
+ }
if (data.googleScriptUrl) scriptUrlInput.value = data.googleScriptUrl;
});
@@ -92,7 +111,7 @@ Title: ${pageData.title}`;
}
async function callGemini(apiKey, systemPrompt, contextText, userPrompt) {
- const url = `https://generativelanguage.googleapis.com/v1beta/models/gemini-1.5-flash:generateContent?key=${apiKey}`;
+ const url = `https://generativelanguage.googleapis.com/v1beta/models/gemini-2.5-flash-lite:generateContent?key=${apiKey}`;
const response = await fetch(url, {
method: 'POST',
diff --git a/style.css b/style.css
index 3c1afbb..f3ca925 100644
--- a/style.css
+++ b/style.css
@@ -12,6 +12,9 @@ body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helve
.p-2 { padding: 0.5rem; }
.p-3 { padding: 0.75rem; }
.p-4 { padding: 1rem; }
+.px-4 { padding-left: 1rem; padding-right: 1rem; }
+.pb-4 { padding-bottom: 1rem; }
+.pt-2 { padding-top: 0.5rem; }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
@@ -68,7 +71,10 @@ body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helve
.rounded { border-radius: 0.25rem; }
.rounded-lg { border-radius: 0.5rem; }
.shadow-sm { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
-.outline-none { outline: 2px solid transparent; outline-offset: 2px; }
+.hidden { display: none; }
+.rotate-180 { transform: rotate(180deg); }
+.cursor-pointer { cursor: pointer; }
+.transition-transform { transition: transform 0.2s ease; }
/* Custom Utilities */
.status-badge { padding: 0.25rem 0.5rem; border-radius: 0.25rem; font-size: 0.75rem; font-weight: 500; }