@asd20/ui-next 2.21.3 → 2.21.5

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## [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.3",
+  "version": "2.21.5",
   "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,69 @@ export default {
       })
     },
 
+    getAiTurnRelatedPages(turn) {
+      if (!turn || !Array.isArray(turn.relatedPages)) return []
+      return turn.relatedPages
+    },
+
+    buildAiRelatedPagesPreview(items = this.pageListItems) {
+      if (!Array.isArray(items) || !items.length) return []
+
+      return items
+        .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 false
+      this.updateAiTranscriptTurn(turnId, {
+        relatedPages: this.buildAiRelatedPagesPreview(),
+        relatedPagesStatus: 'complete',
+      })
+      return true
+    },
+
     setAiTurnSearchLogId(turnId, searchLogId) {
       if (!turnId || !searchLogId) return
       this.updateAiTranscriptTurn(turnId, { searchLogId })
@@ -2577,6 +2631,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
@@ -2649,6 +2704,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 +3102,8 @@ export default {
           searchLogId: null,
           feedbackValue: null,
           feedbackSubmitting: false,
+          relatedPages: [],
+          relatedPagesStatus: keywordsToUse ? 'pending' : 'complete',
         }
         assistantTurnId = assistantTurn.id
         this.aiTranscript = [...this.aiTranscript, assistantTurn]
@@ -3060,6 +3118,7 @@ export default {
           this.keywords = keywordsToUse
           await this.searchPages({ keepAnswersTab: true, runId })
           if (!this.isCurrentSearchRun(runId)) return
+          this.completeAiTurnRelatedPages(assistantTurnId, runId)
           relatedPagesForAnalytics = this.getAnalyticsPages()
             .slice(0, 10)
             .map(p => ({ title: p.title || '', url: p.url || '' }))
@@ -3090,6 +3149,8 @@ export default {
             searchLogId: null,
             feedbackValue: null,
             feedbackSubmitting: false,
+            relatedPages: [],
+            relatedPagesStatus: 'complete',
           },
         ]
         this.currentTab = 'Answers'