- Total Schemas: {data.structuredData.length}
+ Total Schemas: {liveData.structuredData.length}
Schema Types:
@@ -443,7 +466,7 @@ export function ManualsDashboardClient({ data }: ManualsDashboardClientProps) {
Manuals Indexed
- {data.semanticIndex?.total_manuals || 0}
+ {liveData.semanticIndex?.total_manuals || 0}
Note: Using placeholder embeddings. Ready for production integration.
diff --git a/components/manuals-page-experience.tsx b/components/manuals-page-experience.tsx
new file mode 100644
index 00000000..4c6fbf39
--- /dev/null
+++ b/components/manuals-page-experience.tsx
@@ -0,0 +1,68 @@
+'use client'
+
+import { useEffect, useMemo, useState } from 'react'
+import { PublicInset, PublicPageHeader } from '@/components/public-surface'
+import { ManualsPageShell } from '@/components/manuals-page-shell'
+import { groupManuals, getCategories, getManufacturers } from '@/lib/manuals-catalog'
+import { fetchPublishedManualsCatalog } from '@/lib/manuals-live-catalog'
+import type { Manual } from '@/lib/manuals-types'
+
+interface ManualsPageExperienceProps {
+ initialManuals: Manual[]
+}
+
+export function ManualsPageExperience({ initialManuals }: ManualsPageExperienceProps) {
+ const [manuals, setManuals] = useState(initialManuals)
+
+ useEffect(() => {
+ let cancelled = false
+
+ void (async () => {
+ const liveManuals = await fetchPublishedManualsCatalog()
+ if (cancelled || liveManuals.length === 0) {
+ return
+ }
+
+ setManuals((current) => {
+ if (liveManuals.length === current.length) {
+ return current
+ }
+
+ return liveManuals
+ })
+ })()
+
+ return () => {
+ cancelled = true
+ }
+ }, [])
+
+ const groupedManuals = useMemo(() => groupManuals(manuals), [manuals])
+ const manufacturers = useMemo(() => getManufacturers(manuals), [manuals])
+ const categories = useMemo(() => getCategories(manuals), [manuals])
+
+ return (
+ <>
+
+
+
+ {manuals.length} manuals available from {manufacturers.length} manufacturers
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/lib/manuals-catalog.ts b/lib/manuals-catalog.ts
new file mode 100644
index 00000000..34fa534a
--- /dev/null
+++ b/lib/manuals-catalog.ts
@@ -0,0 +1,32 @@
+import type { Manual, ManualGroup } from '@/lib/manuals-types'
+
+export function groupManuals(manuals: Manual[]): ManualGroup[] {
+ const grouped: Record
> = {}
+
+ for (const manual of manuals) {
+ if (!grouped[manual.manufacturer]) {
+ grouped[manual.manufacturer] = {}
+ }
+ if (!grouped[manual.manufacturer][manual.category]) {
+ grouped[manual.manufacturer][manual.category] = []
+ }
+ grouped[manual.manufacturer][manual.category].push(manual)
+ }
+
+ return Object.entries(grouped)
+ .map(([manufacturer, categories]) => ({
+ manufacturer,
+ categories: Object.fromEntries(
+ Object.entries(categories).sort(([left], [right]) => left.localeCompare(right)),
+ ),
+ }))
+ .sort((left, right) => left.manufacturer.localeCompare(right.manufacturer))
+}
+
+export function getManufacturers(manuals: Manual[]): string[] {
+ return Array.from(new Set(manuals.map((manual) => manual.manufacturer))).sort()
+}
+
+export function getCategories(manuals: Manual[]): string[] {
+ return Array.from(new Set(manuals.map((manual) => manual.category))).sort()
+}
diff --git a/lib/manuals-live-catalog.ts b/lib/manuals-live-catalog.ts
new file mode 100644
index 00000000..e4953ce9
--- /dev/null
+++ b/lib/manuals-live-catalog.ts
@@ -0,0 +1,67 @@
+import { ConvexHttpClient } from 'convex/browser'
+import { api } from '@/convex/_generated/api'
+import type { Manual } from '@/lib/manuals-types'
+
+type ConvexManualDoc = {
+ filename: string
+ path: string
+ manufacturer: string
+ category: string
+ size?: number
+ lastModified?: number
+ searchTerms?: string[]
+ commonNames?: string[]
+ thumbnailUrl?: string
+}
+
+function getClient() {
+ const convexUrl = process.env.NEXT_PUBLIC_CONVEX_URL
+ if (!convexUrl) {
+ return null
+ }
+
+ return new ConvexHttpClient(convexUrl)
+}
+
+function mapManual(manual: ConvexManualDoc): Manual {
+ return {
+ filename: manual.filename,
+ path: manual.path,
+ manufacturer: manual.manufacturer,
+ category: manual.category,
+ size: manual.size,
+ lastModified: manual.lastModified ? new Date(manual.lastModified) : undefined,
+ searchTerms: manual.searchTerms,
+ commonNames: manual.commonNames,
+ thumbnailUrl: manual.thumbnailUrl,
+ }
+}
+
+export async function fetchPublishedManualsCatalog(): Promise {
+ const client = getClient()
+ if (!client) {
+ return []
+ }
+
+ try {
+ const manuals = await client.query(api.manuals.list, {})
+ return (manuals as ConvexManualDoc[]).map(mapManual)
+ } catch (error) {
+ console.error('[manuals-live-catalog] catalog refresh failed', error)
+ return []
+ }
+}
+
+export async function fetchPublishedManualsDashboard() {
+ const client = getClient()
+ if (!client) {
+ return null
+ }
+
+ try {
+ return await client.query(api.manuals.dashboard, {})
+ } catch (error) {
+ console.error('[manuals-live-catalog] dashboard refresh failed', error)
+ return null
+ }
+}