fix(landing): keep changelog load-more when initial page is empty; drop inline comments

- changelog: getNextPageParam no longer treats an empty server-seeded page 1 as
  end-of-feed, so a failed/empty initial GitHub fetch still surfaces 'Show more'
  (addresses Cursor Bugbot).
- replace the inline comments added in this branch with TSDoc on the search-param
  caches (documents the dynamic-render → SSR-filtered behavior), per the
  codebase's TSDoc-only convention.

Author: waleedlatif1

apps/sim/app/(landing)/changelog/components/changelog-timeline/use-changelog-releases.ts

@@ -31,16 +31,17 @@ async function fetchReleasesPage(page: number, signal?: AbortSignal): Promise<Ch
  * page 1 and passes it as `initialEntries`, seeded here via `initialData` so the
  * first page stays server-rendered (no client refetch within `staleTime`); the
  * "Show more" control drives `fetchNextPage`. A page that maps to zero entries
- * (end of releases, or all prereleases) ends pagination — matching the prior
- * load-more behavior.
+ * ends pagination, except the server-seeded page 1 alone — so a failed or empty
+ * initial fetch still surfaces "Show more" and can load page 2, matching the
+ * prior client pagination.
  */
 export function useChangelogReleases(initialEntries: ChangelogEntry[]) {
   return useInfiniteQuery({
     queryKey: changelogKeys.releases(),
     queryFn: ({ pageParam, signal }) => fetchReleasesPage(pageParam, signal),
     initialPageParam: 1,
     getNextPageParam: (lastPage, allPages) =>
-      lastPage.length === 0 ? undefined : allPages.length + 1,
+      lastPage.length === 0 && allPages.length > 1 ? undefined : allPages.length + 1,
     initialData: { pages: [initialEntries], pageParams: [1] },
     staleTime: 60 * 60 * 1000,
   })

apps/sim/app/(landing)/integrations/(shell)/page.tsx

@@ -94,9 +94,6 @@ export default async function IntegrationsPage({
 }: {
   searchParams: Promise<SearchParams>
 }) {
-  // Parse on the server so the route renders dynamically with the active
-  // search/category from the URL — the client grid (`useQueryStates`) hydrates in
-  // sync, keeping filtered views crawlable and shareable.
   await integrationsSearchParamsCache.parse(searchParams)
 
   const breadcrumbJsonLd = {

apps/sim/app/(landing)/integrations/search-params.ts

@@ -21,4 +21,10 @@ export const integrationsUrlKeys = {
   clearOnDefault: true,
 } as const
 
+/**
+ * Parsing this in the page's server component opts the route into dynamic
+ * rendering, which populates `useSearchParams` during the server render — so the
+ * client grid's `useQueryStates` filters server-side and the initial HTML ships
+ * the filtered catalog (crawlable, shareable), with no post-hydration swap.
+ */
 export const integrationsSearchParamsCache = createSearchParamsCache(integrationsParsers)

apps/sim/app/(landing)/models/(shell)/page.tsx

@@ -87,9 +87,6 @@ export default async function ModelsPage({
 }: {
   searchParams: Promise<SearchParams>
 }) {
-  // Parse on the server so the route renders dynamically with the active
-  // search/provider from the URL — the client directory (`useQueryStates`)
-  // hydrates in sync, keeping filtered views crawlable and shareable.
   await modelsSearchParamsCache.parse(searchParams)
 
   const flatModels = MODEL_PROVIDERS_WITH_CATALOGS.flatMap((provider) =>

apps/sim/app/(landing)/models/components/model-timeline-chart.tsx

@@ -76,10 +76,6 @@ export function ModelTimelineChart({ models, providerId }: ModelTimelineChartPro
                   height: '100%',
                 }}
               >
-                {/* Dot - centered exactly on the line (70px - 6px). Resting at 85%
-                    opacity, hover lifts it to full with a slight scale — an
-                    understated, opacity-driven hover matching the comparison
-                    chart, so it reads as a clean accent rather than a jump. */}
                 <div
                   className='-translate-x-1/2 absolute top-[64px] left-1/2 size-[12px] rounded-full opacity-[0.85] transition-[opacity,transform] duration-150 group-hover:scale-110 group-hover:opacity-100'
                   style={{ backgroundColor: color }}

apps/sim/app/(landing)/models/search-params.ts

@@ -21,4 +21,10 @@ export const modelsUrlKeys = {
   clearOnDefault: true,
 } as const
 
+/**
+ * Parsing this in the page's server component opts the route into dynamic
+ * rendering, which populates `useSearchParams` during the server render — so the
+ * client directory's `useQueryStates` filters server-side and the initial HTML
+ * ships the filtered list (crawlable, shareable), with no post-hydration swap.
+ */
 export const modelsSearchParamsCache = createSearchParamsCache(modelsParsers)

apps/sim/app/(landing)/pricing/page.tsx

@@ -61,8 +61,6 @@ export const metadata: Metadata = {
 }
 
 export default async function Page({ searchParams }: { searchParams: Promise<SearchParams> }) {
-  // Parse on the server so the route renders dynamically with the billing period
-  // from the URL — the client toggle (`useQueryStates`) then hydrates in sync.
   await pricingSearchParamsCache.parse(searchParams)
   return <Pricing />
 }

apps/sim/app/(landing)/pricing/search-params.ts

@@ -19,4 +19,10 @@ export const pricingUrlKeys = {
   clearOnDefault: true,
 } as const
 
+/**
+ * Parsing this in the page's server component opts the route into dynamic
+ * rendering, which populates `useSearchParams` during the server render — so the
+ * client cards' `useQueryStates` resolves the billing period server-side and the
+ * initial HTML ships the correct prices (no toggle flash on a shared link).
+ */
 export const pricingSearchParamsCache = createSearchParamsCache(pricingParsers)