diff --git a/packages/api-explorer/e2e/diffScene.spec.ts b/packages/api-explorer/e2e/diffScene.spec.ts
index d32210a94..3f8d0e839 100644
--- a/packages/api-explorer/e2e/diffScene.spec.ts
+++ b/packages/api-explorer/e2e/diffScene.spec.ts
@@ -151,7 +151,7 @@ describe('Diff Scene', () => {
           page.evaluate((el) => el.innerText.match(/^[a-z_]*/)[0], resultCard)
         )
       )
-      expect(page1Methods).toHaveLength(15)
+      expect(page1Methods).toHaveLength(16)
       expect(page1Methods).toContain('delete_board_item')
     }
 
@@ -176,13 +176,15 @@ describe('Diff Scene', () => {
       const methodLink = await page.$(`${resultCardsSelector} a[role=link]`)
       expect(methodLink).not.toBeNull()
       const methodText = await page.evaluate((e) => e.innerText, methodLink)
-      expect(methodText).toMatch(`delete_board_item for 4.0`)
+      expect(methodText).toMatch(`delete_alert for 4.0`)
 
       // Click and validate destination
       await methodLink.click()
       await page.waitForSelector(`div[class*=MethodBadge]`, { timeout: 5000 })
       const compUrl = page.url()
-      expect(compUrl).toEqual(`${BASE_URL}/4.0/methods/Board/delete_board_item`)
+      expect(compUrl).toEqual(
+        `${BASE_URL}/4.0/methods/Alert/delete_alert?sdk=py`
+      )
     }
   })
 
