diff --git a/client/src/api/networks/network/mistralai.ts b/client/src/api/networks/network/mistralai.ts
index 75883be9..bc350dd7 100644
--- a/client/src/api/networks/network/mistralai.ts
+++ b/client/src/api/networks/network/mistralai.ts
@@ -92,3 +92,28 @@ export async function openAiLabeledClusters(clusters: NetworkCommunities): Promi
 
   return clusters
 }
+
+
+export async function mistralAgentCompletion({ query, agentId }: { query: string; agentId: string }): Promise<unknown> {
+  const chatBody = {
+    messages: [
+      {
+        role: "user",
+        content: query,
+      },
+    ],
+    agent_id: agentId,
+  }
+
+  const response = await fetch(`${MISTRAL_URL}/agents/completions`, {
+    method: "POST",
+    headers: postHeaders,
+    body: JSON.stringify(chatBody),
+  })
+  const completion = await response.json()
+  const answer: string = completion?.choices?.[0]?.message?.content || null
+
+  const json = answer ? JSON.parse(answer) : undefined
+
+  return json
+}
\ No newline at end of file
diff --git a/client/src/pages/networks/components/filters/button.tsx b/client/src/pages/networks/components/filters/button.tsx
index 070bc137..112466fa 100644
--- a/client/src/pages/networks/components/filters/button.tsx
+++ b/client/src/pages/networks/components/filters/button.tsx
@@ -1,11 +1,15 @@
 import { Badge, Button } from "@dataesr/dsfr-plus"
 import useScreenSize from "../../../../hooks/useScreenSize"
 import useUrl from "../../../search/hooks/useUrl"
