@exxatdesignux/ui 0.2.19 → 0.4.0

package/template/components/leo-insight-indicator.tsx

@@ -227,7 +227,7 @@ export function LeoInsightIndicator({
             {/* Kind + delta chip */}
             <span
               className={cn(
-                "ml-auto inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-semibold text-foreground",
+                "ms-auto inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-semibold text-foreground",
                 LEO_TOKENS.softBgClass,
                 LEO_TOKENS.borderClass,
               )}
@@ -353,7 +353,7 @@ export function LeoInsightIndicator({
               <span>Ask Leo</span>
               <AskLeoShortcutKbds
                 variant="bare"
-                className="ml-0.5 hidden sm:inline-flex"
+                className="ms-0.5 hidden sm:inline-flex"
               />
             </Button>
           </div>

package/template/components/{question-bank-board-view.tsx → library-board-view.tsx}

@@ -3,10 +3,10 @@
 import * as React from "react"
 import { initialsFromDisplayName } from "@/lib/initials-from-name"
 import type {
-  QuestionBankDifficulty,
-  QuestionBankItem,
-  QuestionBankType,
-} from "@/lib/mock/question-bank"
+  LibraryLevel,
+  LibraryItem,
+  LibraryItemType,
+} from "@/lib/mock/library"
 import {
   LIST_HUB_STATUS_TINT_DANGER,
   LIST_HUB_STATUS_TINT_INFO,
@@ -28,81 +28,81 @@ import {
   type ListPageBoardColumnDef,
 } from "@/components/data-views/list-page-board-template"
 import {
-  QuestionBankFavoriteButton,
-  QUESTION_BANK_FAVORITE_HOVER_GROUP,
-} from "@/components/question-bank-favorite-button"
+  LibraryFavoriteButton,
+  LIBRARY_FAVORITE_HOVER_GROUP,
+} from "@/components/library-favorite-button"
 import { cn } from "@/lib/utils"
 
 const NEUTRAL_COUNT_BADGE = "bg-muted/90 text-foreground"
 
-const TYPE_LABEL: Record<QuestionBankType, string> = {
-  multiple_choice: "Multiple choice",
-  true_false: "True / false",
-  short_answer: "Short answer",
+const TYPE_LABEL: Record<LibraryItemType, string> = {
+  multiple_choice: "Type 1",
+  true_false: "Type 2",
+  short_answer: "Type 3",
 }
 
-const DIFF_LABEL: Record<QuestionBankDifficulty, string> = {
-  easy: "Easy",
-  medium: "Medium",
-  hard: "Hard",
+const DIFF_LABEL: Record<LibraryLevel, string> = {
+  easy: "Low",
+  medium: "Normal",
+  hard: "High",
 }
 
-const DIFF_BADGE: Record<QuestionBankDifficulty, string> = {
+const DIFF_BADGE: Record<LibraryLevel, string> = {
   easy: LIST_HUB_STATUS_TINT_SUCCESS,
   medium: LIST_HUB_STATUS_TINT_WARNING,
   hard: LIST_HUB_STATUS_TINT_DANGER,
 }
 
-const TYPE_BADGE: Record<QuestionBankType, string> = {
+const TYPE_BADGE: Record<LibraryItemType, string> = {
   multiple_choice: LIST_HUB_STATUS_TINT_NEUTRAL,
   true_false: LIST_HUB_STATUS_TINT_INFO,
   short_answer: LIST_HUB_STATUS_TINT_WARNING,
 }
 
-const DIFF_ORDER: QuestionBankDifficulty[] = ["easy", "medium", "hard"]
-const TYPE_ORDER: QuestionBankType[] = ["multiple_choice", "true_false", "short_answer"]
+const DIFF_ORDER: LibraryLevel[] = ["easy", "medium", "hard"]
+const TYPE_ORDER: LibraryItemType[] = ["multiple_choice", "true_false", "short_answer"]
 
-function topicBoardColumns(rows: QuestionBankItem[]): {
-  columns: ListPageBoardColumnDef<QuestionBankItem>[]
+function topicBoardColumns(rows: LibraryItem[]): {
+  columns: ListPageBoardColumnDef<LibraryItem>[]
   badgeMap: Record<string, string>
 } {
   const topics = [...new Set(rows.map(r => r.topic))].sort((a, b) => a.localeCompare(b))
-  const columns: ListPageBoardColumnDef<QuestionBankItem>[] = topics.map(topic => ({
+  const columns: ListPageBoardColumnDef<LibraryItem>[] = topics.map(topic => ({
     id: `topic:${topic}`,
     label: topic,
-    filter: (r: QuestionBankItem) => r.topic === topic,
+    filter: (r: LibraryItem) => r.topic === topic,
   }))
   const badgeMap = Object.fromEntries(topics.map(t => [`topic:${t}`, NEUTRAL_COUNT_BADGE]))
   return { columns, badgeMap }
 }
 
 function difficultyBoardColumns(): {
-  columns: ListPageBoardColumnDef<QuestionBankItem>[]
+  columns: ListPageBoardColumnDef<LibraryItem>[]
   badgeMap: Record<string, string>
 } {
-  const columns: ListPageBoardColumnDef<QuestionBankItem>[] = DIFF_ORDER.map(d => ({
+  const columns: ListPageBoardColumnDef<LibraryItem>[] = DIFF_ORDER.map(d => ({
     id: d,
     label: DIFF_LABEL[d],
-    filter: (r: QuestionBankItem) => r.difficulty === d,
+    filter: (r: LibraryItem) => r.difficulty === d,
   }))
   const badgeMap = Object.fromEntries(DIFF_ORDER.map(d => [d, DIFF_BADGE[d]]))
   return { columns, badgeMap }
 }
 
 function typeBoardColumns(): {
-  columns: ListPageBoardColumnDef<QuestionBankItem>[]
+  columns: ListPageBoardColumnDef<LibraryItem>[]
   badgeMap: Record<string, string>
 } {
-  const columns: ListPageBoardColumnDef<QuestionBankItem>[] = TYPE_ORDER.map(t => ({
+  const columns: ListPageBoardColumnDef<LibraryItem>[] = TYPE_ORDER.map(t => ({
     id: t,
     label: TYPE_LABEL[t],
-    filter: (r: QuestionBankItem) => r.type === t,
+    filter: (r: LibraryItem) => r.type === t,
   }))
   const badgeMap = Object.fromEntries(TYPE_ORDER.map(t => [t, TYPE_BADGE[t]]))
   return { columns, badgeMap }
 }
 
-function useQuestionBankBoardModel(rows: QuestionBankItem[], groupByColumnKey: string) {
+function useLibraryBoardModel(rows: LibraryItem[], groupByColumnKey: string) {
   return React.useMemo(() => {
     if (groupByColumnKey === "topic") {
       const { columns, badgeMap } = topicBoardColumns(rows)
@@ -121,19 +121,19 @@ function useQuestionBankBoardModel(rows: QuestionBankItem[], groupByColumnKey: s
   }, [rows, groupByColumnKey])
 }
 
-function QuestionBankBoardCard({
+function LibraryBoardCard({
   row,
   onToggleFavorite,
   onRowActivate,
 }: {
-  row: QuestionBankItem
-  onToggleFavorite: (row: QuestionBankItem) => void
-  onRowActivate?: (row: QuestionBankItem) => void
+  row: LibraryItem
+  onToggleFavorite: (row: LibraryItem) => void
+  onRowActivate?: (row: LibraryItem) => void
 }) {
   const initials = initialsFromDisplayName(row.author)
   return (
     <ListPageBoardCard
-      className={cn(QUESTION_BANK_FAVORITE_HOVER_GROUP, "w-full")}
+      className={cn(LIBRARY_FAVORITE_HOVER_GROUP, "w-full")}
       onClick={onRowActivate ? () => onRowActivate(row) : undefined}
     >
       <ListPageBoardCardHeader>
@@ -148,7 +148,7 @@ function QuestionBankBoardCard({
           )}
           trailing={(
             <div className="flex shrink-0 items-start gap-1">
-              <QuestionBankFavoriteButton row={row} onToggleFavorite={onToggleFavorite} />
+              <LibraryFavoriteButton row={row} onToggleFavorite={onToggleFavorite} />
               <ListPageBoardCardAvatar initials={initials} />
             </div>
           )}
@@ -166,26 +166,26 @@ function QuestionBankBoardCard({
   )
 }
 
-export const QUESTION_BANK_BOARD_GROUP_OPTIONS = [
+export const LIBRARY_BOARD_GROUP_OPTIONS = [
   { key: "topic", label: "Topic" },
   { key: "difficulty", label: "Difficulty" },
   { key: "type", label: "Type" },
 ] as const
 
-export function QuestionBankBoardView({
+export function LibraryBoardView({
   rows,
   groupByColumnKey,
   onToggleFavorite,
   onRowActivate,
 }: {
-  rows: QuestionBankItem[]
+  rows: LibraryItem[]
   groupByColumnKey: string
-  onToggleFavorite: (row: QuestionBankItem) => void
-  onRowActivate?: (row: QuestionBankItem) => void
+  onToggleFavorite: (row: LibraryItem) => void
+  onRowActivate?: (row: LibraryItem) => void
 }) {
-  const allowed = QUESTION_BANK_BOARD_GROUP_OPTIONS.some(o => o.key === groupByColumnKey)
+  const allowed = LIBRARY_BOARD_GROUP_OPTIONS.some(o => o.key === groupByColumnKey)
   const key = allowed ? groupByColumnKey : "topic"
-  const { columns, badgeMap } = useQuestionBankBoardModel(rows, key)
+  const { columns, badgeMap } = useLibraryBoardModel(rows, key)
 
   return (
     <ListPageBoardTemplate
@@ -195,7 +195,7 @@ export function QuestionBankBoardView({
       columnCountBadgeClassName={badgeMap}
       emptyColumnLabel="No questions"
       renderCard={row => (
-        <QuestionBankBoardCard row={row} onToggleFavorite={onToggleFavorite} onRowActivate={onRowActivate} />
+        <LibraryBoardCard row={row} onToggleFavorite={onToggleFavorite} onRowActivate={onRowActivate} />
       )}
     />
   )

package/template/components/{question-bank-client.tsx → library-client.tsx}

@@ -1,8 +1,8 @@
 "use client"
 
 /**
- * Question bank hub — ListPageTemplate + KeyMetrics + QuestionBankTable (Team / Compliance pattern).
- * URL hash syncs the active view tab; `?scope=` + `folderId=` sync with the secondary nav (`lib/question-bank-nav.ts`).
+ * Library hub — ListPageTemplate + KeyMetrics + LibraryTable (Team / Compliance pattern).
+ * URL hash syncs the active view tab; `?scope=` + `folderId=` sync with the secondary nav (`lib/library-nav.ts`).
  * (Primary sidebar “Library” must not treat that hash as “off-route” — `app-sidebar` `isNavActive` ignores hash for `href` without `#…`.)
  */
 
@@ -14,40 +14,40 @@ import {
   dataListViewIcon,
   type DataListViewType,
 } from "@/components/data-views"
-import { QuestionBankPageHeader } from "@/components/question-bank-page-header"
-import { QuestionBankNewFolderSheet } from "@/components/question-bank-new-folder-sheet"
+import { LIBRARY_SUPPORTED_VIEWS } from "@/lib/library-supported-views"
+import { LibraryPageHeader } from "@/components/library-page-header"
+import { LibraryNewFolderSheet } from "@/components/library-new-folder-sheet"
 import { CollaborationAccessFlow } from "@/components/collaboration-access-flow"
-import { QuestionBankTable, type QuestionBankTableHandle } from "@/components/question-bank-table"
+import { LibraryTable, type LibraryTableHandle } from "@/components/library-table"
 import { SecondaryPanelHubTemplate } from "@/components/templates/secondary-panel-hub-template"
-import { QuestionBankAccessBridge, QuestionBankFolderBridge } from "@/components/secondary-panel"
+import { LibraryAccessBridge, LibraryFolderBridge } from "@/components/sidebar"
 import { KeyMetrics } from "@/components/key-metrics"
 import { useSidebar } from "@/components/ui/sidebar"
 import { useSecondaryPanelHubNav } from "@/hooks/use-secondary-panel-hub-nav"
-import { QUESTION_BANK_ITEMS } from "@/lib/mock/question-bank"
-import { QUESTION_BANK_HEADER_COLLABORATORS } from "@/lib/mock/question-bank-header-collaborators"
-import { DEFAULT_QUESTION_BANK_FOLDERS, type QuestionBankFolder } from "@/lib/mock/question-bank-folders"
-import { questionBankKpiInsight, questionBankKpiMetrics } from "@/lib/mock/question-bank-kpi"
-import { QUESTION_BANK_SUPPORTED_VIEWS } from "@/lib/question-bank-supported-views"
+import { LIBRARY_ITEMS } from "@/lib/mock/library"
+import { LIBRARY_HEADER_COLLABORATORS } from "@/lib/mock/library-header-collaborators"
+import { DEFAULT_LIBRARY_FOLDERS, type LibraryFolder } from "@/lib/mock/library-folders"
+import { libraryKpiInsight, libraryKpiMetrics } from "@/lib/mock/library-kpi"
 import {
-  applyQuestionBankHubDisplayFilters,
-  isQuestionBankDefaultNav,
-  isQuestionBankDedicatedSearchPathname,
-  parseQuestionBankNav,
-  QUESTION_BANK_HUB_BREADCRUMB,
-  QUESTION_BANK_HUB_FIND_PATH,
-  QUESTION_BANK_LIBRARY_PATH,
-  QUESTION_BANK_LIBRARY_HUB_PATHS,
-  QUESTION_BANK_LIST_PATH,
-  questionBankCanonicalNavHref,
-  questionBankHubHeaderModel,
-  questionBankHubTextMatchesNothing,
-  type QuestionBankLandingFilterState,
-} from "@/lib/question-bank-nav"
+  applyLibraryHubDisplayFilters,
+  isLibraryDefaultNav,
+  isLibraryDedicatedSearchPathname,
+  parseLibraryNav,
+  LIBRARY_HUB_BREADCRUMB,
+  LIBRARY_HUB_FIND_PATH,
+  LIBRARY_ALL_PATH,
+  LIBRARY_LIBRARY_HUB_PATHS,
+  LIBRARY_LIST_PATH,
+  libraryCanonicalNavHref,
+  libraryHubHeaderModel,
+  libraryHubTextMatchesNothing,
+  type LibraryLandingFilterState,
+} from "@/lib/library-nav"
 import {
-  patchQuestionBankDedicatedSearchParams,
-  QUESTION_BANK_DEDICATED_SEARCH_PLACEHOLDERS,
-} from "@/lib/question-bank-dedicated-search"
-import { recordQuestionBankRecentSearch, questionBankDedicatedSearchRecents } from "@/lib/question-bank-recent-searches"
+  patchLibraryDedicatedSearchParams,
+  LIBRARY_DEDICATED_SEARCH_PLACEHOLDERS,
+} from "@/lib/library-dedicated-search"
+import { recordLibraryRecentSearch, libraryDedicatedSearchRecents } from "@/lib/library-recent-searches"
 import { DedicatedSearchRecents } from "@/components/dedicated-search-recents"
 import { DedicatedSearchUrlComposer } from "@/components/dedicated-search-url-composer"
 import { DedicatedSearchLandingTemplate } from "@/components/templates/dedicated-search-landing-template"
@@ -82,32 +82,32 @@ const DEFAULT_TABS: ViewTab[] = [
 
 const SEARCH_LANDING_TABS: ViewTab[] = [DEFAULT_TABS[0]]
 
-function ignoreQuestionBankTabsUpdate(_next: ViewTab[]) {}
-function ignoreQuestionBankTabActivation(_id: string) {}
+function ignoreLibraryTabsUpdate(_next: ViewTab[]) {}
+function ignoreLibraryTabActivation(_id: string) {}
 /** Stable no-op for search-landing branch where manage-access is not available. */
 function noopManageAccess() {}
 
-function questionBankQueryPrefixFromSearchString(qs: string) {
+function libraryQueryPrefixFromSearchString(qs: string) {
   return qs ? `?${qs}` : ""
 }
 
-export function QuestionBankClient() {
+export function LibraryClient() {
   const router = useRouter()
   const searchParams = useSearchParams()
   const { navState, searchParamsKey, pathname, isHubPath, hubBasePath } = useSecondaryPanelHubNav({
-    hubPathname: QUESTION_BANK_LIBRARY_PATH,
-    hubPathnames: QUESTION_BANK_LIBRARY_HUB_PATHS,
-    panelId: "question-bank",
-    parseNav: parseQuestionBankNav,
-    canonicalHref: questionBankCanonicalNavHref,
-    shouldReopenPanel: isQuestionBankDefaultNav,
+    hubPathname: LIBRARY_ALL_PATH,
+    hubPathnames: LIBRARY_LIBRARY_HUB_PATHS,
+    panelId: "library",
+    parseNav: parseLibraryNav,
+    canonicalHref: libraryCanonicalNavHref,
+    shouldReopenPanel: isLibraryDefaultNav,
     /** Hub/find + list are full-width — layout closes the panel; do not fight it with `openPanel`. */
-    reopenPanelOnPathnames: [QUESTION_BANK_LIBRARY_PATH],
+    reopenPanelOnPathnames: [LIBRARY_ALL_PATH],
   })
-  const isDedicatedSearch = isQuestionBankDedicatedSearchPathname(pathname)
-  const isHubFindSurface = pathname === QUESTION_BANK_HUB_FIND_PATH
+  const isDedicatedSearch = isLibraryDedicatedSearchPathname(pathname)
+  const isHubFindSurface = pathname === LIBRARY_HUB_FIND_PATH
   const dedicatedSearchTitle = isHubFindSurface ? "Discovery search" : "Search Questions"
-  const landingFilters = React.useMemo((): QuestionBankLandingFilterState | null => {
+  const landingFilters = React.useMemo((): LibraryLandingFilterState | null => {
     if (!isDedicatedSearch) return null
     const sp = new URLSearchParams(searchParamsKey)
     return {
@@ -123,6 +123,7 @@ export function QuestionBankClient() {
 
   // Stable Set of tab ids — defaults are constant so this only updates if tabs change.
   const tabIds = React.useMemo(() => new Set(tabs.map(t => t.id)), [tabs])
+
   // Keep the latest pathname / searchParamsKey / tabIds available to the (stable) hashchange
   // listener via refs, so we don't re-subscribe a window listener on every URL change.
   const navRef = React.useRef({ pathname, searchParamsKey, tabIds, hubBasePath })
@@ -134,7 +135,7 @@ export function QuestionBankClient() {
     if (!isHubPath || isDedicatedSearch) return
     const apply = () => {
       const current = navRef.current
-      if (!QUESTION_BANK_LIBRARY_HUB_PATHS.includes(current.pathname)) return
+      if (!LIBRARY_LIBRARY_HUB_PATHS.includes(current.pathname)) return
       const raw = typeof window !== "undefined" ? window.location.hash.slice(1) : ""
       let nextId = "questions"
       if (raw === "panel-view" || raw === "tree-panel") {
@@ -144,7 +145,7 @@ export function QuestionBankClient() {
       }
       setActiveTabId(nextId)
       if (nextId === "questions" && raw && raw !== "questions") {
-        const prefix = questionBankQueryPrefixFromSearchString(current.searchParamsKey)
+        const prefix = libraryQueryPrefixFromSearchString(current.searchParamsKey)
         router.replace(`${current.hubBasePath}${prefix}`, { scroll: false })
       }
     }
@@ -159,7 +160,7 @@ export function QuestionBankClient() {
       if (isDedicatedSearch) return
       setActiveTabId(id)
       if (!isHubPath) return
-      const prefix = questionBankQueryPrefixFromSearchString(searchParamsKey)
+      const prefix = libraryQueryPrefixFromSearchString(searchParamsKey)
       if (id === "questions") {
         router.replace(`${hubBasePath}${prefix}`, { scroll: false })
       } else {
@@ -174,12 +175,12 @@ export function QuestionBankClient() {
   React.useLayoutEffect(() => {
     if (hasUrlSearch) setShowMetrics(false)
   }, [hasUrlSearch])
-  const tableRef = React.useRef<QuestionBankTableHandle>(null)
-  const [items, setItems] = React.useState(() => QUESTION_BANK_ITEMS.map(q => ({ ...q })))
-  const [folders, setFolders] = React.useState(() => DEFAULT_QUESTION_BANK_FOLDERS.map(f => ({ ...f })))
+  const tableRef = React.useRef<LibraryTableHandle>(null)
+  const [items, setItems] = React.useState(() => LIBRARY_ITEMS.map(q => ({ ...q })))
+  const [folders, setFolders] = React.useState(() => DEFAULT_LIBRARY_FOLDERS.map(f => ({ ...f })))
 
   const [hubFolderCustomizeSheetOpen, setHubFolderCustomizeSheetOpen] = React.useState(false)
-  const [hubFolderCustomizeTarget, setHubFolderCustomizeTarget] = React.useState<QuestionBankFolder | null>(null)
+  const [hubFolderCustomizeTarget, setHubFolderCustomizeTarget] = React.useState<LibraryFolder | null>(null)
 
   const openHubScopedFolderCustomize = React.useCallback(() => {
     if (navState.scope !== "folder" || !navState.folderId) return
@@ -190,7 +191,7 @@ export function QuestionBankClient() {
   }, [folders, navState.folderId, navState.scope])
 
   /**
-   * Open the full-page authoring composer (`/question-bank/new`).
+   * Open the full-page authoring composer (`/library/new`).
    * Pre-collapses the main sidebar (Placements pattern) so the user sees one
    * smooth animation into the focused authoring flow. Folder scope, when
    * present, is forwarded as `?folderId=` so the destination dropdown lands
@@ -203,21 +204,21 @@ export function QuestionBankClient() {
         ? `?folderId=${encodeURIComponent(navState.folderId)}`
         : ""
     setMainSidebarOpen(false)
-    window.setTimeout(() => router.push(`/question-bank/new${folderQuery}`), 260)
+    window.setTimeout(() => router.push(`/library/new${folderQuery}`), 260)
   }, [navState.folderId, navState.scope, router, setMainSidebarOpen])
 
   const filteredItems = React.useMemo(
-    () => applyQuestionBankHubDisplayFilters(items, folders, navState, landingFilters),
+    () => applyLibraryHubDisplayFilters(items, folders, navState, landingFilters),
     [items, folders, landingFilters, navState],
   )
 
   const count = filteredItems.length
 
-  const metrics = React.useMemo(() => questionBankKpiMetrics(filteredItems), [filteredItems])
-  const insight = React.useMemo(() => questionBankKpiInsight(filteredItems), [filteredItems])
+  const metrics = React.useMemo(() => libraryKpiMetrics(filteredItems), [filteredItems])
+  const insight = React.useMemo(() => libraryKpiInsight(filteredItems), [filteredItems])
 
   const hubHeader = React.useMemo(
-    () => questionBankHubHeaderModel(folders, navState),
+    () => libraryHubHeaderModel(folders, navState),
     [folders, navState],
   )
 
@@ -225,27 +226,27 @@ export function QuestionBankClient() {
     () =>
       isDedicatedSearch &&
       landingFilters != null &&
-      questionBankHubTextMatchesNothing(items, folders, navState, landingFilters),
+      libraryHubTextMatchesNothing(items, folders, navState, landingFilters),
     [folders, isDedicatedSearch, items, landingFilters, navState],
   )
 
   if (isDedicatedSearch) {
-    const dedicatedReplacePath = isHubFindSurface ? QUESTION_BANK_HUB_FIND_PATH : QUESTION_BANK_LIST_PATH
+    const dedicatedReplacePath = isHubFindSurface ? LIBRARY_HUB_FIND_PATH : LIBRARY_LIST_PATH
     const showDedicatedSearchResults = hasUrlSearch
 
     return (
       <>
-        <QuestionBankFolderBridge
+        <LibraryFolderBridge
           folders={folders}
           onFoldersChange={setFolders}
           items={items}
           onItemsChange={setItems}
         />
-        <QuestionBankAccessBridge openManageAccess={noopManageAccess} />
+        <LibraryAccessBridge openManageAccess={noopManageAccess} />
         <SecondaryPanelHubTemplate
           siteHeader={{
             title: dedicatedSearchTitle,
-            breadcrumbs: [{ label: QUESTION_BANK_HUB_BREADCRUMB.label, href: QUESTION_BANK_HUB_BREADCRUMB.href }],
+            breadcrumbs: [{ label: LIBRARY_HUB_BREADCRUMB.label, href: LIBRARY_HUB_BREADCRUMB.href }],
           }}
           contentClassName={
             showDedicatedSearchResults ? DEDICATED_SEARCH_RESULTS_OUTER_CONTENT_CLASSNAME : undefined
@@ -255,15 +256,16 @@ export function QuestionBankClient() {
             <ListPageTemplate
               defaultTabs={DEFAULT_TABS}
               tabs={SEARCH_LANDING_TABS}
-              onTabsChange={ignoreQuestionBankTabsUpdate}
+              onTabsChange={ignoreLibraryTabsUpdate}
               activeTabId={SEARCH_LANDING_TABS[0]!.id}
-              onActiveTabChange={ignoreQuestionBankTabActivation}
+              onActiveTabChange={ignoreLibraryTabActivation}
               hideViewsToolbar
+              supportedViewTypes={LIBRARY_SUPPORTED_VIEWS}
               getTabCount={() => count}
               tablePropertiesRef={tableRef}
               header={(
                 <DedicatedSearchResultsHeaderChrome>
-                  <QuestionBankPageHeader
+                  <LibraryPageHeader
                     variant="default"
                     title={dedicatedSearchTitle}
                     questionCount={count}
@@ -274,10 +276,10 @@ export function QuestionBankClient() {
                   <DedicatedSearchUrlComposer
                     searchParamsKey={searchParamsKey}
                     replacePath={dedicatedReplacePath}
-                    patchSearchParams={patchQuestionBankDedicatedSearchParams}
-                    onRecordSubmission={recordQuestionBankRecentSearch}
+                    patchSearchParams={patchLibraryDedicatedSearchParams}
+                    onRecordSubmission={recordLibraryRecentSearch}
                     layout="default"
-                    animatedPlaceholders={QUESTION_BANK_DEDICATED_SEARCH_PLACEHOLDERS}
+                    animatedPlaceholders={LIBRARY_DEDICATED_SEARCH_PLACEHOLDERS}
                     animatedPlaceholderIntervalMs={4800}
                     animatedPlaceholderMaxLines={2}
                     placeholder="Search the bank…"
@@ -302,7 +304,7 @@ export function QuestionBankClient() {
               onExportOpenChange={setExportOpen}
               exportTotalRows={count}
               renderContent={(tab, updateTab) => (
-                <QuestionBankTable
+                <LibraryTable
                   key={tab.id}
                   ref={tableRef}
                   items={items}
@@ -314,22 +316,21 @@ export function QuestionBankClient() {
                   onFoldersChange={setFolders}
                   onItemsChange={setItems}
                   view={tab.viewType}
-                  supportedViewTypes={QUESTION_BANK_SUPPORTED_VIEWS}
                   onViewChange={(v: DataListViewType) => updateTab({ viewType: v, icon: dataListViewIcon(v) })}
                 />
               )}
             />
           ) : (
             <DedicatedSearchLandingTemplate
-              title={isHubFindSurface ? "Discovery search" : "Search your question bank"}
+              title={isHubFindSurface ? "Discovery search" : "Search your library"}
               composer={(
                 <DedicatedSearchUrlComposer
                   searchParamsKey={searchParamsKey}
                   replacePath={dedicatedReplacePath}
-                  patchSearchParams={patchQuestionBankDedicatedSearchParams}
-                  onRecordSubmission={recordQuestionBankRecentSearch}
+                  patchSearchParams={patchLibraryDedicatedSearchParams}
+                  onRecordSubmission={recordLibraryRecentSearch}
                   layout="hero"
-                  animatedPlaceholders={QUESTION_BANK_DEDICATED_SEARCH_PLACEHOLDERS}
+                  animatedPlaceholders={LIBRARY_DEDICATED_SEARCH_PLACEHOLDERS}
                   animatedPlaceholderIntervalMs={4800}
                   animatedPlaceholderMaxLines={2}
                   placeholder="Search the bank…"
@@ -346,10 +347,10 @@ export function QuestionBankClient() {
               )}
               trailing={(
                 <DedicatedSearchRecents
-                  recents={questionBankDedicatedSearchRecents}
+                  recents={libraryDedicatedSearchRecents}
                   searchParamsKey={searchParamsKey}
                   replacePath={dedicatedReplacePath}
-                  patchSearchParams={patchQuestionBankDedicatedSearchParams}
+                  patchSearchParams={patchLibraryDedicatedSearchParams}
                 />
               )}
             />
@@ -361,7 +362,7 @@ export function QuestionBankClient() {
 
   return (
     <CollaborationAccessFlow
-      initialCollaborators={QUESTION_BANK_HEADER_COLLABORATORS}
+      initialCollaborators={LIBRARY_HEADER_COLLABORATORS}
       resourceLabel={hubHeader.title}
     >
       {({ collaborators, openInvite }) => (
@@ -369,13 +370,13 @@ export function QuestionBankClient() {
           <SecondaryPanelHubTemplate
             bridges={(
               <>
-                <QuestionBankFolderBridge
+                <LibraryFolderBridge
                   folders={folders}
                   onFoldersChange={setFolders}
                   items={items}
                   onItemsChange={setItems}
                 />
-                <QuestionBankAccessBridge openManageAccess={openInvite} />
+                <LibraryAccessBridge openManageAccess={openInvite} />
               </>
             )}
             siteHeader={{
@@ -389,10 +390,11 @@ export function QuestionBankClient() {
               onTabsChange={setTabs}
               activeTabId={activeTabId}
               onActiveTabChange={onActiveTabChange}
+              supportedViewTypes={LIBRARY_SUPPORTED_VIEWS}
               getTabCount={() => count}
               tablePropertiesRef={tableRef}
               header={(
-                <QuestionBankPageHeader
+                <LibraryPageHeader
                   variant="collaboration"
                   title={hubHeader.title}
                   questionCount={count}
@@ -418,12 +420,11 @@ export function QuestionBankClient() {
                 />
               )}
               showMetrics={showMetrics}
-              supportedViewTypes={QUESTION_BANK_SUPPORTED_VIEWS}
               exportOpen={exportOpen}
               onExportOpenChange={setExportOpen}
               exportTotalRows={count}
               renderContent={(tab, updateTab) => (
-                <QuestionBankTable
+                <LibraryTable
                   key={tab.id}
                   ref={tableRef}
                   items={items}
@@ -435,13 +436,12 @@ export function QuestionBankClient() {
                   onFoldersChange={setFolders}
                   onItemsChange={setItems}
                   view={tab.viewType}
-                  supportedViewTypes={QUESTION_BANK_SUPPORTED_VIEWS}
                   onViewChange={(v: DataListViewType) => updateTab({ viewType: v, icon: dataListViewIcon(v) })}
                 />
               )}
             />
           </SecondaryPanelHubTemplate>
-          <QuestionBankNewFolderSheet
+          <LibraryNewFolderSheet
             open={hubFolderCustomizeSheetOpen}
             onOpenChange={open => {
               setHubFolderCustomizeSheetOpen(open)