yaak-mountain-loop/src-web/routes/workspaces/$workspaceId/index.tsx

import { createFileRoute } from '@tanstack/react-router'
import { Workspace } from '../../../components/Workspace'

interface WorkspaceSearchSchema {
  request_id?: string | null
  environment_id?: string | null
  cookie_jar_id?: string | null
}

export const Route = createFileRoute('/workspaces/$workspaceId/')({
  component: RouteComponent,
  validateSearch: (search: Record<string, unknown>): WorkspaceSearchSchema => ({
    request_id: search.request_id as string,
    environment_id: search.environment_id as string,
    cookie_jar_id: search.cookie_jar_id as string,
  }),
})

function RouteComponent() {
  return <Workspace />
}