fix: add type safety checks for indexed access

- Add null checks in RelationshipGraph for NODE_COLORS fallback
- Add product existence check in VendorMatrix before rendering
- Add section data validation in CollectionScrollbar
- Add fallback href in MarkdownContent link rendering
- Add pricing tier validation in metadata helpers

Fixes type errors from noUncheckedIndexedAccess TypeScript option

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: ericyangpan

src/app/[locale]/ai-coding-landscape/components/RelationshipGraph.tsx

@@ -69,7 +69,7 @@ const EDGE_COLORS: Record<string, string> = {
 
 // Custom node component
 function CustomNode({ data }: { data: NodeData }) {
-  const colors = NODE_COLORS[data.type] || NODE_COLORS.vendor
+  const colors = (NODE_COLORS[data.type] || NODE_COLORS.vendor)!
   const isVendor = data.type === 'vendor'
 
   return (

src/app/[locale]/ai-coding-landscape/components/VendorMatrix.tsx

@@ -52,6 +52,7 @@ function MatrixCell({ products, category, categoryColor }: MatrixCellProps) {
 
   if (products.length === 1) {
     const product = products[0]
+    if (!product) return null
     return (
       <Link
         href={product.path}

src/components/CollectionScrollbar.tsx

@@ -21,9 +21,11 @@ export default function CollectionScrollbar() {
       const scrollPosition = window.scrollY + 100
 
       for (let i = sections.length - 1; i >= 0; i--) {
-        const section = document.getElementById(sections[i].id)
+        const sectionData = sections[i]
+        if (!sectionData) continue
+        const section = document.getElementById(sectionData.id)
         if (section && section.offsetTop <= scrollPosition) {
-          setActiveSection(sections[i].id)
+          setActiveSection(sectionData.id)
           break
         }
       }

src/components/MarkdownContent.tsx

@@ -106,7 +106,7 @@ function renderInlineMarkdown(text: string): React.ReactNode {
         parts.push(
           <Link
             key={key++}
-            href={match[2]}
+            href={match[2] || '#'}
             className="text-[var(--color-text)] underline hover:no-underline"
           >
             {match[1]}

src/lib/metadata/helpers.ts

@@ -308,6 +308,7 @@ export function formatPriceForDescription(
   if (!pricing || pricing.length === 0) return null
 
   const firstTier = pricing[0]
+  if (!firstTier) return null
   if (firstTier.value === null || firstTier.value === 0) {
     return 'Free'
   }