ghostfill 0.2.0 → 0.2.1

package/dist/index.mjs

@@ -523,7 +523,7 @@ var CSS2 = `
     width: 36px;
     height: 36px;
     border: none;
-    border-radius: 10px;
+    border-radius: 50%;
     background: transparent;
     color: #a1a1aa;
     cursor: pointer;
@@ -1033,7 +1033,7 @@ function createOverlay2(options) {
     <div class="gf-pop-header">
       <h3><span class="gf-slash">/</span>ghostfill</h3>
       <div class="gf-header-right">
-        <span class="gf-version">v0.1.3</span>
+        <span class="gf-version">v0.2.1</span>
         <button class="gf-theme-btn" id="gf-s-theme" title="Toggle theme">
           ${saved.theme === "dark" ? ICONS.sun : ICONS.moon}
         </button>
@@ -1075,17 +1075,17 @@ function createOverlay2(options) {
           <label class="gf-label">API Key</label>
           <input type="password" class="gf-input gf-input-mono" id="gf-s-key" placeholder="sk-..." autocomplete="off" spellcheck="false" />
         </div>
-      </div>
-      <div class="gf-sep"></div>
-      <div class="gf-field">
-        <div style="display:flex;align-items:center;justify-content:space-between">
-          <div style="display:flex;align-items:center;gap:4px">
-            <label class="gf-label" style="margin:0">Presets</label>
-            <span class="gf-help" id="gf-s-presets-help">?<span class="gf-help-tip">Saved prompt templates that add context when filling. Select a preset in the Fill panel to use it automatically.</span></span>
+        <div class="gf-sep"></div>
+        <div class="gf-field">
+          <div style="display:flex;align-items:center;justify-content:space-between">
+            <div style="display:flex;align-items:center;gap:4px">
+              <label class="gf-label" style="margin:0">Presets</label>
+              <span class="gf-help" id="gf-s-presets-help">?<span class="gf-help-tip">Saved prompt templates that add context when filling. Select a preset in the Fill panel to use it automatically.</span></span>
+            </div>
+            <button class="gf-preset-chip add" id="gf-s-preset-add" style="font-size:10px;padding:2px 6px">+ Add</button>
           </div>
-          <button class="gf-preset-chip add" id="gf-s-preset-add" style="font-size:10px;padding:2px 6px">+ Add</button>
+          <div class="gf-preset-list" id="gf-s-preset-list"></div>
         </div>
-        <div class="gf-preset-list" id="gf-s-preset-list"></div>
       </div>
       <button class="gf-save-btn" id="gf-s-save">Save</button>
     </div>
@@ -1640,6 +1640,10 @@ function createOverlay2(options) {
         if (activePresetId === p.id) activePresetId = null;
         renderPresetList();
         updateFillPresetUI();
+        const s = loadSettings(aiConfig?.provider || "openai");
+        s.presets = presets;
+        s.activePresetId = activePresetId;
+        saveSettings(s);
       });
       pill.append(name, x);
       sPresetList.appendChild(pill);
@@ -1825,9 +1829,15 @@ No specific instructions \u2014 generate realistic, contextually appropriate dat
   }
   document.addEventListener("keydown", handleShortcut);
   document.addEventListener("keydown", (e) => {
-    if (e.key === "Escape" && currentPopover) {
+    if (e.key !== "Escape") return;
+    if (currentPopover) {
       e.preventDefault();
       openPopover(null);
+      return;
+    }
+    if (state.active) {
+      e.preventDefault();
+      btnMinimize.click();
     }
   });
   function destroy() {