From b5779224b1b408b59aa54362a3c74a06a29ae5a3 Mon Sep 17 00:00:00 2001
From: pyr0ball <pyroballpcs@gmail.com>
Date: Tue, 14 Apr 2026 12:08:18 -0700
Subject: [PATCH] fix: sync store.filters and store.query into SearchView local
 state after LLM populate
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

After populateFromLLM() runs, the sidebar filter controls and search bar now
update to reflect the LLM-generated values. Adds two one-way watchers
(store.filters → local reactive, store.query → queryInput). Closes #39.
---
 web/src/views/SearchView.vue | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/web/src/views/SearchView.vue b/web/src/views/SearchView.vue
index c63c9c0..63e48d5 100644
--- a/web/src/views/SearchView.vue
+++ b/web/src/views/SearchView.vue
@@ -444,7 +444,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, reactive, onMounted } from 'vue'
+import { ref, computed, reactive, watch, onMounted } from 'vue'
 import { useRoute } from 'vue-router'
 import { MagnifyingGlassIcon, ExclamationTriangleIcon, BookmarkIcon } from '@heroicons/vue/24/outline'
 import { useSearchStore } from '../stores/search'
@@ -623,6 +623,18 @@ const DEFAULT_FILTERS: SearchFilters = {
 
 const filters = reactive<SearchFilters>({ ...DEFAULT_FILTERS })
 
+// Sync LLM-populated store state into the sidebar reactive and search bar.
+// One-way only: store → view. User edits in the sidebar stay local.
+watch(
+  () => store.filters,
+  (newFilters) => { Object.assign(filters, newFilters) },
+  { deep: true },
+)
+watch(
+  () => store.query,
+  (q) => { if (q) queryInput.value = q },
+)
+
 function resetFilters() {
   Object.assign(filters, DEFAULT_FILTERS)
 }