improvement(links): rebuild the organization Links page in the new design system

Search, sort, paging, row click, the right-click menu, ?create= prefill, variable links, and the
canEdit/canManage split all follow the current page. The extension-imported modal and shortcut stay
as they are, and the source-card form keeps using them.

Author: waleedlatif1

apps/sim/app/o/[organizationId]/links/columns.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react'
+import { RedesignHost } from '@/app/o/[organizationId]/_redesign/redesign-host'
+
+interface LinksSurfaceProps {
+  children: ReactNode
+}
+
+/** Fills the app's content slot, and the grid stretches the surface so its canvas reaches the end. */
+export function LinksSurface({ children }: LinksSurfaceProps) {
+  return (
+    <div className='grid h-full min-h-0 min-w-0 flex-1 grid-cols-[minmax(0,1fr)] overflow-y-auto'>
+      <RedesignHost>{children}</RedesignHost>
+    </div>
+  )
+}

apps/sim/app/o/[organizationId]/links/links-surface.tsx

@@ -1,27 +1,15 @@
-'use client'
-
-import { Link } from '@sim/emcn/icons'
-import { useDeploymentShape } from '@/lib/core/config/deployment-shape'
+import { LinksSurface } from '@/app/o/[organizationId]/links/links-surface'
 import {
-  INSTALL_EXTENSION_ACTION,
-  NEW_SIM_LINK_ACTION,
-  SIM_LINK_COLUMNS,
-  SIM_LINKS_SEARCH_PLACEHOLDER,
-} from '@/app/o/[organizationId]/links/columns'
-import { ResourceChromeFallback } from '@/app/workspace/[workspaceId]/components/resource/components/resource-chrome-fallback'
+  LinkRowsSkeleton,
+  LinksFrame,
+} from '@/platform/app/(shell)/links/_components/links-page/links-frame'
 
 export default function SimLinksLoading() {
-  const { hosted } = useDeploymentShape()
   return (
-    <div inert aria-busy className='contents'>
-      <ResourceChromeFallback
-        icon={Link}
-        title='Links'
-        columns={SIM_LINK_COLUMNS}
-        actions={hosted ? [INSTALL_EXTENSION_ACTION, NEW_SIM_LINK_ACTION] : [NEW_SIM_LINK_ACTION]}
-        searchPlaceholder={SIM_LINKS_SEARCH_PLACEHOLDER}
-        hasSort
-      />
-    </div>
+    <LinksSurface>
+      <LinksFrame loading>
+        <LinkRowsSkeleton />
+      </LinksFrame>
+    </LinksSurface>
   )
 }

apps/sim/app/o/[organizationId]/links/loading.tsx

@@ -4,7 +4,8 @@ import { getSession } from '@/lib/auth'
 import { organizationRoutes } from '@/lib/navigation/paths'
 import { isSimLinksEnabled } from '@/lib/sim-links/feature-flag'
 import { buildAuthCrossLink } from '@/app/(auth)/auth-redirect'
-import { SimLinks } from '@/app/o/[organizationId]/links/sim-links'
+import { LinksSurface } from '@/app/o/[organizationId]/links/links-surface'
+import { LinksPage } from '@/platform/app/(shell)/links/_components/links-page/links-page'
 
 export const metadata: Metadata = { title: 'Links' }
 
@@ -23,5 +24,9 @@ export default async function SimLinksPage({ params }: SimLinksPageProps) {
       })
     )
   if (!(await isSimLinksEnabled(organizationId))) notFound()
-  return <SimLinks organizationId={organizationId} />
+  return (
+    <LinksSurface>
+      <LinksPage organizationId={organizationId} />
+    </LinksSurface>
+  )
 }

apps/sim/app/o/[organizationId]/links/page.tsx

@@ -3,7 +3,8 @@ import { createParser, createSerializer, parseAsString } from 'nuqs/server'
 import { SIM_LINK_SEARCH_MAX_LENGTH, SIM_LINK_SORTS } from '@/lib/sim-links/validation'
 import { createSortParams } from '@/lib/url-state'
 
-const boundedSearch = (value: string) => truncateAtCodePoint(value, SIM_LINK_SEARCH_MAX_LENGTH, '')
+export const boundedSearch = (value: string) =>
+  truncateAtCodePoint(value, SIM_LINK_SEARCH_MAX_LENGTH, '')
 
 /**
  * `create` opens the new-link editor, prefilled with its value as the name. `search` filters by