refactor: rename tools_compatible to compatible_tools across codebase for consistency

Author: IrvanFza

src/components/BreakEvenCalculator.tsx

@@ -19,7 +19,7 @@ interface PlanData {
   categories: string[];
   student_discount: boolean;
   startup_credits: boolean;
-  tools_compatible: string[];
+  compatible_tools: string[];
   community_score?: number;
   latency?: {
     average_ms?: number;

src/components/ComparisonMatrix.tsx

@@ -19,7 +19,7 @@ interface PlanData {
   categories: string[];
   student_discount: boolean;
   startup_credits: boolean;
-  tools_compatible: string[];
+  compatible_tools: string[];
   community_score?: number;
   latency?: {
     average_ms?: number;
@@ -44,7 +44,7 @@ const COMPARISON_ROWS: { key: string; label: string; getValue: (p: PlanData) =>
   { key: 'tpm', label: 'Tokens/min', getValue: p => p.limits.tokens_per_minute ? `${(p.limits.tokens_per_minute / 1000).toFixed(0)}K` : '—' },
   { key: 'daily', label: 'Daily Message Limit', getValue: p => p.limits.daily_message_limit?.toString() || '—' },
   { key: 'features', label: 'Features', getValue: p => p.features.join(', ') || '—' },
-  { key: 'tools', label: 'Tool Compatibility', getValue: p => p.tools_compatible.join(', ') || '—' },
+  { key: 'tools', label: 'Tool Compatibility', getValue: p => p.compatible_tools.join(', ') || '—' },
   { key: 'student', label: 'Student Discount', getValue: p => p.student_discount ? '✅ Yes' : '❌ No' },
   { key: 'community', label: 'Community Score', getValue: p => p.community_score != null ? `${p.community_score}/100` : '—' },
   { key: 'latency', label: 'Avg Latency', getValue: p => p.latency?.average_ms ? `${p.latency.average_ms}ms` : '—' },

src/components/CompatibilityMatrix.astro

@@ -23,7 +23,7 @@ const compatibilityData = allPlans
     provider: plan.data.provider,
     badge: plan.data.badge,
     compatibility: matrixTools.map(tool => {
-      const isNative = plan.data.tools_compatible.includes(tool.slug);
+      const isNative = plan.data.compatible_tools.includes(tool.slug);
       // Check if this tool lists this plan as compatible
       const toolData = allTools.find(t => t.data.slug === tool.slug);
       const isViaPlugin = toolData?.data.plans_compatible.includes(plan.data.slug) && !isNative;

src/components/FilterBar.astro

@@ -7,7 +7,7 @@ const { plans } = Astro.props;
 
 const allProviders = [...new Set(plans.map(p => p.provider))].sort();
 const allCategories = [...new Set(plans.flatMap(p => p.categories))].sort();
-const allTools = [...new Set(plans.flatMap(p => p.tools_compatible))].sort();
+const allTools = [...new Set(plans.flatMap(p => p.compatible_tools))].sort();
 
 const PRICE_RANGES = [
   { value: 'all', label: 'All Prices' },

src/components/RecommendationWizard.tsx

@@ -19,7 +19,7 @@ interface PlanData {
   categories: string[];
   student_discount: boolean;
   startup_credits: boolean;
-  tools_compatible: string[];
+  compatible_tools: string[];
   community_score?: number;
   latency?: {
     average_ms?: number;

src/pages/compare.astro

@@ -27,7 +27,7 @@ const planData = allPlans.map(plan => ({
   categories: plan.data.categories,
   student_discount: plan.data.student_discount,
   startup_credits: plan.data.startup_credits,
-  tools_compatible: plan.data.tools_compatible,
+  compatible_tools: plan.data.compatible_tools,
   community_score: plan.data.community_score ?? undefined,
   latency: plan.data.latency ? {
     average_ms: plan.data.latency.average_ms,

src/pages/plans/[slug].astro

@@ -38,7 +38,7 @@ const serializedPlans = allPlans.map(p => ({
   categories: p.data.categories,
   student_discount: p.data.student_discount,
   startup_credits: p.data.startup_credits,
-  tools_compatible: p.data.tools_compatible,
+  compatible_tools: p.data.compatible_tools,
   community_score: p.data.community_score ?? undefined,
   latency: p.data.latency ? {
     average_ms: p.data.latency.average_ms,
@@ -313,11 +313,11 @@ const getUptimeColor = (pct?: number) => {
           )}
 
           <!-- Tool Compatibility -->
-          {planData.tools_compatible.length > 0 && (
+          {planData.compatible_tools.length > 0 && (
             <div class="bg-base-100 rounded-2xl border border-base-300 shadow-sm p-6">
               <h2 class="text-lg font-bold mb-3">Compatible Tools</h2>
               <div class="flex flex-wrap gap-2">
-                {planData.tools_compatible.map((tool) => (
+                {planData.compatible_tools.map((tool) => (
                   <a href={`/tools/${tool}/`} class="badge badge-outline badge-sm hover:badge-primary transition-colors duration-200 cursor-pointer">{tool}</a>
                 ))}
               </div>

src/pages/plans/index.astro

@@ -31,7 +31,7 @@ const planDataForFilter = allPlans.map(plan => ({
   categories: plan.data.categories,
   student_discount: plan.data.student_discount,
   startup_credits: plan.data.startup_credits,
-  tools_compatible: plan.data.tools_compatible,
+  compatible_tools: plan.data.compatible_tools,
   community_score: plan.data.community_score ?? undefined,
   community_score: plan.data.community_score ?? undefined,
   latency: plan.data.latency ? {
@@ -96,7 +96,7 @@ const planDataForFilter = allPlans.map(plan => ({
               data-badge={plan.data.badge}
               data-provider={plan.data.provider}
               data-categories={plan.data.categories.join(',')}
-              data-tools={plan.data.tools_compatible.join(',')}
+              data-tools={plan.data.compatible_tools.join(',')}
               data-student={plan.data.student_discount ? 'true' : 'false'}
               data-startup={plan.data.startup_credits ? 'true' : 'false'}
             >

src/pages/tools/[slug].astro

@@ -17,7 +17,7 @@ const t = tool.data;
 
 const allPlans = await getCollection('plans');
 // Find plans compatible with this tool
-const compatiblePlans = allPlans.filter(p => p.data.tools_compatible.includes(t.slug));
+const compatiblePlans = allPlans.filter(p => p.data.compatible_tools.includes(t.slug));
 ---
 
 <BaseLayout