From 37e34ac8208cb3f9134d18556ced00c2501983de Mon Sep 17 00:00:00 2001
From: pyr0ball <pyroballpcs@gmail.com>
Date: Tue, 14 Apr 2026 11:50:57 -0700
Subject: [PATCH] feat: mount LLMQueryPanel in SearchView and add auto-run
 setting to SettingsView

---
 web/src/views/SearchView.vue   |  4 ++++
 web/src/views/SettingsView.vue | 26 ++++++++++++++++++++++++++
 2 files changed, 30 insertions(+)

diff --git a/web/src/views/SearchView.vue b/web/src/views/SearchView.vue
index 75af7f0..c63c9c0 100644
--- a/web/src/views/SearchView.vue
+++ b/web/src/views/SearchView.vue
@@ -79,6 +79,9 @@
       </form>
     </header>
 
+    <!-- LLM query builder panel — only shown when feature flag is active -->
+    <LLMQueryPanel v-if="session.features.llm_query_builder" />
+
     <div class="search-body">
       <!-- Mobile filter toggle -->
       <button
@@ -450,6 +453,7 @@ import { useSavedSearchesStore } from '../stores/savedSearches'
 import { useSessionStore } from '../stores/session'
 import { useBlocklistStore } from '../stores/blocklist'
 import ListingCard from '../components/ListingCard.vue'
+import LLMQueryPanel from '../components/LLMQueryPanel.vue'
 
 const route = useRoute()
 const store = useSearchStore()
diff --git a/web/src/views/SettingsView.vue b/web/src/views/SettingsView.vue
index 3179e3f..6e7d482 100644
--- a/web/src/views/SettingsView.vue
+++ b/web/src/views/SettingsView.vue
@@ -79,6 +79,30 @@
 
       <p v-if="prefs.error" class="settings-error" role="alert">{{ prefs.error }}</p>
     </section>
+
+    <section class="settings-section">
+      <h2 class="settings-section-title">Search</h2>
+
+      <label class="settings-toggle">
+        <div class="settings-toggle-text">
+          <span class="settings-toggle-label">Auto-run after Build with AI</span>
+          <span class="settings-toggle-desc">
+            When enabled, Snipe starts searching immediately after the AI fills in your filters.
+            Disable to review the filters before searching.
+          </span>
+        </div>
+        <button
+          class="toggle-btn"
+          :class="{ 'toggle-btn--on': llmAutoRun }"
+          :aria-pressed="String(llmAutoRun)"
+          aria-label="Run search automatically after AI builds filters"
+          @click="setLLMAutoRun(!llmAutoRun)"
+        >
+          <span class="toggle-btn__track" />
+          <span class="toggle-btn__thumb" />
+        </button>
+      </label>
+    </section>
   </div>
 </template>
 
@@ -87,10 +111,12 @@ import { ref, watch } from 'vue'
 import { useTrustSignalPref } from '../composables/useTrustSignalPref'
 import { useSessionStore } from '../stores/session'
 import { usePreferencesStore } from '../stores/preferences'
+import { useLLMQueryBuilder } from '../composables/useLLMQueryBuilder'
 
 const { enabled: trustSignalEnabled, setEnabled } = useTrustSignalPref()
 const session = useSessionStore()
 const prefs = usePreferencesStore()
+const { autoRun: llmAutoRun, setAutoRun: setLLMAutoRun } = useLLMQueryBuilder()
 
 // Local input buffer for BYOK ID — synced from store, saved on blur/enter
 const byokInput = ref(prefs.affiliateByokId)