+import useIntegration from "../../hooks/useIntegration"
 
 export default function NetworkFiltersButton() {
   const { screen } = useScreenSize()
+  const { integrationOptions } = useIntegration()
   const { currentFilters } = useUrl()
 
+  if (integrationOptions.showFilters === false) return null
+
   return (
     <Button
       className="fr-mt-1w fr-mr-1w"
diff --git a/client/src/pages/networks/components/filters/filters-bar.tsx b/client/src/pages/networks/components/filters/filters-bar.tsx
deleted file mode 100644
index 6e0a5d3a..00000000
--- a/client/src/pages/networks/components/filters/filters-bar.tsx
+++ /dev/null
@@ -1,81 +0,0 @@
-import { Button, Container, Row } from "@dataesr/dsfr-plus"
-import { useNetworkContext } from "../../context"
-
-export default function NetworkFiltersBar() {
-  const { openFilters } = useNetworkContext()
-
-  if (!openFilters) return null
-
-  return (
-    <Container className="fr-my-2w">
-      <Row horizontalAlign="right">
-        <Button
-          className="fr-mr-1w"
-          icon="team-line"
-          iconPosition="left"
-          as="button"
-          aria-controls="networks-filters-affiliations-modal"
-          data-fr-opened="false"
-          variant={"tertiary"}
-        >
-          {"Affiliations"}
-        </Button>
-        <Button
-          className="fr-mr-1w"
-          icon="earth-line"
-          iconPosition="left"
-          as="button"
-          aria-controls="networks-filters-localization-modal"
-          data-fr-opened="false"
-          variant={"tertiary"}
-        >
-          {"Régions"}
-        </Button>
-        <Button
-          className="fr-mr-1w"
-          icon="success-line"
-          iconPosition="left"
-          as="button"
-          aria-controls="networks-filters-open-access-modal"
-          data-fr-opened="false"
-          variant={"tertiary"}
-        >
-          {"Ouverture"}
-        </Button>
-        <Button
-          className="fr-mr-1w"
-          icon="calendar-2-line"
-          iconPosition="left"
-          as="button"
-          aria-controls="networks-filters-years-modal"
-          data-fr-opened="false"
-          variant={"tertiary"}
-        >
-          {"Années"}
-        </Button>
-        <Button
-          className="fr-mr-1w"
-          icon="money-euro-circle-line"
-          iconPosition="left"
-          as="button"
-          aria-controls="networks-filters-fundings-modal"
-          data-fr-opened="false"
-          variant={"tertiary"}
-        >
-          {"Financements"}
-        </Button>
-        <Button
-          className="fr-mr-1w"
-          icon="bookmark-line"
-          iconPosition="left"
-          as="button"
-          aria-controls="networks-filters-tags-modal"
-          data-fr-opened="false"
-          variant={"tertiary"}
-        >
-          {"Tags"}
-        </Button>
-      </Row>
-    </Container>
-  )
-}
diff --git a/client/src/pages/networks/components/options-bar/index.tsx b/client/src/pages/networks/components/options-bar/index.tsx
index 2803bde7..4718155d 100644
--- a/client/src/pages/networks/components/options-bar/index.tsx
+++ b/client/src/pages/networks/components/options-bar/index.tsx
@@ -6,10 +6,13 @@ import NetworkSelectSourceButton from "../select-source/button"
 import NetworkFiltersButton from "../filters/button"
 import NetworkParametersButton from "../parameters/button"
 import useScreenSize from "../../../../hooks/useScreenSize"
+import useIntegration from "../../hooks/useIntegration"
 
 export default function NetworksOptionsBar() {
   const { screen } = useScreenSize()
-  console.log("screen", screen)
+  const { integrationOptions } = useIntegration()
+
+  if (integrationOptions.showOptionsBar === false) return null
 
   return (
     <Container className="fr-mb-2w">
diff --git a/client/src/pages/networks/components/parameters/button.tsx b/client/src/pages/networks/components/parameters/button.tsx
index 9e73cd99..d13f2e27 100644
--- a/client/src/pages/networks/components/parameters/button.tsx
+++ b/client/src/pages/networks/components/parameters/button.tsx
@@ -1,11 +1,15 @@
 import { Button } from "@dataesr/dsfr-plus"
 import useScreenSize from "../../../../hooks/useScreenSize"
 import { useIntl } from "react-intl"
+import useIntegration from "../../hooks/useIntegration"
 
 export default function NetworkParametersButton() {
   const intl = useIntl()
+  const { integrationOptions } = useIntegration()
   const { screen } = useScreenSize()
 
+  if (integrationOptions.showParameters === false) return null
+
   return (
     <Button
       className="fr-mt-1w fr-mr-1w"
diff --git a/client/src/pages/networks/components/search-bar/button.tsx b/client/src/pages/networks/components/search-bar/button.tsx
index 092f4b13..f97f9aa7 100644
--- a/client/src/pages/networks/components/search-bar/button.tsx
+++ b/client/src/pages/networks/components/search-bar/button.tsx
@@ -1,13 +1,17 @@
 import { Button } from "@dataesr/dsfr-plus"
 import useUrl from "../../../search/hooks/useUrl"
 import { useIntl } from "react-intl"
+import useIntegration from "../../hooks/useIntegration"
 
 export default function NetworkSearchBarButton() {
   const intl = useIntl()
+  const { integrationOptions } = useIntegration()
   const { currentQuery } = useUrl()
   const isEmptyQuery = !currentQuery || currentQuery === "*"
   const shortQuery = (currentQuery?.length || 0) > 20 ? currentQuery.slice(0, 17) + "..." : currentQuery
 
+  if (integrationOptions.showSearchBar === false) return null
+
   return (
     <Button
       className="fr-mt-1w fr-mr-1w"
diff --git a/client/src/pages/networks/components/search-bar/modal.tsx b/client/src/pages/networks/components/search-bar/modal.tsx
index a2ce85e5..2e2ad783 100644
--- a/client/src/pages/networks/components/search-bar/modal.tsx
+++ b/client/src/pages/networks/components/search-bar/modal.tsx
@@ -1,12 +1,28 @@
-import { Container, SearchBar } from "@dataesr/dsfr-plus"
+import { useState, useEffect } from "react"
+import { Container, SearchBar, Tag, TagGroup, Text } from "@dataesr/dsfr-plus"
 import Modal from "../../../../components/modal"
 import useUrl from "../../../search/hooks/useUrl"
+import useSearchExpansion from "../../hooks/useSearchExpansion"
 import { useIntl } from "react-intl"
 import { networkQuery } from "../../config/query"
 
 export default function NetworkSearchBarModal() {
   const intl = useIntl()
   const { currentQuery, handleQueryChange } = useUrl()
+  const [query, setQuery] = useState(currentQuery)
+  const [debouncedQuery, setDebouncedQuery] = useState(query)
+  const { expansions } = useSearchExpansion(debouncedQuery)
+
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      setDebouncedQuery(query)
+    }, 1000)
+
+    return () => {
+      clearTimeout(timer)
+    }
+  }, [query])
+
   const id = "networks-options-search-bar-modal"
 
   return (
@@ -17,6 +33,7 @@ export default function NetworkSearchBarModal() {
           buttonLabel={intl.formatMessage({ id: "networks.search-bar.button-label" })}
           defaultValue={currentQuery || ""}
           placeholder={intl.formatMessage({ id: "networks.search-bar.placeholder" })}
+          onChange={(event) => setQuery((event.target as HTMLInputElement).value)}
           onSearch={(value) => {
             handleQueryChange(networkQuery(value))
             // @ts-expect-error dsfr does not have types
@@ -24,6 +41,20 @@ export default function NetworkSearchBarModal() {
           }}
         />
       </Container>
+      {expansions?.length && (
+        <Container fluid className="fr-mb-4w">
+          <Text size="sm" className="fr-mb-1w">
+            {intl.formatMessage({ id: "networks.get-started.search-bar.suggestions" })}
+          </Text>
+          <TagGroup>
+            {expansions.map((expansion, index) => (
+              <Tag key={index} as="button" color="green-emeraude">
+                {expansion}
+              </Tag>
+            ))}
+          </TagGroup>
+        </Container>
+      )}
     </Modal>
   )
 }
diff --git a/client/src/pages/networks/components/select-model/button.tsx b/client/src/pages/networks/components/select-model/button.tsx
index 3edf052a..7b6d58f8 100644
--- a/client/src/pages/networks/components/select-model/button.tsx
+++ b/client/src/pages/networks/components/select-model/button.tsx
@@ -1,11 +1,15 @@
 import { Button } from "@dataesr/dsfr-plus"
 import useTab from "../../hooks/useTab"
 import { useIntl } from "react-intl"
+import useIntegration from "../../hooks/useIntegration"
 
 export default function NetworkSelectModelButton() {
   const intl = useIntl()
+  const { integrationOptions } = useIntegration()
   const { currentTab } = useTab()
 
+  if (integrationOptions.showSelectModel === false) return null
+
   return (
     <Button
       className="fr-mt-1w fr-mr-1w"
diff --git a/client/src/pages/networks/components/select-model/index.tsx b/client/src/pages/networks/components/select-model/index.tsx
index 853edac8..add5e43f 100644
--- a/client/src/pages/networks/components/select-model/index.tsx
+++ b/client/src/pages/networks/components/select-model/index.tsx
@@ -9,7 +9,7 @@ export default function NetworkSelectModel() {
   const { currentTab, handleTabChange } = useTab()
   const { integrationOptions } = useIntegration()
 
-  if (integrationOptions?.showSelect === false) return null
+  if (integrationOptions?.showSelectModel === false) return null
 
   return (
     <Select
diff --git a/client/src/pages/networks/components/select-source/button.tsx b/client/src/pages/networks/components/select-source/button.tsx
index b4658db1..a26b6e72 100644
--- a/client/src/pages/networks/components/select-source/button.tsx
+++ b/client/src/pages/networks/components/select-source/button.tsx
@@ -1,6 +1,11 @@
 import { Button } from "@dataesr/dsfr-plus"
+import useIntegration from "../../hooks/useIntegration"
 
 export default function NetworkSelectSourceButton() {
+  const { integrationOptions } = useIntegration()
+
+  if (integrationOptions.showSelectSource === false) return null
+
   return (
     <Button
       className="fr-mt-1w fr-mr-1w"
diff --git a/client/src/pages/networks/components/select-source/index.tsx b/client/src/pages/networks/components/select-source/index.tsx
index 9963010a..57d351cd 100644
--- a/client/src/pages/networks/components/select-source/index.tsx
+++ b/client/src/pages/networks/components/select-source/index.tsx
@@ -6,7 +6,7 @@ export default function NetworkSelectSource() {
   const intl = useIntl()
   const { integrationOptions } = useIntegration()
 
-  if (integrationOptions?.showSelect === false) return null
+  if (integrationOptions?.showSelectSource === false) return null
 
   return (
     <Select
diff --git a/client/src/pages/networks/hooks/useIntegration.ts b/client/src/pages/networks/hooks/useIntegration.ts
index f153704d..4b826318 100644
--- a/client/src/pages/networks/hooks/useIntegration.ts
+++ b/client/src/pages/networks/hooks/useIntegration.ts
@@ -14,16 +14,18 @@ export default function useIntegration() {
   const integrationOptions: NetworksIntegrationOptions = isIntegration
     ? {
         showGraphOnly: getBooleanParam(searchParams.get("showGraphOnly"), false),
+        showHeader: getBooleanParam(searchParams.get("showHeader")),
+        showBreadcrumb: false,
         showTitle: getBooleanParam(searchParams.get("showTitle")),
-        showSubtitle: getBooleanParam(searchParams.get("showSubtitle")),
-        showClustersAnalytics: getBooleanParam(searchParams.get("showClustersAnalytics")),
-        showClustersButton: getBooleanParam(searchParams.get("showClustersButton")),
-        showSearchBar: getBooleanParam(searchParams.get("useSearch")),
+        showOptionsBar: getBooleanParam(searchParams.get("showOptionsBar")),
+        showSearchBar: getBooleanParam(searchParams.get("showSearchBar")),
+        showSelectModel: getBooleanParam(searchParams.get("showSelectModel")),
+        showSelectSource: getBooleanParam(searchParams.get("showSelectSource")),
         showFilters: getBooleanParam(searchParams.get("showFilters")),
+        showParameters: getBooleanParam(searchParams.get("showParameters")),
         showExports: getBooleanParam(searchParams.get("showExports")),
-        showBreadcrumb: false,
-        showSelect: getBooleanParam(searchParams.get("showSelect")),
-        showHeader: getBooleanParam(searchParams.get("showHeader")),
+        showClustersButton: getBooleanParam(searchParams.get("showClustersButton")),
+        showClustersAnalytics: getBooleanParam(searchParams.get("showClustersAnalytics")),
         graphHeight: searchParams.get("graphHeight") || DEFAULT_INTEGRATION.graphHeight,
       }
     : DEFAULT_INTEGRATION
diff --git a/client/src/pages/networks/hooks/useSearchExpansion.ts b/client/src/pages/networks/hooks/useSearchExpansion.ts
new file mode 100644
index 00000000..0c6b7f4a
--- /dev/null
+++ b/client/src/pages/networks/hooks/useSearchExpansion.ts
@@ -0,0 +1,25 @@
+import { useQuery } from "@tanstack/react-query"
+import useUrl from "../../search/hooks/useUrl"
+import { mistralAgentCompletion } from "../../../api/networks/network/mistralai"
+import { useMemo } from "react"
+
+export default function useSearchExpansion(forcedQuery?: string) {
+  const { currentQuery } = useUrl()
+  const query = forcedQuery || currentQuery
+
+  const { data, error, isFetching } = useQuery({
+    queryKey: ["network", "expansion", query],
+    queryFn: () =>
+      mistralAgentCompletion({
+        query: query,
+        agentId: "ag:03ee88d7:20241211:extend-search:042576a9",
+      }),
+    enabled: query?.length > 3,
+  })
+
+  const values = useMemo(() => {
+    return { expansions: data as Array<string>, isFetching, error }
+  }, [data, isFetching, error])
+
+  return values
+}
diff --git a/client/src/pages/networks/integration/config.ts b/client/src/pages/networks/integration/config.ts
index efd11845..59c91f0b 100644
--- a/client/src/pages/networks/integration/config.ts
+++ b/client/src/pages/networks/integration/config.ts
@@ -1,19 +1,21 @@
 import { useSuspenseQuery } from "@tanstack/react-query"
 import { useMemo } from "react"
+import { NetworksIntegrationOptions } from "../../../types/network"
 
-
-export const DEFAULT_INTEGRATION = {
+export const DEFAULT_INTEGRATION: NetworksIntegrationOptions = {
   showGraphOnly: false,
+  showHeader: true,
+  showBreadcrumb: true,
   showTitle: true,
-  showSubtitle: true,
-  showClustersAnalytics: true,
-  showClustersButton: true,
+  showOptionsBar: true,
   showSearchBar: true,
+  showSelectModel: true,
+  showSelectSource: true,
   showFilters: true,
+  showParameters: true,
   showExports: true,
-  showBreadcrumb: true,
-  showSelect: true,
-  showHeader: true,
+  showClustersButton: true,
+  showClustersAnalytics: true,
   graphHeight: "600px",
 }
 
diff --git a/client/src/pages/networks/layout/index.tsx b/client/src/pages/networks/layout/index.tsx
index 3aa0a1b5..6f863e0d 100644
--- a/client/src/pages/networks/layout/index.tsx
+++ b/client/src/pages/networks/layout/index.tsx
@@ -5,19 +5,15 @@ import ClustersButton from "../components/clusters/button"
 import NetworkClusters from "../components/clusters"
 import NetworkAnalytics from "../components/clusters/analytics"
 import useIntegration from "../hooks/useIntegration"
-import useScreenSize from "../../../hooks/useScreenSize"
 import NetworksOptionsBar from "../components/options-bar"
 import NetworksOptionsModals from "../components/options-bar/modals"
 
 export default function NetworksLayout() {
   const { integrationOptions } = useIntegration()
   const { showGraphOnly } = integrationOptions
-  const { screen } = useScreenSize()
 
   if (showGraphOnly === true) return <NetworkCard />
 
-  console.log("screen", screen)
-
   return (
     <Container fluid>
       <NetworksHeader />
diff --git a/client/src/pages/networks/locales/en.json b/client/src/pages/networks/locales/en.json
index 2f06fbae..36c1db54 100644
--- a/client/src/pages/networks/locales/en.json
+++ b/client/src/pages/networks/locales/en.json
@@ -45,6 +45,7 @@
     "networks.get-started.search-bar.title": "What are you looking for?",
     "networks.get-started.search-bar.description": "Define the scope of the corpus to be analyzed by searching our databases.",
     "networks.get-started.search-bar.examples": "Examples :",
+    "networks.get-started.search-bar.suggestions": "Suggestions :",
     "networks.get-started.select-source.title": "Which source do you want to use?",
     "networks.get-started.select-source.description": "Choose the source of documents to be analyzed.",
     "networks.get-started.select-model.title": "Which communities do you want to visualize?",
diff --git a/client/src/pages/networks/locales/fr.json b/client/src/pages/networks/locales/fr.json
index 85e7985b..0225a0f0 100644
--- a/client/src/pages/networks/locales/fr.json
+++ b/client/src/pages/networks/locales/fr.json
@@ -50,6 +50,7 @@
     "networks.get-started.search-bar.title": "Que recherchez vous ?",
     "networks.get-started.search-bar.description": "Définissez le périmètre du corpus à analyser grâce à une recherche dans nos bases de données.",
     "networks.get-started.search-bar.examples": "Exemples :",
+    "networks.get-started.search-bar.suggestions": "Suggestions :",
     "networks.get-started.select-source.title": "Quelle source voulez-vous utiliser ?",
     "networks.get-started.select-source.description": "Choississez la source de documents à analyser.",
     "networks.get-started.select-model.title": "Quelles communautés souhaitez-vous visualiser ?",
diff --git a/client/src/pages/trends/components/filters/button.tsx b/client/src/pages/trends/components/filters/button.tsx
index 4888764a..e3070d0f 100644
--- a/client/src/pages/trends/components/filters/button.tsx
+++ b/client/src/pages/trends/components/filters/button.tsx
@@ -2,12 +2,16 @@ import { Badge, Button } from "@dataesr/dsfr-plus"
 import useScreenSize from "../../../../hooks/useScreenSize"
 import useUrl from "../../../search/hooks/useUrl"
 import { useIntl } from "react-intl"
+import useIntegration from "../../hooks/useIntegration"
 
 export default function TrendsFiltersButton() {
   const intl = useIntl()
+  const { integrationOptions } = useIntegration()
   const { screen } = useScreenSize()
   const { currentFilters } = useUrl()
 
+  if (integrationOptions.showFilters === false) return null
+
   return (
     <Button
       className="fr-mt-1w fr-mr-1w"
diff --git a/client/src/pages/trends/components/filters/years/index.tsx b/client/src/pages/trends/components/filters/years/index.tsx
index 2525aa78..0df79eda 100644
--- a/client/src/pages/trends/components/filters/years/index.tsx
+++ b/client/src/pages/trends/components/filters/years/index.tsx
@@ -19,8 +19,6 @@ export default function PublicationYearFilter() {
     Math.min(MAX_YEAR, Number(byYear[byYear.length - 1].value)),
   ]
 
-  console.log("currentFilters", currentFilters)
-
   const min = Number(currentFilters?.year?.values?.[0]?.value || defaultValues[0])
   const max = Number(currentFilters?.year?.values?.[1]?.value || defaultValues[1])
 
diff --git a/client/src/pages/trends/components/header/index.tsx b/client/src/pages/trends/components/header/index.tsx
index 3aadf511..84d151cb 100644
--- a/client/src/pages/trends/components/header/index.tsx
+++ b/client/src/pages/trends/components/header/index.tsx
@@ -1,8 +1,13 @@
 import { Breadcrumb, Container, Link, Title } from "@dataesr/dsfr-plus"
 import { useIntl } from "react-intl"
+import useIntegration from "../../hooks/useIntegration"
+import { getBsoLocals } from "../../../networks/integration/config"
 
-function TrendsBreadcrum() {
+function TrendsBreadcrumb() {
   const intl = useIntl()
+  const { integrationOptions } = useIntegration()
+
+  if (integrationOptions.showBreadcrumb === false) return null
 
   return (
     <Breadcrumb className="fr-mt-0 fr-mb-2w">
@@ -14,21 +19,33 @@ function TrendsBreadcrum() {
 
 function TrendsTitle() {
   const intl = useIntl()
+  const { integrationId, integrationOptions } = useIntegration()
+
+  if (integrationOptions.showTitle === false) return null
+
+  const locals = integrationId ? getBsoLocals() : {}
+  const comment: string =
+    (intl.locale === "en" ? locals?.[integrationId]?.commentsNameEN : locals?.[integrationId]?.commentsName) ||
+    (integrationId ? `${intl.formatMessage({ id: "networks.header.title.perimeter" })} ${integrationId}` : "")
 
   return (
     <Container fluid className="fr-mb-2w">
       <Title as="h4" className="fr-mb-1w">
-        {intl.formatMessage({ id: "trends.header.title" })}
+        {intl.formatMessage({ id: "trends.header.title" })} {comment}
       </Title>
     </Container>
   )
 }
 
 export default function TrendsHeader() {
+  const { integrationOptions } = useIntegration()
+
+  if (integrationOptions.showHeader === false) return null
+
   return (
     <Container className="bg-trends fr-mb-1w" fluid>
       <Container className="fr-pt-4w fr-pb-1v">
-        <TrendsBreadcrum />
+        <TrendsBreadcrumb />
         <TrendsTitle />
       </Container>
     </Container>
diff --git a/client/src/pages/trends/components/options-bar/index.tsx b/client/src/pages/trends/components/options-bar/index.tsx
index 9ebb9946..b18f83d3 100644
--- a/client/src/pages/trends/components/options-bar/index.tsx
+++ b/client/src/pages/trends/components/options-bar/index.tsx
@@ -5,10 +5,13 @@ import TrendsSelectModelButton from "../select-model/button"
 import TrendsSelectSourceButton from "../select-source/button"
 import TrendsFiltersButton from "../filters/button"
 import TrendsParametersButton from "../parameters/button"
+import useIntegration from "../../hooks/useIntegration"
 
 export default function TrendsOptionsBar() {
   const { screen } = useScreenSize()
-  console.log("screen", screen)
+  const { integrationOptions } = useIntegration()
+
+  if (integrationOptions.showOptionsBar === false) return null
 
   return (
     <Container className="fr-mb-2w">
diff --git a/client/src/pages/trends/components/panel/header/index.tsx b/client/src/pages/trends/components/panel/header/index.tsx
index bb06776b..f7720e2b 100644
--- a/client/src/pages/trends/components/panel/header/index.tsx
+++ b/client/src/pages/trends/components/panel/header/index.tsx
@@ -7,6 +7,9 @@ import useTrends from "../../../hooks/useTrends"
 
 function TrendsViewMobileButton() {
   const intl = useIntl()
+  const {
+    trendsYears: { min, max },
+  } = useTrends()
   const { view, setView, setFocus } = useTrendsContext()
   const viewConfig = trendsViewGetConfig(view)
 
@@ -17,15 +20,15 @@ function TrendsViewMobileButton() {
 
   return (
     <MenuButton
-      label={intl.formatMessage({ id: `trends.views.header.${viewConfig.label}` })}
+      label={intl.formatMessage({ id: `trends.views.header.${viewConfig.label}` }, { max: max, count: max - min + 1 })}
       variant="tertiary"
       icon="more-fill"
       onAction={onMenuAction}
       iconPosition="right"
     >
-      <MenuItem key="count">{intl.formatMessage({ id: `trends.views.header.count` })}</MenuItem>
+      <MenuItem key="count">{intl.formatMessage({ id: `trends.views.header.count` }, { max: max })}</MenuItem>
       <MenuItem key="diff">{intl.formatMessage({ id: `trends.views.header.diff` })}</MenuItem>
-      <MenuItem key="trend">{intl.formatMessage({ id: `trends.views.header.trend` })}</MenuItem>
+      <MenuItem key="trend">{intl.formatMessage({ id: `trends.views.header.trend` }, { count: max - min + 1 })}</MenuItem>
     </MenuButton>
   )
 }
@@ -53,7 +56,7 @@ function TrendsViewButton({ label }) {
       variant={isSelected ? "tertiary" : "text"}
       onClick={onButtonClick}
     >
-      {intl.formatMessage({ id: `trends.views.header.${label}` }, { min: min, max: max, count: max - min + 1 })}
+      {intl.formatMessage({ id: `trends.views.header.${label}` }, { max: max, count: max - min + 1 })}
     </Button>
   )
 }
diff --git a/client/src/pages/trends/components/parameters/button.tsx b/client/src/pages/trends/components/parameters/button.tsx
index f8891b4a..8f9ecb01 100644
--- a/client/src/pages/trends/components/parameters/button.tsx
+++ b/client/src/pages/trends/components/parameters/button.tsx
@@ -1,11 +1,15 @@
 import { Button } from "@dataesr/dsfr-plus"
 import useScreenSize from "../../../../hooks/useScreenSize"
 import { useIntl } from "react-intl"
+import useIntegration from "../../hooks/useIntegration"
 
 export default function TrendsParametersButton() {
   const intl = useIntl()
+  const { integrationOptions } = useIntegration()
   const { screen } = useScreenSize()
 
+  if (integrationOptions.showParameters === false) return null
+
   return (
     <Button
       className="fr-mt-1w"
diff --git a/client/src/pages/trends/components/search-bar/button.tsx b/client/src/pages/trends/components/search-bar/button.tsx
index c349b6ca..b200d2ad 100644
--- a/client/src/pages/trends/components/search-bar/button.tsx
+++ b/client/src/pages/trends/components/search-bar/button.tsx
@@ -1,11 +1,15 @@
 import { Button } from "@dataesr/dsfr-plus"
 import useUrl from "../../../search/hooks/useUrl"
 import { useIntl } from "react-intl"
+import useIntegration from "../../hooks/useIntegration"
 
 export default function TrendsSearchBarButton() {
   const intl = useIntl()
+  const { integrationOptions } = useIntegration()
   const { currentQuery } = useUrl()
 
+  if (integrationOptions.showSearchBar === false) return null
+
   const isEmptyQuery = !currentQuery || currentQuery === "*"
   const shortQuery = (currentQuery?.length || 0) > 20 ? currentQuery.slice(0, 17) + "..." : currentQuery
 
diff --git a/client/src/pages/trends/components/select-model/button.tsx b/client/src/pages/trends/components/select-model/button.tsx
index a2100a83..7532322b 100644
--- a/client/src/pages/trends/components/select-model/button.tsx
+++ b/client/src/pages/trends/components/select-model/button.tsx
@@ -1,11 +1,15 @@
 import { Button } from "@dataesr/dsfr-plus"
 import { useIntl } from "react-intl"
 import { useTrendsContext } from "../../context"
+import useIntegration from "../../hooks/useIntegration"
 
 export default function TrendsSelectModelButton() {
   const intl = useIntl()
+  const { integrationOptions } = useIntegration()
   const { model } = useTrendsContext()
 
+  if (integrationOptions.showSelectModel === false) return null
+
   return (
     <Button
       className="fr-mt-1w fr-mr-1w"
diff --git a/client/src/pages/trends/components/select-source/button.tsx b/client/src/pages/trends/components/select-source/button.tsx
index 14ba8d95..4447c9cc 100644
--- a/client/src/pages/trends/components/select-source/button.tsx
+++ b/client/src/pages/trends/components/select-source/button.tsx
@@ -1,11 +1,15 @@
 import { Button } from "@dataesr/dsfr-plus"
 import { useIntl } from "react-intl"
 import { useTrendsContext } from "../../context"
+import useIntegration from "../../hooks/useIntegration"
 
 export default function TrendsSelectSourceButton() {
   const intl = useIntl()
+  const { integrationOptions } = useIntegration()
   const { source } = useTrendsContext()
 
+  if (integrationOptions.showSelectSource === false) return null
+
   return (
     <Button
       className="fr-mt-1w fr-mr-1w"
diff --git a/client/src/pages/trends/hooks/useIntegration.ts b/client/src/pages/trends/hooks/useIntegration.ts
new file mode 100644
index 00000000..c6541a8a
--- /dev/null
+++ b/client/src/pages/trends/hooks/useIntegration.ts
@@ -0,0 +1,34 @@
+import { useLocation, useSearchParams } from "react-router-dom"
+import { useMemo } from "react"
+import { TrendsIntegrationOptions } from "../../../types/trends"
+import { DEFAULT_INTEGRATION } from "../integration/config"
+import { getBooleanParam } from "../../networks/utils"
+
+export default function useIntegration() {
+  const [searchParams] = useSearchParams()
+  const { pathname } = useLocation()
+  const isIntegration = pathname.split("/").includes("integration")
+  const integrationId = isIntegration ? searchParams.get("local") : undefined
+  const integrationLang = searchParams.get("lang") || "fr"
+
+  const integrationOptions: TrendsIntegrationOptions = isIntegration
+    ? {
+        showTrendsOnly: getBooleanParam(searchParams.get("showTrendsOnly"), false),
+        showHeader: getBooleanParam(searchParams.get("showHeader")),
+        showBreadcrumb: false,
+        showTitle: getBooleanParam(searchParams.get("showTitle")),
+        showOptionsBar: getBooleanParam(searchParams.get("showOptionsBar")),
+        showSearchBar: getBooleanParam(searchParams.get("showSearch")),
+        showSelectModel: getBooleanParam(searchParams.get("showSelectModel")),
+        showSelectSource: getBooleanParam(searchParams.get("showSelectSource")),
+        showFilters: getBooleanParam(searchParams.get("showFilters")),
+        showParameters: getBooleanParam(searchParams.get("showParameters")),
+        showExports: getBooleanParam(searchParams.get("showExports")),
+      }
+    : DEFAULT_INTEGRATION
+
+  const values = useMemo(() => {
+    return { integrationId, integrationLang, integrationOptions }
+  }, [integrationId, integrationLang, integrationOptions])
+  return values
+}
diff --git a/client/src/pages/trends/integration/config.ts b/client/src/pages/trends/integration/config.ts
new file mode 100644
index 00000000..d70870d6
--- /dev/null
+++ b/client/src/pages/trends/integration/config.ts
@@ -0,0 +1,15 @@
+import { TrendsIntegrationOptions } from "../../../types/trends"
+
+export const DEFAULT_INTEGRATION: TrendsIntegrationOptions = {
+  showTrendsOnly: false,
+  showHeader: true,
+  showTitle: true,
+  showBreadcrumb: true,
+  showOptionsBar: true,
+  showSearchBar: true,
+  showSelectModel: true,
+  showSelectSource: true,
+  showFilters: true,
+  showParameters: true,
+  showExports: true,
+}
diff --git a/client/src/pages/trends/integration/index.tsx b/client/src/pages/trends/integration/index.tsx
new file mode 100644
index 00000000..2badab14
--- /dev/null
+++ b/client/src/pages/trends/integration/index.tsx
@@ -0,0 +1,26 @@
+import { Suspense } from "react"
+import { createIntl, RawIntlProvider } from "react-intl"
+import { messages } from "../config/messages"
+import useIntegration from "../hooks/useIntegration"
+import { TrendsContext } from "../context"
+import TrendsLayout from "../layout"
+
+export default function TrendsIntegration() {
+  const { integrationId, integrationLang: locale } = useIntegration()
+  const intl = createIntl({
+    locale,
+    messages: messages[locale],
+  })
+
+  if (!integrationId) return "ERROR: Integration local ID not defined!"
+
+  return (
+    <RawIntlProvider value={intl}>
+      <Suspense>
+        <TrendsContext>
+          <TrendsLayout />
+        </TrendsContext>
+      </Suspense>
+    </RawIntlProvider>
+  )
+}
diff --git a/client/src/router.tsx b/client/src/router.tsx
index 5879b42c..528c7b91 100644
--- a/client/src/router.tsx
+++ b/client/src/router.tsx
@@ -33,6 +33,7 @@ import Overview from "./pages/docs/objects/overview"
 import NetworksIntegration from "./pages/networks/integration"
 import Trends from "./pages/trends"
 import NetworksGetStarted from "./pages/networks/components/get-started"
+import TrendsIntegration from "./pages/trends/integration"
 
 function ScrollToTopOnLocationChange() {
   const { pathname } = useLocation()
@@ -98,6 +99,7 @@ export default function Router() {
           <Route path="*" element={<Error404 error={null} />} />
         </Route>
         <Route path="/networks/integration" element={<NetworksIntegration />} />
+        <Route path="/trends/integration" element={<TrendsIntegration />} />
         {/* <Route path="/trends/integration" element={<TrendsIntegration />} /> */}
       </Routes>
     </>
diff --git a/client/src/types/network.ts b/client/src/types/network.ts
index 0af668c4..e142b19f 100644
--- a/client/src/types/network.ts
+++ b/client/src/types/network.ts
@@ -112,16 +112,18 @@ export type ElasticHit = {
 
 export type NetworksIntegrationOptions = {
   showGraphOnly?: boolean
+  showHeader?: boolean
+  showBreadcrumb?: boolean
   showTitle?: boolean
-  showSubtitle?: boolean
-  showClustersAnalytics?: boolean
-  showClustersButton?: boolean
+  showOptionsBar?: boolean
   showSearchBar?: boolean
+  showSelectModel?: boolean
+  showSelectSource?: boolean
   showFilters?: boolean
+  showParameters?: boolean
   showExports?: boolean
-  showBreadcrumb?: boolean
-  showSelect?: boolean
-  showHeader?: boolean
+  showClustersButton?: boolean
+  showClustersAnalytics?: boolean
   graphHeight?: string
 }
 
diff --git a/client/src/types/trends.ts b/client/src/types/trends.ts
index 304d4f81..d5f9ecde 100644
--- a/client/src/types/trends.ts
+++ b/client/src/types/trends.ts
@@ -17,3 +17,16 @@ export type TrendsArgs = {
   filters?: TrendsFilters
 }
 
+export type TrendsIntegrationOptions = {
+  showTrendsOnly: boolean
+  showHeader: boolean
+  showTitle: boolean
+  showBreadcrumb: boolean
+  showOptionsBar: boolean
+  showSearchBar: boolean
+  showSelectModel: boolean
+  showSelectSource: boolean
+  showFilters: boolean
+  showParameters: boolean
+  showExports: boolean
+}
\ No newline at end of file