@asd20/ui-next 2.21.4 → 2.21.6

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [2.21.6](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.21.5...ui-next-v2.21.6) (2026-08-25)
+
+
+### Bug Fixes
+
+* improve relevance of related pages in search results ([ecbcad7](https://github.com/academydistrict20/asd20-ui-next/commit/ecbcad7f5df39273dc6a5b1299b1c94d766d6af3))
+
+## [2.21.5](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.21.4...ui-next-v2.21.5) (2026-08-21)
+
+
+### Bug Fixes
+
+* fix related page display in ai search results ([dae400e](https://github.com/academydistrict20/asd20-ui-next/commit/dae400e9dedd96c7a2a4afe52ddda8af5aaa1503))
+
 ## [2.21.4](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.21.3...ui-next-v2.21.4) (2026-08-13)
 
 ## [2.21.3](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.21.2...ui-next-v2.21.3) (2026-08-12)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asd20/ui-next",
-  "version": "2.21.4",
+  "version": "2.21.6",
   "private": false,
   "description": "ASD20 UI component library for Vue 3.",
   "license": "MIT",

package/src/components/organisms/Asd20SiteSearch/index.vue

@@ -172,22 +172,24 @@
                 <div
                   v-if="
                     turn.role === 'assistant' &&
-                      turn.id === latestAssistantTurnId
+                      (getAiTurnRelatedPages(turn).length ||
+                        turn.relatedPagesStatus === 'pending' ||
+                        turn.id === latestAssistantTurnId)
                   "
                   class="asd20-site-search__related-pages"
                 >
                   <h2
-                    v-if="aiRelatedPagesPreview.length"
+                    v-if="getAiTurnRelatedPages(turn).length"
                     class="asd20-site-search__related-pages-title"
                   >
                     Related Pages
                   </h2>
                   <ul
-                    v-if="aiRelatedPagesPreview.length"
+                    v-if="getAiTurnRelatedPages(turn).length"
                     class="asd20-site-search__related-pages-list"
                   >
                     <li
-                      v-for="page in aiRelatedPagesPreview"
+                      v-for="page in getAiTurnRelatedPages(turn)"
                       :key="page.id"
                       class="asd20-site-search__related-pages-item"
                     >
@@ -200,15 +202,16 @@
                     </li>
                   </ul>
                   <p
-                    v-if="searchingPages && !aiRelatedPagesPreview.length"
+                    v-if="turn.relatedPagesStatus === 'pending'"
                     class="asd20-site-search__related-pages-status"
                   >
                     Finding related pages...
                   </p>
                   <asd20-button
+                    v-if="turn.relatedPagesStatus !== 'pending'"
                     class="asd20-site-search__related-pages-cta"
                     :label="
-                      aiRelatedPagesPreview.length
+                      getAiTurnRelatedPages(turn).length
                         ? 'View All Pages'
                         : 'Check Pages tab for related results'
                     "
@@ -683,6 +686,7 @@ export default {
     selectedGroup: null,
     selectedPerson: null,
     searchingPages: false,
+    pageSearchCompleted: false,
     searchingFiles: false,
     searchingPeople: false,
 
@@ -762,6 +766,8 @@ export default {
       return (
         this.hasSubmitted &&
         !!hasSearchText &&
+        this.pageSearchCompleted &&
+        !this.searchingAi &&
         !this.searchingPages &&
         Array.isArray(this.currentPages) &&
         this.currentPages.length === 0
@@ -1099,30 +1105,10 @@ export default {
     },
 
     aiRelatedPagesPreview() {
-      if (!Array.isArray(this.pageListItems) || !this.pageListItems.length) {
-        return []
-      }
-
-      return this.pageListItems
-        .map((item, index) => {
-          const page = item && item.page ? item.page : {}
-          const title =
-            (typeof item.label === 'string' && item.label.trim()) ||
-            (typeof page.title === 'string' && page.title.trim()) ||
-            `Page ${index + 1}`
-          const url =
-            (typeof item.link === 'string' && item.link.trim()) ||
-            (typeof page.url === 'string' && page.url.trim()) ||
-            ''
-          const id =
-            (typeof page.id === 'string' && page.id.trim()) ||
-            (typeof page.slug === 'string' && page.slug.trim()) ||
-            `${title}-${index}`
-
-          return { id, title, url }
-        })
-        .filter(page => !!page.url)
-        .slice(0, 3)
+      const turn = this.aiTranscript.find(
+        item => item && item.id === this.latestAssistantTurnId
+      )
+      return this.getAiTurnRelatedPages(turn)
     },
   },
 
@@ -1755,6 +1741,7 @@ export default {
         searchMode: this.searchMode || '',
         includeDistrictResults: !!this.resolvedIncludeDistrictResults,
         pages: Array.isArray(this.currentPages) ? this.currentPages : [],
+        pageSearchCompleted: this.pageSearchCompleted,
         files: Array.isArray(this.currentFiles) ? this.currentFiles : [],
         groups: Array.isArray(this.currentGroups) ? this.currentGroups : [],
         people: Array.isArray(this.currentPeople) ? this.currentPeople : [],
@@ -1841,9 +1828,6 @@ export default {
       this.aiConversation = Array.isArray(snapshot.aiConversation)
         ? snapshot.aiConversation
         : []
-      this.aiTranscript = Array.isArray(snapshot.aiTranscript)
-        ? snapshot.aiTranscript
-        : []
       this.aiKeywordsDisplayAnswer = snapshot.aiKeywordsDisplayAnswer || ''
       this.aiKeywordsDisplayPages = snapshot.aiKeywordsDisplayPages || ''
       this.expandedKeywordsTurnId = null
@@ -1860,6 +1844,10 @@ export default {
           ? this.limitWords(targetState.text, 4)
           : ''
       this.keywords = nextKeywords
+      this.pageSearchCompleted =
+        typeof snapshot.pageSearchCompleted === 'boolean'
+          ? snapshot.pageSearchCompleted
+          : !!nextKeywords
 
       this.suppressInputClearReset = true
       this.inputText = ''
@@ -1870,6 +1858,9 @@ export default {
       const groups = Array.isArray(snapshot.groups) ? snapshot.groups : []
       const people = Array.isArray(snapshot.people) ? snapshot.people : []
       this.setSearchResults({ pages, files, groups, people })
+      this.aiTranscript = this.restoreCachedAiTranscript(
+        snapshot.aiTranscript
+      )
 
       if (!skipTabUpdate) {
         const preferredTab = SEARCH_ROUTE_TABS.has(targetState.tab)
@@ -2445,6 +2436,79 @@ export default {
       })
     },
 
+    getAiTurnRelatedPages(turn) {
+      if (!turn || !Array.isArray(turn.relatedPages)) return []
+      return turn.relatedPages
+    },
+
+    buildAiRelatedPagesPreview(items = null) {
+      const previewItems = Array.isArray(items)
+        ? items
+        : Array.isArray(this.currentPages)
+        ? this.currentPages.map(page => ({
+            page,
+            label: page && page.title ? page.title : '',
+            link: page && page.url ? page.url : '',
+          }))
+        : []
+      if (!previewItems.length) return []
+
+      return previewItems
+        .map((item, index) => {
+          const page = item && item.page ? item.page : {}
+          if (page.isNoResultsFallback) return null
+          const title =
+            (typeof item.label === 'string' && item.label.trim()) ||
+            (typeof page.title === 'string' && page.title.trim()) ||
+            `Page ${index + 1}`
+          const url =
+            (typeof item.link === 'string' && item.link.trim()) ||
+            (typeof page.url === 'string' && page.url.trim()) ||
+            ''
+          const id =
+            (typeof page.id === 'string' && page.id.trim()) ||
+            (typeof page.slug === 'string' && page.slug.trim()) ||
+            `${title}-${index}`
+
+          return url ? { id, title, url } : null
+        })
+        .filter(Boolean)
+        .slice(0, 3)
+    },
+
+    restoreCachedAiTranscript(transcript) {
+      const turns = Array.isArray(transcript) ? transcript : []
+      let latestAssistantIndex = -1
+      turns.forEach((turn, index) => {
+        if (turn && turn.role === 'assistant') latestAssistantIndex = index
+      })
+      const legacyLatestPreview = this.buildAiRelatedPagesPreview()
+
+      return turns.map((turn, index) => {
+        if (!turn || turn.role !== 'assistant') return turn
+        const hasOwnedPages = Array.isArray(turn.relatedPages)
+        const relatedPages = hasOwnedPages
+          ? turn.relatedPages
+              .filter(page => page && page.url)
+              .slice(0, 3)
+              .map(page => ({ ...page }))
+          : index === latestAssistantIndex
+          ? legacyLatestPreview
+          : []
+        return { ...turn, relatedPages, relatedPagesStatus: 'complete' }
+      })
+    },
+
+    completeAiTurnRelatedPages(turnId, runId) {
+      if (!turnId || !this.isCurrentSearchRun(runId)) return []
+      const relatedPages = this.buildAiRelatedPagesPreview()
+      this.updateAiTranscriptTurn(turnId, {
+        relatedPages,
+        relatedPagesStatus: 'complete',
+      })
+      return relatedPages
+    },
+
     setAiTurnSearchLogId(turnId, searchLogId) {
       if (!turnId || !searchLogId) return
       this.updateAiTranscriptTurn(turnId, { searchLogId })
@@ -2577,6 +2641,7 @@ export default {
       this.selectedPerson = null
       this.searchingAi = preserveAiLoading ? this.searchingAi : false
       this.searchingPages = false
+      this.pageSearchCompleted = false
       this.searchingFiles = false
       this.searchingPeople = false
       this.activeAiQuestionKey = preserveAiLoading
@@ -2636,6 +2701,7 @@ export default {
         keywords: this.keywords,
         question: this.searchQuestion || this.inputText,
       }
+      if (options.purpose) searchInput.purpose = options.purpose
 
       this.searchingPages = true
       try {
@@ -2649,6 +2715,7 @@ export default {
         if (!this.isCurrentSearchRun(runId)) {
           return this.currentPages
         }
+        this.pageSearchCompleted = true
 
         if (this.keywords && this.keywords.trim() && !keepAnswersTab) {
           this.currentTab = 'Pages'
@@ -3046,6 +3113,8 @@ export default {
           searchLogId: null,
           feedbackValue: null,
           feedbackSubmitting: false,
+          relatedPages: [],
+          relatedPagesStatus: keywordsToUse ? 'pending' : 'complete',
         }
         assistantTurnId = assistantTurn.id
         this.aiTranscript = [...this.aiTranscript, assistantTurn]
@@ -3058,11 +3127,16 @@ export default {
           this.keywordsFromAi = true
           this.skipKeywordWatcher = true
           this.keywords = keywordsToUse
-          await this.searchPages({ keepAnswersTab: true, runId })
+          await this.searchPages({
+            keepAnswersTab: true,
+            purpose: 'ai-related-pages',
+            runId,
+          })
           if (!this.isCurrentSearchRun(runId)) return
-          relatedPagesForAnalytics = this.getAnalyticsPages()
-            .slice(0, 10)
-            .map(p => ({ title: p.title || '', url: p.url || '' }))
+          relatedPagesForAnalytics = this.completeAiTurnRelatedPages(
+            assistantTurnId,
+            runId
+          ).map(p => ({ title: p.title || '', url: p.url || '' }))
           this.searchFilesWithGroupOwners({ runId })
         }
 
@@ -3090,6 +3164,8 @@ export default {
             searchLogId: null,
             feedbackValue: null,
             feedbackSubmitting: false,
+            relatedPages: [],
+            relatedPagesStatus: 'complete',
           },
         ]
         this.currentTab = 'Answers'
@@ -3108,29 +3184,12 @@ export default {
         }
 
         // Log AI search analytics
-        const logPagesFromPages =
-          relatedPagesForAnalytics.length > 0
-            ? relatedPagesForAnalytics
-            : this.getAnalyticsPages()
-                .slice(0, 10)
-                .map(p => ({ title: p.title || '', url: p.url || '' }))
-        const logPagesFromSources = (
-          Array.isArray(this.aiSources) ? this.aiSources : []
-        )
-          .slice(0, 10)
-          .map(source => ({
-            title: source && source.title ? source.title : '',
-            url: source && source.url ? source.url : '',
-          }))
-          .filter(source => source.url)
-        const logPages =
-          logPagesFromPages.length > 0 ? logPagesFromPages : logPagesFromSources
         const logPromise = logSearchAnalytics({
           question: normalizedQuestion,
           searchType: 'ai_chat',
           keywords: this.keywords || '',
           hadResults: !!this.aiAnswer,
-          relatedPages: logPages,
+          relatedPages: relatedPagesForAnalytics,
           organizationId:
             this.organization && this.organization.id
               ? this.organization.id