@@ -217,7 +219,7 @@ describe('Diff Scene', () => {
     // Check the URL
     // Would like to do this earlier, but not sure what to wait on
     const compUrl = page.url()
-    expect(compUrl).toEqual(`${BASE_URL}/diff/3.1/4.0`)
+    expect(compUrl).toEqual(`${BASE_URL}/diff/3.1/4.0?sdk=py`)
 
     // Check the results
     const diffResultCards = await page.$$(resultCardsSelector)
@@ -228,7 +230,7 @@ describe('Diff Scene', () => {
       )
     )
 
-    expect(diff31to40Page1Methods).toHaveLength(15)
+    expect(diff31to40Page1Methods).toHaveLength(16)
     expect(diff31to40Page1Methods).toContain('delete_board_item')
 
     // Click the switch button
@@ -245,7 +247,7 @@ describe('Diff Scene', () => {
     await page.waitForTimeout(150)
 
     const switchUrl = page.url()
-    expect(switchUrl).toEqual(`${BASE_URL}/diff/4.0/3.1`)
+    expect(switchUrl).toEqual(`${BASE_URL}/diff/4.0/3.1?sdk=py`)
 
     // Check the results again, even though they should be the same
     const diff40to31Page1Methods = await Promise.all(
@@ -254,7 +256,7 @@ describe('Diff Scene', () => {
       )
     )
 
-    expect(diff40to31Page1Methods).toHaveLength(15)
+    expect(diff40to31Page1Methods).toHaveLength(16)
     expect(diff40to31Page1Methods).toContain('delete_board_item')
   })
 })
diff --git a/packages/api-explorer/e2e/e2e.spec.ts b/packages/api-explorer/e2e/e2e.spec.ts
index bfdd2952f..1d01deff7 100644
--- a/packages/api-explorer/e2e/e2e.spec.ts
+++ b/packages/api-explorer/e2e/e2e.spec.ts
@@ -45,6 +45,12 @@ describe('API Explorer', () => {
       await goToPage(v40)
     })
 
+    afterEach(async () => {
+      await page.evaluate(() => {
+        localStorage.clear()
+      })
+    })
+
     it('renders a method page', async () => {
       await Promise.all([
         page.waitForNavigation(),
@@ -55,7 +61,7 @@ describe('API Explorer', () => {
         expect(page).toClick('h3', { text: 'Get All Dashboards' }),
       ])
       await expect(page.url()).toEqual(
-        `${v40}/methods/Dashboard/all_dashboards`
+        `${v40}/methods/Dashboard/all_dashboards?sdk=py`
       )
 
       // title
@@ -245,6 +251,12 @@ describe('API Explorer', () => {
       await goToPage(v40)
     })
 
+    afterEach(async () => {
+      await page.evaluate(() => {
+        localStorage.clear()
+      })
+    })
+
     it('searches methods', async () => {
       await expect(page).toFill('input[aria-label="Search"]', 'get workspace')
       // TODO: find a better way to avoid the scenario where L215 executes before search returns
@@ -255,7 +267,9 @@ describe('API Explorer', () => {
       await expect(page).toMatchElement('button', { text: 'Types (0)' })
       await expect(page).toClick('a', { text: 'Get Workspace' })
       await expect(page).toMatchElement('h2', { text: 'Get Workspace' })
-      await expect(page.url()).toEqual(`${v40}/methods/Workspace/workspace`)
+      await expect(page.url()).toEqual(
+        `${v40}/methods/Workspace/workspace?sdk=py&s=get+workspace`
+      )
     })
 
     it('searches types', async () => {
@@ -267,7 +281,9 @@ describe('API Explorer', () => {
       await expect(page).toClick('button', { text: 'Types (1)' })
       await expect(page).toClick('a', { text: 'WriteTheme' })
       await expect(page).toMatchElement('h2', { text: 'WriteTheme' })
-      await expect(page.url()).toEqual(`${v40}/types/Theme/WriteTheme`)
+      await expect(page.url()).toEqual(
+        `${v40}/types/Theme/WriteTheme?sdk=py&s=writetheme`
+      )
     })
   })
 })
diff --git a/packages/api-explorer/src/ApiExplorer.tsx b/packages/api-explorer/src/ApiExplorer.tsx
index 05740eb17..84e835763 100644
--- a/packages/api-explorer/src/ApiExplorer.tsx
+++ b/packages/api-explorer/src/ApiExplorer.tsx
@@ -67,8 +67,9 @@ import {
   useSpecStoreState,
   selectSpecs,
   selectCurrentSpec,
+  selectSdkLanguage,
 } from './state'
-import { getSpecKey, diffPath } from './utils'
+import { getSpecKey, diffPath, useNavigation, findSdk, allAlias } from './utils'
 
 export interface ApiExplorerProps {
   adaptor: IApixAdaptor
@@ -85,19 +86,23 @@ export const ApiExplorer: FC<ApiExplorerProps> = ({
   declarationsLodeUrl = `${apixFilesHost}/declarationsIndex.json`,
   headless = false,
 }) => {
-  useSettingStoreState()
+  const { initialized } = useSettingStoreState()
   useLodesStoreState()
   const { working, description } = useSpecStoreState()
   const specs = useSelector(selectSpecs)
   const spec = useSelector(selectCurrentSpec)
+  const selectedSdkLanguage = useSelector(selectSdkLanguage)
   const { initLodesAction } = useLodeActions()
-  const { initSettingsAction, setSearchPatternAction } = useSettingActions()
+  const { initSettingsAction, setSearchPatternAction, setSdkLanguageAction } =
+    useSettingActions()
   const { initSpecsAction, setCurrentSpecAction } = useSpecActions()
 
   const location = useLocation()
+  const navigate = useNavigation()
   const [hasNavigation, setHasNavigation] = useState(true)
   const toggleNavigation = (target?: boolean) =>
     setHasNavigation(target || !hasNavigation)
+  const searchParams = new URLSearchParams(location.search)
 
   const hasNavigationToggle = useCallback((e: MessageEvent<any>) => {
     if (e.origin === window.origin && e.data.action === 'toggle_sidebar') {
@@ -116,6 +121,29 @@ export const ApiExplorer: FC<ApiExplorerProps> = ({
     return () => unregisterEnvAdaptor()
   }, [])
 
+  useEffect(() => {
+    // reconcile local storage state with URL or vice versa
+    if (initialized) {
+      const sdkParam = searchParams.get('sdk') || ''
+      const sdk = findSdk(sdkParam)
+      const validSdkParam =
+        !sdkParam.localeCompare(sdk.alias, 'en', { sensitivity: 'base' }) ||
+        !sdkParam.localeCompare(sdk.language, 'en', { sensitivity: 'base' })
+      if (validSdkParam) {
+        // sync store with URL
+        setSdkLanguageAction({
+          sdkLanguage: sdk.language,
+        })
+      } else {
+        // sync URL with store
+        const { alias } = findSdk(selectedSdkLanguage)
+        navigate(location.pathname, {
+          sdk: alias === allAlias ? null : alias,
+        })
+      }
+    }
+  }, [initialized])
+
   useEffect(() => {
     const maybeSpec = location.pathname?.split('/')[1]
     if (spec && maybeSpec && maybeSpec !== diffPath && maybeSpec !== spec.key) {
@@ -124,9 +152,12 @@ export const ApiExplorer: FC<ApiExplorerProps> = ({
   }, [location.pathname, spec])
 
   useEffect(() => {
-    const searchParams = new URLSearchParams(location.search)
+    if (!initialized) return
     const searchPattern = searchParams.get('s') || ''
-    setSearchPatternAction({ searchPattern: searchPattern! })
+    const sdkParam = searchParams.get('sdk') || 'all'
+    const { language: sdkLanguage } = findSdk(sdkParam)
+    setSearchPatternAction({ searchPattern })
+    setSdkLanguageAction({ sdkLanguage })
   }, [location.search])
 
   useEffect(() => {
diff --git a/packages/api-explorer/src/components/DocSDKs/DocSDKs.spec.tsx b/packages/api-explorer/src/components/DocSDKs/DocSDKs.spec.tsx
index 7b73d20ac..e31115e11 100644
--- a/packages/api-explorer/src/components/DocSDKs/DocSDKs.spec.tsx
+++ b/packages/api-explorer/src/components/DocSDKs/DocSDKs.spec.tsx
@@ -66,7 +66,10 @@ describe('DocSDKs', () => {
     'it can render a %s method declaration',
     (sdkLanguage) => {
       store = createTestStore({
-        settings: { initialized: false, sdkLanguage },
+        settings: {
+          initialized: false,
+          sdkLanguage: sdkLanguage,
+        },
       })
       renderWithReduxProvider(
         <DocSDKs api={api} method={api.methods.run_look} />,
diff --git a/packages/api-explorer/src/components/SelectorContainer/SdkLanguageSelector.spec.tsx b/packages/api-explorer/src/components/SelectorContainer/SdkLanguageSelector.spec.tsx
index 9991e4ce8..d8565fd7d 100644
--- a/packages/api-explorer/src/components/SelectorContainer/SdkLanguageSelector.spec.tsx
+++ b/packages/api-explorer/src/components/SelectorContainer/SdkLanguageSelector.spec.tsx
@@ -24,61 +24,88 @@
 
  */
 import React from 'react'
-import { act, screen, waitFor } from '@testing-library/react'
+import { screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import { codeGenerators } from '@looker/sdk-codegen'
-import * as reactRedux from 'react-redux'
-
-import { registerTestEnvAdaptor } from '@looker/extension-utils'
-import { defaultSettingsState, settingsSlice } from '../../state'
-import { renderWithReduxProvider } from '../../test-utils'
+import {
+  createTestStore,
+  renderWithRouterAndReduxProvider,
+} from '../../test-utils'
+import { findSdk } from '../../utils'
+import { languages } from '../../test-data'
+import { defaultSettingsState } from '../../state'
 import { SdkLanguageSelector } from './SdkLanguageSelector'
 
+const mockHistoryPush = jest.fn()
+jest.mock('react-router-dom', () => {
+  const ReactRouterDOM = jest.requireActual('react-router-dom')
+  return {
+    ...ReactRouterDOM,
+    useHistory: () => ({
+      push: mockHistoryPush,
+      location,
+    }),
+  }
+})
 describe('SdkLanguageSelector', () => {
   window.HTMLElement.prototype.scrollIntoView = jest.fn()
+  const store = createTestStore({ settings: { initialized: true } })
 
   beforeEach(() => {
     localStorage.clear()
   })
 
-  test('it has the correct default language selected', () => {
-    renderWithReduxProvider(<SdkLanguageSelector />)
+  test('it has the correct default language selected', async () => {
+    renderWithRouterAndReduxProvider(<SdkLanguageSelector />, undefined, store)
     expect(screen.getByRole('textbox')).toHaveValue(
       defaultSettingsState.sdkLanguage
     )
   })
 
   test('it lists all available languages and "All" as options', async () => {
-    renderWithReduxProvider(<SdkLanguageSelector />)
-    await act(async () => {
-      await userEvent.click(screen.getByRole('textbox'))
-      await waitFor(() => {
-        expect(screen.getAllByRole('option')).toHaveLength(
-          codeGenerators.length + 1
-        )
+    renderWithRouterAndReduxProvider(<SdkLanguageSelector />, undefined, store)
+    userEvent.click(screen.getByRole('textbox'))
+    await waitFor(() => {
+      expect(screen.getAllByRole('option')).toHaveLength(
+        codeGenerators.length + 1
+      )
+      languages.forEach((language) => {
+        expect(
+          screen.getByRole('option', { name: language })
+        ).toBeInTheDocument()
       })
     })
   })
 
-  test('it stores the selected language in localStorage', async () => {
-    registerTestEnvAdaptor()
-    const mockDispatch = jest.fn()
-    jest.spyOn(reactRedux, 'useDispatch').mockReturnValue(mockDispatch)
-    renderWithReduxProvider(<SdkLanguageSelector />)
-
-    const selector = screen.getByRole('textbox')
-    expect(defaultSettingsState.sdkLanguage).toEqual('Python')
-    expect(selector).toHaveValue('Python')
-
-    userEvent.click(selector)
-    await act(async () => {
-      await userEvent.click(screen.getByRole('option', { name: 'TypeScript' }))
+  test.each(languages.filter((l) => l !== 'All'))(
+    'choosing `%s` pushes its alias to url',
+    async (language) => {
+      renderWithRouterAndReduxProvider(
+        <SdkLanguageSelector />,
+        undefined,
+        store
+      )
+      const selector = screen.getByRole('textbox')
+      userEvent.click(selector)
       await waitFor(async () => {
-        expect(mockDispatch).toHaveBeenLastCalledWith(
-          settingsSlice.actions.setSdkLanguageAction({
-            sdkLanguage: 'TypeScript',
-          })
-        )
+        await userEvent.click(screen.getByRole('option', { name: language }))
+        const sdk = findSdk(language)
+        expect(mockHistoryPush).toHaveBeenLastCalledWith({
+          pathname: location.pathname,
+          search: `sdk=${sdk.alias}`,
+        })
+      })
+    }
+  )
+
+  test("choosing 'All' removes sdk parameter from the url", async () => {
+    renderWithRouterAndReduxProvider(<SdkLanguageSelector />, undefined, store)
+    userEvent.click(screen.getByRole('textbox'))
+    await waitFor(async () => {
+      await userEvent.click(screen.getByRole('option', { name: 'All' }))
+      expect(mockHistoryPush).toHaveBeenLastCalledWith({
+        pathname: location.pathname,
+        search: '',
       })
     })
   })
diff --git a/packages/api-explorer/src/components/SelectorContainer/SdkLanguageSelector.tsx b/packages/api-explorer/src/components/SelectorContainer/SdkLanguageSelector.tsx
index ba42bb350..8e1a98dd4 100644
--- a/packages/api-explorer/src/components/SelectorContainer/SdkLanguageSelector.tsx
+++ b/packages/api-explorer/src/components/SelectorContainer/SdkLanguageSelector.tsx
@@ -24,43 +24,36 @@
 
  */
 import type { FC } from 'react'
-import React from 'react'
-import { codeGenerators } from '@looker/sdk-codegen'
+import React, { useEffect, useState } from 'react'
 import { Select } from '@looker/components'
 import { useSelector } from 'react-redux'
-import type { SelectOptionProps } from '@looker/components'
-
-import { useSettingActions, selectSdkLanguage } from '../../state'
+import { selectSdkLanguage } from '../../state'
+import { allAlias, useNavigation } from '../../utils'
+import { allSdkLanguageOptions } from './utils'
 
 /**
  * Allows the user to select their preferred SDK language
  */
 export const SdkLanguageSelector: FC = () => {
-  const { setSdkLanguageAction } = useSettingActions()
+  const navigate = useNavigation()
   const selectedSdkLanguage = useSelector(selectSdkLanguage)
+  const [language, setLanguage] = useState(selectedSdkLanguage)
+  const options = allSdkLanguageOptions()
 
-  const allSdkLanguages: SelectOptionProps[] = codeGenerators.map((gen) => ({
-    value: gen.language,
-  }))
-
-  allSdkLanguages.push({
-    options: [
-      {
-        value: 'All',
-      },
-    ],
-  })
-
-  const handleChange = (language: string) => {
-    setSdkLanguageAction({ sdkLanguage: language })
+  const handleChange = (alias: string) => {
+    navigate(location.pathname, { sdk: alias === allAlias ? null : alias })
   }
 
+  useEffect(() => {
+    setLanguage(selectedSdkLanguage)
+  }, [selectedSdkLanguage])
+
   return (
     <Select
       aria-label="sdk language selector"
-      value={selectedSdkLanguage}
+      value={language}
       onChange={handleChange}
-      options={allSdkLanguages}
+      options={options}
     />
   )
 }
diff --git a/packages/api-explorer/src/components/SelectorContainer/SelectorContainer.tsx b/packages/api-explorer/src/components/SelectorContainer/SelectorContainer.tsx
index de7738717..28a621dda 100644
--- a/packages/api-explorer/src/components/SelectorContainer/SelectorContainer.tsx
+++ b/packages/api-explorer/src/components/SelectorContainer/SelectorContainer.tsx
@@ -49,17 +49,20 @@ export const HEADER_REM = 4
 export const SelectorContainer: FC<SelectorContainerProps> = ({
   spec,
   ...spaceProps
-}) => (
-  <Space width="auto" {...spaceProps}>
-    <SdkLanguageSelector />
-    <ApiSpecSelector spec={spec} />
-    <Link to={`/${diffPath}/${spec.key}/`}>
-      <IconButton
-        toggle
-        label="Compare Specifications"
-        icon={<ChangeHistory />}
-        size="small"
-      />
-    </Link>
-  </Space>
-)
+}) => {
+  const searchParams = new URLSearchParams(location.search)
+  return (
+    <Space width="auto" {...spaceProps}>
+      <SdkLanguageSelector />
+      <ApiSpecSelector spec={spec} />
+      <Link to={`/${diffPath}/${spec.key}/?${searchParams.toString()}`}>
+        <IconButton
+          toggle
+          label="Compare Specifications"
+          icon={<ChangeHistory />}
+          size="small"
+        />
+      </Link>
+    </Space>
+  )
+}
diff --git a/packages/api-explorer/src/components/SelectorContainer/utils.ts b/packages/api-explorer/src/components/SelectorContainer/utils.ts
new file mode 100644
index 000000000..1c5f4141e
--- /dev/null
+++ b/packages/api-explorer/src/components/SelectorContainer/utils.ts
@@ -0,0 +1,45 @@
+/*
+
+ MIT License
+
+ Copyright (c) 2022 Looker Data Sciences, Inc.
+
+ Permission is hereby granted, free of charge, to any person obtaining a copy
+ of this software and associated documentation files (the "Software"), to deal
+ in the Software without restriction, including without limitation the rights
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ copies of the Software, and to permit persons to whom the Software is
+ furnished to do so, subject to the following conditions:
+
+ The above copyright notice and this permission notice shall be included in all
+ copies or substantial portions of the Software.
+
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ SOFTWARE.
+
+ */
+import type { SelectOptionProps } from '@looker/components'
+import { allSdkLanguages, allAlias } from '../../utils'
+
+/**
+ * @returns sdk language options for render
+ */
+export const allSdkLanguageOptions = (): SelectOptionProps[] => {
+  const options = [] as SelectOptionProps[]
+  const languages = allSdkLanguages()
+  Object.entries(languages).forEach(([alias, language]) => {
+    const option = { value: alias, label: language }
+    if (alias === allAlias) {
+      options.push({ options: [option] })
+    } else {
+      options.push(option)
+    }
+  })
+
+  return options
+}
diff --git a/packages/api-explorer/src/components/SideNav/SideNav.tsx b/packages/api-explorer/src/components/SideNav/SideNav.tsx
index 68782648b..a4c229826 100644
--- a/packages/api-explorer/src/components/SideNav/SideNav.tsx
+++ b/packages/api-explorer/src/components/SideNav/SideNav.tsx
@@ -115,12 +115,14 @@ export const SideNav: FC<SideNavProps> = ({ headless = false, spec }) => {
     const searchParams = new URLSearchParams(location.search)
     if (debouncedPattern && debouncedPattern !== searchParams.get('s')) {
       searchParams.set('s', debouncedPattern)
-      navigate(location.pathname, { search: searchParams.toString() })
+      navigate(location.pathname, { s: searchParams.get('s') })
     } else if (!debouncedPattern && searchParams.get('s')) {
       searchParams.delete('s')
-      navigate(location.pathname, { search: searchParams.toString() })
+      navigate(location.pathname, { s: null })
     }
-  }, [location.search, debouncedPattern])
+  }, [debouncedPattern])
+  // Removed location.search as dep to fix bug related to
+  // browser forward / backward navigation
 
   useEffect(() => {
     let results
@@ -128,6 +130,7 @@ export const SideNav: FC<SideNavProps> = ({ headless = false, spec }) => {
     let newTypes
     let newTypeTags
     const api = spec.api || ({} as ApiModel)
+    setSearchPattern(searchPattern)
 
     if (searchPattern && api.search) {
       results = api.search(searchPattern, criteriaToSet(searchCriteria))
diff --git a/packages/api-explorer/src/scenes/MethodTagScene/MethodTagScene.tsx b/packages/api-explorer/src/scenes/MethodTagScene/MethodTagScene.tsx
index 85905053a..d252e2910 100644
--- a/packages/api-explorer/src/scenes/MethodTagScene/MethodTagScene.tsx
+++ b/packages/api-explorer/src/scenes/MethodTagScene/MethodTagScene.tsx
@@ -45,6 +45,7 @@ export const MethodTagScene: FC<MethodTagSceneProps> = ({ api }) => {
   const { specKey, methodTag } = useParams<MethodTagSceneParams>()
   const history = useHistory()
   const navigate = useNavigation()
+  const searchParams = new URLSearchParams(location.search)
   const [value, setValue] = useState('ALL')
 
   useEffect(() => {
@@ -84,7 +85,12 @@ export const MethodTagScene: FC<MethodTagSceneProps> = ({ api }) => {
           (value === 'ALL' || value === method.httpMethod) && (
             <Link
               key={index}
-              to={buildMethodPath(specKey, tag.name, method.name)}
+              to={buildMethodPath(
+                specKey,
+                tag.name,
+                method.name,
+                searchParams.toString()
+              )}
             >
               <Grid columns={1} py="xsmall">
                 <DocMethodSummary key={index} method={method} />
diff --git a/packages/api-explorer/src/test-data/index.ts b/packages/api-explorer/src/test-data/index.ts
index e355186cf..c59ce5236 100644
--- a/packages/api-explorer/src/test-data/index.ts
+++ b/packages/api-explorer/src/test-data/index.ts
@@ -26,3 +26,4 @@
 export * from './specs'
 export { examples } from './examples'
 export * from './declarations'
+export * from './sdkLanguages'
diff --git a/packages/api-explorer/src/test-data/sdkLanguages.ts b/packages/api-explorer/src/test-data/sdkLanguages.ts
new file mode 100644
index 000000000..c4f31bd6b
--- /dev/null
+++ b/packages/api-explorer/src/test-data/sdkLanguages.ts
@@ -0,0 +1,36 @@
+/*
+
+ MIT License
+
+ Copyright (c) 2022 Looker Data Sciences, Inc.
+
+ Permission is hereby granted, free of charge, to any person obtaining a copy
+ of this software and associated documentation files (the "Software"), to deal
+ in the Software without restriction, including without limitation the rights
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ copies of the Software, and to permit persons to whom the Software is
+ furnished to do so, subject to the following conditions:
+
+ The above copyright notice and this permission notice shall be included in all
+ copies or substantial portions of the Software.
+
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ SOFTWARE.
+
+ */
+export const sdkLanguageMapping = {
+  py: 'Python',
+  ts: 'TypeScript',
+  cs: 'C#',
+  kt: 'Kotlin',
+  swift: 'Swift',
+  go: 'Go',
+  all: 'All',
+}
+
+export const languages = Object.values(sdkLanguageMapping)
diff --git a/packages/api-explorer/src/utils/hooks.spec.ts b/packages/api-explorer/src/utils/hooks.spec.ts
index c962ef190..1982672d5 100644
--- a/packages/api-explorer/src/utils/hooks.spec.ts
+++ b/packages/api-explorer/src/utils/hooks.spec.ts
@@ -60,19 +60,32 @@ describe('Navigate', () => {
     })
   })
 
-  test('clears existing params when given params are an empty object', () => {
-    navigate(route, {})
+  test('null query params are removed', () => {
+    navigate(route, { s: null, sdk: 'test' })
     expect(mockHistoryPush).lastCalledWith({
       pathname: route,
+      search: 'sdk=test',
     })
   })
 
   test('sets query parameters when given a populated query params object', () => {
-    const newParams = 's=embedsso'
-    navigate(route, { search: newParams })
+    const newParams = new URLSearchParams()
+    newParams.set('s', 'test')
+    newParams.set('sdk', 'kt')
+    navigate(route, { s: newParams.get('s'), sdk: newParams.get('sdk') })
     expect(mockHistoryPush).lastCalledWith({
       pathname: route,
-      search: newParams,
+      search: newParams.toString(),
+    })
+  })
+
+  test('appends parameters when object is passed in with existing parameters', () => {
+    const newParams = new URLSearchParams()
+    newParams.set('sdk', 'kt')
+    navigate(route, { sdk: newParams.get('sdk') })
+    expect(mockHistoryPush).lastCalledWith({
+      pathname: route,
+      search: curParams.toString() + '&' + newParams.toString(),
     })
   })
 })
diff --git a/packages/api-explorer/src/utils/hooks.ts b/packages/api-explorer/src/utils/hooks.ts
index b3b4d1095..8b187c450 100644
--- a/packages/api-explorer/src/utils/hooks.ts
+++ b/packages/api-explorer/src/utils/hooks.ts
@@ -35,17 +35,27 @@ import { useHistory } from 'react-router-dom'
 export const useNavigation = () => {
   const history = useHistory()
 
-  const navigate = (path: string, queryParams?: { search?: string } | null) => {
+  const navigate = (
+    path: string,
+    queryParams?: { s?: string | null; sdk?: string | null } | null
+  ) => {
+    const urlParams = new URLSearchParams(history.location.search)
     if (queryParams === undefined) {
       // if params passed in is undefined, maintain existing parameters in the URL
-      const curParams = new URLSearchParams(history.location.search)
-      history.push({ pathname: path, search: curParams.toString() })
-    } else if (queryParams === null || Object.keys(queryParams).length === 0) {
-      // if params passed in is null or empty, remove all parameters from the URL
+      history.push({ pathname: path, search: urlParams.toString() })
+    } else if (queryParams === null) {
+      // if params passed in is null, remove all parameters from the URL
       history.push({ pathname: path })
     } else {
-      // if we have new parameters passed in, push them to the URL
-      history.push({ pathname: path, search: queryParams.search })
+      // push each key as new param to URL, excluding entries with value null
+      Object.keys(queryParams).forEach((key) => {
+        if (queryParams[key] === null || queryParams[key] === '') {
+          urlParams.delete(key)
+        } else {
+          urlParams.set(key, queryParams[key])
+        }
+      })
+      history.push({ pathname: path, search: urlParams.toString() })
     }
   }
 
diff --git a/packages/api-explorer/src/utils/index.ts b/packages/api-explorer/src/utils/index.ts
index 4dd859051..3c1449836 100644
--- a/packages/api-explorer/src/utils/index.ts
+++ b/packages/api-explorer/src/utils/index.ts
@@ -25,6 +25,7 @@
  */
 export { highlightHTML } from './highlight'
 export * from './path'
+export * from './sdkLanguage'
 export { getLoded } from './lodeUtils'
 export { useWindowSize } from './useWindowSize'
 export * from './apixAdaptor'
diff --git a/packages/api-explorer/src/utils/sdkLanguage.spec.ts b/packages/api-explorer/src/utils/sdkLanguage.spec.ts
new file mode 100644
index 000000000..23207da57
--- /dev/null
+++ b/packages/api-explorer/src/utils/sdkLanguage.spec.ts
@@ -0,0 +1,69 @@
+/*
+
+ MIT License
+
+ Copyright (c) 2022 Looker Data Sciences, Inc.
+
+ Permission is hereby granted, free of charge, to any person obtaining a copy
+ of this software and associated documentation files (the "Software"), to deal
+ in the Software without restriction, including without limitation the rights
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ copies of the Software, and to permit persons to whom the Software is
+ furnished to do so, subject to the following conditions:
+
+ The above copyright notice and this permission notice shall be included in all
+ copies or substantial portions of the Software.
+
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ SOFTWARE.
+
+ */
+
+import { codeGenerators } from '@looker/sdk-codegen'
+import { allSdkLanguages, findSdk } from '../utils'
+import { sdkLanguageMapping } from '../test-data'
+
+describe('SDK Language Utils', () => {
+  test('allSdkLanguages gets all sdk languages', () => {
+    const actual = allSdkLanguages()
+    const aliases = Object.keys(actual)
+    expect(Object.keys(actual)).toHaveLength(codeGenerators.length + 1)
+    aliases.forEach((alias) =>
+      expect(actual[alias]).toEqual(sdkLanguageMapping[alias])
+    )
+  })
+
+  describe('findSdk', () => {
+    test('it is not case sensitive', () => {
+      const actual = findSdk('pY')
+      expect(actual.language).toEqual('Python')
+    })
+
+    test("it returns 'All' option if provided bogus input", () => {
+      const actual = findSdk('random')
+      expect(actual.language).toEqual('All')
+      expect(actual.alias).toEqual('all')
+    })
+
+    test.each(Object.entries(sdkLanguageMapping))(
+      `it finds language for alias %s`,
+      (alias, language) => {
+        const actual = findSdk(alias)
+        expect(actual.language).toEqual(language)
+      }
+    )
+
+    test.each(Object.entries(sdkLanguageMapping))(
+      `it finds alias for language %s`,
+      (alias, language) => {
+        const actual = findSdk(language)
+        expect(actual.alias).toEqual(alias)
+      }
+    )
+  })
+})
diff --git a/packages/api-explorer/src/utils/sdkLanguage.ts b/packages/api-explorer/src/utils/sdkLanguage.ts
new file mode 100644
index 000000000..9c187f969
--- /dev/null
+++ b/packages/api-explorer/src/utils/sdkLanguage.ts
@@ -0,0 +1,63 @@
+/*
+
+ MIT License
+
+ Copyright (c) 2021 Looker Data Sciences, Inc.
+
+ Permission is hereby granted, free of charge, to any person obtaining a copy
+ of this software and associated documentation files (the "Software"), to deal
+ in the Software without restriction, including without limitation the rights
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ copies of the Software, and to permit persons to whom the Software is
+ furnished to do so, subject to the following conditions:
+
+ The above copyright notice and this permission notice shall be included in all
+ copies or substantial portions of the Software.
+
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ SOFTWARE.
+
+ */
+
+import { codeGenerators } from '@looker/sdk-codegen'
+
+export const allAlias = 'all'
+
+/**
+ * Gets all supported sdk languages
+ * @returns mapping of sdk language aliases to name
+ */
+export const allSdkLanguages = (): Record<string, string> => {
+  const languages = {}
+  codeGenerators.forEach((gen) => {
+    const alias = gen.extension.toString().match(/\.(\w+)\b/)![1]
+    languages[alias] = gen.language
+  })
+
+  return { ...languages, [allAlias]: 'All' }
+}
+
+/**
+ * Searches for sdk language details given label
+ * @param label label to search by
+ * @returns language name and alias
+ */
+export const findSdk = (label: string) => {
+  const languages = allSdkLanguages()
+  let match = { alias: allAlias, language: languages[allAlias] }
+  for (const [alias, language] of Object.entries(languages)) {
+    if (
+      !label.localeCompare(alias, 'en', { sensitivity: 'base' }) ||
+      !label.localeCompare(language, 'en', { sensitivity: 'base' })
+    ) {
+      match = { alias, language }
+      break
+    }
+  }
+  return match
+}