@saooti/octopus-sdk 41.6.1 → 41.7.1

package/.serena/project.yml

@@ -120,3 +120,12 @@ symbol_info_budget:
 # Note: the backend is fixed at startup. If a project with a different backend
 # is activated post-init, an error will be returned.
 language_backend:
+
+# list of regex patterns which, when matched, mark a memory entry as read‑only.
+# Extends the list from the global configuration, merging the two lists.
+read_only_memory_patterns: []
+
+# line ending convention to use when writing source files.
+# Possible values: unset (use global setting), "lf", "crlf", or "native" (platform default)
+# This does not affect Serena's own files (e.g. memories and configuration files), which always use native line endings.
+line_ending:

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # CHANGELOG
 
+## 41.7.1 (En cours)
+
+**Fix**
+
+- Correction lecture épisodes sur organisations sécurisées
+- Correction prise en compte paramètres SDK smartlink
+
+## 41.7.0 (09/03/2026)
+
+**Features**
+
+- **14298** - Les épisodes à valider sont visibles par défaut quand
+  l'utilisateur a les droits nécessaires
+- **14299** - Ajout de la plateforme 'Radio France'
+- **14301** - Ajout option `smartLink.showOnlyFirstParagraphInDescription` pour
+  tronquer la description à un paragraphe dans le SmartLink
+
+**Fix**
+
+- **14235** - Correction affichage images avec caractères spéciaux dans leur nom
+- Correctifs visuels smartlink :
+  - Force le style du titre pour éviter overrides involontaires
+  - Amélioration de l'affichage si le contenu est long
+- Ajout du paramètre de recherche `validity`/`vl` dans les props de route
+
+**Misc**
+
+- Mise à jour des dépéndances
+
 ## 41.6.1 (04/03/2026)
 
 **Fix**

package/index.ts

@@ -183,6 +183,7 @@ export const getPodcastAddictIcon = () => import("./src/components/icons/Podcast
 export const getRadiolineIcon = () => import("./src/components/icons/RadiolineIcon.vue");
 export const getTuninIcon = () => import("./src/components/icons/TuninIcon.vue");
 export const getXIcon = () => import("./src/components/icons/XIcon.vue");
+export const getRadioFranceIcon = () => import("./src/components/icons/RadioFranceIcon.vue");
 
 // Podcastmaker
 export const PodcastmakerHeader = defineAsyncComponent(() => import("./src/components/display/podcastmaker/PodcastmakerHeader.vue"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "41.6.1",
+  "version": "41.7.1",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",

package/src/api/podcastApi.ts

@@ -79,12 +79,8 @@ async function downloadRegister(podcastId: number, parameters?: Record<string,un
     }>({
         api: ModuleApi.DEFAULT,
         path:"podcast/download/register/" + podcastId + ".mp3",
-        parameters: {
-            access_token: authStore.authParam.accessToken,
-            ...parameters
-        },
-        headers: {'X-Extra-UA':'Saooti Player'},
-        isNotAuth:true
+        parameters,
+        headers: {'X-Extra-UA':'Saooti Player'}
     });
 }
 

package/src/components/composable/player/usePlayerLive.ts

@@ -62,14 +62,10 @@ export const usePlayerLive = (hlsReady: Ref<boolean>)=>{
   async function playHls(): Promise<void> {
     try {
       if(null===audioElement.value){
-        audioElement.value = document.getElementById(
-          "audio-player",
-        ) as HTMLAudioElement;
+        audioElement.value = document.getElementById("audio-player") as HTMLAudioElement;
       }
       if (null === audioElement.value || !playerStore.playerHlsUrl) {
-        setTimeout(() => {
-          playHls();
-        }, 1000);
+        setTimeout(playHls, 1000);
         return;
       }
       const ua = navigator.userAgent.toLowerCase();

package/src/components/composable/player/usePlayerLogic.ts

@@ -9,9 +9,9 @@ import { useGeneralStore } from "../../../stores/GeneralStore";
 import { useVastStore } from "../../../stores/VastStore";
 import { state as sdkParams } from "../../../stores/ParamSdkStore";
 import fetchHelper from "../../../helper/fetchHelper";
-import classicApi from "../../../api/classicApi";
 import dayjs from "dayjs";
 import { FetchParam } from "@/stores/class/general/fetchParam";
+import { podcastApi } from "../../../api/podcastApi";
 
 export const usePlayerLogic = (forceHide: Ref<boolean, boolean>) => {
   const hlsReady= ref(false);
@@ -45,15 +45,7 @@ export const usePlayerLogic = (forceHide: Ref<boolean, boolean>) => {
       audioUrlToPlay.value = getAudioUrl();
       return;
     }
-    const response = await classicApi.fetchData<{
-      location: string;
-      downloadId: number;
-    }>({
-      api:0,
-      path:"podcast/download/register/"+playerStore.playerPodcast.podcastId + ".mp3",
-      parameters:getAudioUrlParameters(),
-      headers: {'X-Extra-UA':'Saooti Player'}
-    });
+    const response = await podcastApi.downloadRegister(playerStore.playerPodcast.podcastId, getAudioUrlParameters());
     setDownloadId(response.downloadId.toString());
     audioUrlToPlay.value = response.location;
   });
@@ -120,8 +112,11 @@ export const usePlayerLogic = (forceHide: Ref<boolean, boolean>) => {
     }
   }
 
-  function getAudioUrlParameters(): FetchParam {
-    if (!playerStore.playerPodcast) return {};
+  function getAudioUrlParameters(addToken?: boolean): FetchParam {
+    if (!playerStore.playerPodcast) {
+      return {};
+    }
+    
     const parameters: FetchParam = {
       origin: "octopus",
       accepted: vastStore.useVastPlayerPodcast
@@ -133,10 +128,11 @@ export const usePlayerLogic = (forceHide: Ref<boolean, boolean>) => {
       parameters.consent = generalStore.consentTcf;
     }
     if (
+      addToken &&
       "SECURED" === playerStore.playerPodcast.organisation.privacy &&
       authStore.authParam.accessToken
     ) {
-      parameters.access_token =authStore.authParam.accessToken;
+      parameters.access_token = authStore.authParam.accessToken;
     }
     return parameters;
   }
@@ -145,14 +141,19 @@ export const usePlayerLogic = (forceHide: Ref<boolean, boolean>) => {
     if (playerStore.playerMedia){
       return playerStore.playerMedia.audioUrl ?? "";
     }
-    if (!playerStore.playerPodcast || playerStore.playerVideo) return "";
+    if (!playerStore.playerPodcast || playerStore.playerVideo) {
+      return "";
+    }
     if (
       !playerStore.playerPodcast.availability.visibility ||
       "PROCESSING" === playerStore.playerPodcast.processingStatus
-    )
+    ) {
       return playerStore.playerPodcast.audioStorageUrl;
-    if (listenError.value) return playerStore.playerPodcast.audioStorageUrl;
-    return playerStore.playerPodcast.podcastId + ".mp3?"+fetchHelper.getUriSearchParams(getAudioUrlParameters());
+    }
+    if (listenError.value) {
+      return playerStore.playerPodcast.audioStorageUrl;
+    }
+    return playerStore.playerPodcast.podcastId + ".mp3?"+fetchHelper.getUriSearchParams(getAudioUrlParameters(), true);
   }
 
   function reInitPlayer(force=false): void {

package/src/components/composable/share/useSharePlatforms.ts

@@ -10,6 +10,7 @@ import ApplePodcastIcon from "../../icons/ApplePodcastIcon.vue";
 import CastboxIcon from "../../icons/CastboxIcon.vue"; 
 import PodcastRepublicIcon from "../../icons/PodcastRepublicIcon.vue";
 import PodbeanIcon from "../../icons/PodbeanIcon.vue"; 
+import RadioFranceIcon from "../../icons/RadioFranceIcon.vue";
 import YoutubeIcon from "vue-material-design-icons/Youtube.vue";
 import SpotifyIcon from "vue-material-design-icons/Spotify.vue";
 import { Annotations } from "@/stores/class/general";
@@ -29,7 +30,8 @@ export enum SharePlatformName {
     YOUTUBE = "youtube",
     CASTBOX = "castbox",
     PODBEAN = "podbean",
-    PODCAST_REPUBLIC = "podcastrepublic"
+    PODCAST_REPUBLIC = "podcastrepublic",
+    RADIO_FRANCE = "radiofrance"
 }
 
 export interface SharePlatform {
@@ -121,6 +123,11 @@ export const useSharePlatforms = () => {
             icon: PodcastRepublicIcon,
             title: "Podcast Republic",
             color: "#5c85dd",
+        }, {
+            name: SharePlatformName.RADIO_FRANCE,
+            icon: RadioFranceIcon,
+            title: "Radio France",
+            color: "#a90041",
         }];
     });
 
@@ -139,7 +146,7 @@ export const useSharePlatforms = () => {
      * @param annotations The annotations of the element for which to get the
                           platforms links
      */
-    function getPlatformsWithLinks(annotations:Annotations|undefined): Array<SharePlatformUrl> {
+    function getPlatformsWithLinks(annotations: Annotations|undefined): Array<SharePlatformUrl> {
         const ary: Array<SharePlatformUrl> = [];
         platforms.value.forEach(p => {
             const url = getUrl(p.name, annotations);
@@ -154,9 +161,7 @@ export const useSharePlatforms = () => {
     }
 
     function getUrl(sub: string, annotations: Annotations|undefined): string | undefined {
-        return externaliseLinks(
-            annotations?.[sub] as string | undefined,
-        );
+        return externaliseLinks(annotations?.[sub] as string | undefined);
     }
 
     function externaliseLinks(link?: string): string | undefined {

package/src/components/composable/useImageProxy.ts

@@ -7,6 +7,10 @@ export const useImageProxy = ()=>{
     if (!url) {
       return "";
     }
+
+    // Encode URL to prevent some display issues
+    url = encodeURI(url);
+
     if (apiStore.imageUrl && url.includes("http")) {
       const size = height ? "height=" + height : "width=" + width;
       const encode = btoa(url).replace(/\+/g, '-').replace(/\//g, '_').replace(/=+$/, '');

package/src/components/display/filter/AdvancedSearch.vue

@@ -185,7 +185,7 @@ const props = withDefaults(defineProps<{
     sort: "DATE",
     monetisable: "UNDEFINED",
     searchPattern: "",
-    validity: "true"
+    validity: ""
 });
 
 //Emits

package/src/components/display/podcasts/PodcastList.vue

@@ -104,7 +104,7 @@ const props = withDefaults(defineProps<{
   includeHidden: false,
   showCount: false,
   displaySortText: true,
-  validity: true,
+  validity: '',
   justSizeChosen: false,
   withVideo: undefined,
   forceUpdateParameters: false

package/src/components/display/podcasts/PodcastPlayButton.vue

@@ -183,7 +183,7 @@ const classicPodcastPlay = computed(() => {
 });
 
 const displayBanner = computed(() => {
-  return !(
+  return props.justButtons !== true && !(
     isLiveValidAndVisible.value &&
     !isLiveToBeRecorded.value &&
     ProcessingStatus.Planned !== props.podcast.processingStatus

package/src/components/icons/RadioFranceIcon.vue

@@ -0,0 +1,162 @@
+<template>
+    <span
+        :aria-hidden="!title"
+        class="material-design-icon"
+        :title="title"
+    >
+        <svg
+            :width="size"
+            :height="size"
+            viewBox="0 0 58 58"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+        >
+            <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M37.0892 33.8774C37.0892 35.7523 36.5961 37.5174 35.7265 39.0643H50.1862C50.5743 37.3938 50.7809 35.6586 50.7809 33.8774C50.7809 23.6473 44.0269 14.9123 34.5121 11.4499V0.596397H21.9553V23.3202C23.0498 22.9984 24.2131 22.8248 25.419 22.8248C31.8644 22.8248 37.0892 27.7733 37.0892 33.8774Z"
+                fill="url(#paint0_linear_75_103)"
+            />
+            <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M29.5724 44.3362C28.2958 44.7861 26.9145 45.0321 25.4717 45.0321C18.9987 45.0321 13.7507 40.0835 13.7507 33.9785C13.7507 32.2762 14.1593 30.664 14.8881 29.2236H0.500687C0.173332 30.7608 0 32.3507 0 33.9785C0 47.2455 11.404 58 25.4717 58C26.8678 58 28.2374 57.8924 29.5724 57.6889V44.3362Z"
+                fill="url(#paint1_linear_75_103)"
+            />
+            <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M37.1502 33.909C37.1502 35.7895 36.6555 37.5598 35.7831 39.1113H50.2891C50.6784 37.4358 50.8857 35.6954 50.8857 33.909C50.8857 23.6484 44.1101 14.8873 34.5649 11.4146V0.528656H21.9678V23.3202C23.0658 22.9975 24.2329 22.8234 25.4426 22.8234C31.9087 22.8234 37.1502 27.7867 37.1502 33.909Z"
+                fill="url(#paint2_linear_75_103)"
+            />
+            <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M29.5386 44.2967C28.2634 44.7479 26.8837 44.9945 25.4426 44.9945C18.977 44.9945 13.735 40.0316 13.735 33.9089C13.735 32.2017 14.1431 30.5848 14.8711 29.1403H0.500114C0.173133 30.682 0 32.2764 0 33.9089C0 47.2143 11.3909 58 25.4426 58C26.8371 58 28.2051 57.8921 29.5386 57.688V44.2967Z"
+                fill="url(#paint3_linear_75_103)"
+            />
+            <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M60.6053 19.1855C60.6053 16.4375 60.6053 14.0587 60.5519 11.7338H68.0196C68.1254 12.3676 68.2313 15.0632 68.2313 16.5431C69.4495 13.4249 72.3623 11.1523 77.0225 11.0995V18.3403C71.5145 18.1814 68.2313 19.6613 68.2313 27.1663V39.1113H60.6053V19.1855Z"
+                fill="url(#paint4_linear_75_103)"
+            />
+            <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M115.556 33.6677C120.746 33.6677 121.381 29.3333 121.381 25.4223C121.381 20.7186 120.693 17.1774 115.714 17.1774C111.743 17.1774 109.73 20.2956 109.73 25.4751C109.73 30.8136 111.796 33.6677 115.556 33.6677ZM128.637 0.528656V31.6059C128.637 34.0902 128.637 36.627 128.69 39.1113H121.434C121.275 38.2657 121.116 36.8915 121.064 36.2572C119.739 38.4242 117.356 39.7456 113.278 39.7456C106.34 39.7456 101.945 34.1963 101.945 25.6341C101.945 17.2302 106.606 11.0995 114.39 11.0995C118.362 11.0995 120.481 12.5261 121.064 13.7418V0.528656H128.637Z"
+                fill="url(#paint5_linear_75_103)"
+            />
+            <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M131.681 39.1113H139.308V11.7338H131.681V39.1113ZM131.681 7.2937H139.308V0.528656H131.681V7.2937Z"
+                fill="url(#paint6_linear_75_103)"
+            />
+            <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M148.596 25.4223C148.596 30.7079 150.874 33.8257 154.528 33.8257C158.288 33.8257 160.353 30.7079 160.353 25.4751C160.353 19.7669 158.235 17.0718 154.422 17.0718C150.926 17.0718 148.596 19.6613 148.596 25.4223ZM168.032 25.3695C168.032 33.6677 163.054 39.7456 154.369 39.7456C145.895 39.7456 140.917 33.6677 140.917 25.528C140.917 17.0718 146.054 11.0995 154.739 11.0995C162.789 11.0995 168.032 16.8076 168.032 25.3695Z"
+                fill="url(#paint7_linear_75_103)"
+            />
+            <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M170.69 39.1113V17.4415H168.46V11.7338H170.69V9.35504C170.69 3.70012 173.497 0 179.429 0C180.647 0 182.235 0.105641 182.924 0.31737V6.28966C182.5 6.23684 181.917 6.18358 181.335 6.18358C179.111 6.18358 178.263 6.97678 178.263 9.93651V11.7338H182.133V17.4415H178.263V39.1113H170.69Z"
+                fill="url(#paint8_linear_75_103)"
+            />
+            <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M183.316 19.1855C183.316 16.4375 183.316 14.0587 183.263 11.7338H190.73C190.836 12.3676 190.942 15.0632 190.942 16.5431C192.16 13.4249 195.073 11.1523 199.733 11.0995V18.3403C194.226 18.1814 190.942 19.6613 190.942 27.1663V39.1113H183.316V19.1855Z"
+                fill="url(#paint9_linear_75_103)"
+            />
+            <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M226.106 11.7338H233.468C233.627 12.4732 233.732 14.3761 233.785 15.2217C234.686 13.5305 236.91 11.0995 241.729 11.0995C247.237 11.0995 250.785 14.8519 250.785 21.7226V39.1113H243.213V22.5682C243.213 19.45 242.207 17.2302 238.817 17.2302C235.586 17.2302 233.785 19.0274 233.785 23.8896V39.1113H226.159V18.6573C226.159 16.3314 226.159 13.7946 226.106 11.7338Z"
+                fill="url(#paint10_linear_75_103)"
+            />
+            <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M277.529 30.2849C276.63 34.8306 273.398 39.7456 265.243 39.7456C256.717 39.7456 252.321 33.879 252.321 25.634C252.321 17.5471 257.246 11.0995 265.614 11.0995C274.829 11.0995 277.424 17.7589 277.529 20.8242H270.168C269.692 18.6044 268.421 17.0718 265.455 17.0718C261.96 17.0718 260 20.0843 260 25.3695C260 31.2361 262.118 33.879 265.402 33.879C268.05 33.879 269.427 32.3463 270.115 30.2849H277.529Z"
+                fill="url(#paint11_linear_75_103)"
+            />
+            <path d="M296.374 22.4102C296.321 19.2387 295.05 16.5431 291.342 16.5431C287.742 16.5431 286.258 19.0275 285.941 22.4102H296.374ZM285.782 27.0606C285.782 30.4962 287.529 33.8257 291.29 33.8257C294.467 33.8257 295.368 32.5576 296.109 30.9192H303.682C302.729 34.2492 299.711 39.7456 291.131 39.7456C282.075 39.7456 278.156 33.0334 278.156 25.8453C278.156 17.2302 282.552 11.0995 291.396 11.0995C300.77 11.0995 304 17.9173 304 24.7356C304 25.6869 304 26.2683 303.894 27.0606H285.782Z" fill="url(#paint12_linear_75_103)" />
+            <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M92.9792 27.378C92.9792 30.9716 92.397 34.3543 87.5775 34.3543C84.8235 34.3543 83.6053 32.6632 83.6053 30.7079C83.6053 28.0651 85.3003 26.6381 89.9076 26.6381H92.9792V27.378ZM100.393 32.0294V20.5601C100.393 14.0064 96.3687 11.1523 89.0603 11.0995C81.5344 11.0995 78.3368 14.2638 77.4998 18.4379L84.5059 19.873C84.8235 17.8645 85.5649 16.5431 88.7428 16.5431C92.2907 16.5431 92.9792 18.446 92.9792 20.4012V22.0396H89.0603C81.0105 22.0396 76.0322 24.9469 76.0322 31.1833C76.0322 35.4116 78.7862 39.7456 85.4061 39.7456C90.2781 39.7456 92.1319 37.9484 93.1379 36.4161C93.1379 37.1032 93.2967 38.5827 93.5089 39.1113H100.764C100.606 38.477 100.393 34.6717 100.393 32.0294Z"
+                fill="url(#paint13_linear_75_103)"
+            />
+            <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M215.69 27.378C215.69 30.9716 215.108 34.3543 210.288 34.3543C207.534 34.3543 206.316 32.6632 206.316 30.7079C206.316 28.0651 208.01 26.6381 212.618 26.6381H215.69V27.378ZM223.104 32.0294V20.5601C223.104 14.0064 219.079 11.1523 211.771 11.0995C204.245 11.0995 201.047 14.2638 200.21 18.4379L207.217 19.873C207.534 17.8645 208.275 16.5431 211.453 16.5431C215.001 16.5431 215.69 18.446 215.69 20.4012V22.0396H211.771C203.721 22.0396 198.743 24.9469 198.743 31.1833C198.743 35.4116 201.497 39.7456 208.117 39.7456C212.989 39.7456 214.842 37.9484 215.849 36.4161C215.849 37.1032 216.007 38.5827 216.219 39.1113H223.475C223.316 38.477 223.104 34.6717 223.104 32.0294Z"
+                fill="url(#paint14_linear_75_103)"
+            />
+            <defs>
+                <linearGradient
+                    id="paint0_linear_75_103"
+                    x1="37.483"
+                    y1="3.20798"
+                    x2="21.3118"
+                    y2="32.4338"
+                    gradientUnits="userSpaceOnUse"
+                >
+                    <stop stop-color="#8D044F" />
+                    <stop offset="0.278736" stop-color="#AC47B6" />
+                    <stop offset="0.419307" stop-color="#986BAA" />
+                    <stop offset="0.677775" stop-color="#FF6C5B" />
+                    <stop offset="1" stop-color="#FD0323" />
+                </linearGradient>
+                <linearGradient
+                    id="paint1_linear_75_103"
+                    x1="8.26123"
+                    y1="34.1806"
+                    x2="25.2003"
+                    y2="57.7245"
+                    gradientUnits="userSpaceOnUse"
+                >
+                    <stop stop-color="#B800C4" />
+                    <stop offset="0.427705" stop-color="#E0008C" />
+                    <stop offset="1" stop-color="#FF0101" />
+                </linearGradient>
+                <linearGradient
+                    id="paint2_linear_75_103"
+                    x1="37.5457"
+                    y1="3.14803"
+                    x2="21.3224"
+                    y2="32.4618"
+                    gradientUnits="userSpaceOnUse"
+                >
+                    <stop stop-color="#8D044F" />
+                    <stop offset="0.278736" stop-color="#AC47B6" />
+                    <stop offset="0.419307" stop-color="#986BAA" />
+                    <stop offset="0.677775" stop-color="#FF6C5B" />
+                    <stop offset="1" stop-color="#FD0323" />
+                </linearGradient>
+                <linearGradient
+                    id="paint3_linear_75_103"
+                    x1="8.25178"
+                    y1="34.035"
+                    x2="25.2587"
+                    y2="57.7687"
+                    gradientUnits="userSpaceOnUse"
+                >
+                    <stop stop-color="#B800C4" />
+                    <stop offset="0.427705" stop-color="#E0008C" />
+                    <stop offset="1" stop-color="#FF0101" />
+                </linearGradient>
+            </defs>
+        </svg>
+    </span>
+</template>
+
+<script setup lang="ts">
+defineProps({
+    size:      { default: 50,             type: Number },
+    title:     { default: undefined,      type: String },
+})
+</script>

package/src/components/misc/ClassicAccordion.vue

@@ -23,7 +23,14 @@
           alt=""
         >
         <span>{{ title }}</span>
-        <slot name="afterTitle"/>
+        <slot name="afterTitle" />
+
+        <span
+          v-if="subtitle && !isOpen"
+          class="subtitle"
+        >
+          &nbsp;-&nbsp;{{ subtitle }}
+        </span>
         <ChevronDownIcon class="ms-auto" :class="{ 'arrow-transform': isOpen }" />
       </button>
       <div v-show="isOpen" class="body p-2">
@@ -44,6 +51,8 @@ const AlertIcon = defineAsyncComponent(
 //Props
 const props = defineProps({
   title: { default: "", type: String },
+  /** Message displayed next to the title when closed */
+  subtitle: { default: undefined, type: String },
   idComposer: { default: "", type: String },
   isWarning: { default: false, type: Boolean },
   imageUrl: { default: undefined, type: String },
@@ -65,9 +74,8 @@ onMounted(()=>{
 })
 
 </script>
-<style lang="scss">
-
 
+<style scoped lang="scss">
 .octopus-accordion {
   > button {
     min-height: 50px;
@@ -110,5 +118,12 @@ onMounted(()=>{
     justify-content: center;
     align-items: center;
   }
+
+  .subtitle {
+    color: var(--octopus-gray);
+    font-weight: 600;
+    font-style: italic;
+    font-size: 0.75rem;
+  }
 }
 </style>

package/src/components/misc/TopBar.vue

@@ -104,14 +104,19 @@ watch(()=>generalStore.contentToDisplay, async () => {
     return;
   }
   const widthAsked = window.innerWidth > 960 ? "1600":"1000";
-  const proxyUrl = useProxyImageUrl(generalStore.contentToDisplay.imageUrl,widthAsked, undefined, true);
+  const proxyUrl = useProxyImageUrl(generalStore.contentToDisplay.imageUrl, widthAsked, undefined, true);
   try {
     const result = await axios.get(proxyUrl);
     headerBackgroundImage.value = `background-image: url('${result.data}');`;
     needToBlur.value = result.data === generalStore.contentToDisplay.imageUrl;
   } catch {
-    headerBackgroundImage.value = generalStore.contentToDisplay.imageUrl ? `background-image: url('${generalStore.contentToDisplay.imageUrl}');` : "";
-    needToBlur.value = true;
+    if (generalStore.contentToDisplay.imageUrl) {
+      const url = encodeURI(generalStore.contentToDisplay.imageUrl);
+      headerBackgroundImage.value = `background-image: url('${url}');`;
+      needToBlur.value = true;
+    } else {
+      headerBackgroundImage.value = '';
+    }
   }
 }, {deep: true, immediate: true});
 

package/src/components/pages/SmartLinkPage.vue

@@ -25,7 +25,7 @@
                 </button>
             </div>
             <h1>{{ title }}</h1>
-            <div v-html="displayHelper.urlify(element.description)" />
+            <div v-html="description" />
 
             <!-- Play button when viewing with phone -->
             <button
@@ -104,6 +104,7 @@ import { usePlayerStore } from '../../stores/PlayerStore';
 import { podcastApi, PodcastSort } from '../../api/podcastApi';
 import { useSharePath } from '../composable/share/useSharePath';
 import displayHelper from '../../helper/displayHelper';
+import { state } from '../../stores/ParamSdkStore';
 
 const { updatePathParams } = useSeoTitleUrl();
 const { useProxyImageUrl } = useImageProxy();
@@ -158,6 +159,21 @@ const title = computed((): string => {
     return '';
 });
 
+/** Description of the element displayed */
+const description = computed((): string => {
+    let description = element.value.description;
+    if (state.smartLink.showOnlyFirstParagraphInDescription === true) {
+        // Find everything up to the end of the first paragraph, including newlines
+        const pattern = /^(.+?(?:\n+.*?)*<\/p>)/;
+        const matches = description.match(pattern);
+        if (matches && matches.length >= 2) {
+            description = matches[1];
+        }
+    }
+
+    return displayHelper.urlify(description);
+});
+
 /** The organisation associated with the element */
 const organisation = computed((): Organisation|undefined => {
     if (!element.value) {
@@ -251,7 +267,7 @@ function playLatestPodcast(): void {
     height: 100%;
     overflow: hidden;
     // Do not take place in page
-    position: absolute;
+    position: fixed;
     // Make rest of page appear in front of image
     z-index: -1;
 
@@ -276,7 +292,7 @@ article {
     --background: white;
     --border-radius: 20px;
 
-    margin: 8rem auto 0;
+    margin: 8rem auto 2rem;
     padding: 20px;
     width: 900px;
     border-radius: var(--border-radius);
@@ -345,6 +361,8 @@ article {
 
         h1 {
             text-align: start !important;
+            font-size: var(--octopus-smartlink-title-fontsize);
+            color: var(--octopus-smartlink-title-color);
 
             @media (width <= 960px) {
                 text-align: center !important;

package/src/locale/de.json

@@ -416,5 +416,6 @@
   "Edit": "Bearbeiten",
   "Podcast": "Folge",
   "Player - Transcription - AI Warning": "Die Transkription basiert auf KI und kann Fehler enthalten, bitte teilen Sie uns dies mit.",
-  "All organisations": "Alle Organisationen"
+  "All organisations": "Alle Organisationen",
+  "Emission subtitle": "Untertitel der Sendung"
 }

package/src/locale/en.json

@@ -416,5 +416,6 @@
   "Edit": "Edit",
   "Podcast": "Episode",
   "Player - Transcription - AI Warning": "The transcription is based on AI and may contain errors, please let us know.",
-  "All organisations": "All organizations"
+  "All organisations": "All organizations",
+  "Emission subtitle": "Subtitle of the show"
 }

package/src/locale/es.json

@@ -416,5 +416,6 @@
   "Edit": "Editar",
   "Podcast": "Episodio",
   "Player - Transcription - AI Warning": "La transcripción se basa en IA y puede contener errores, háganoslo saber.",
-  "All organisations": "Todas las organizaciones"
+  "All organisations": "Todas las organizaciones",
+  "Emission subtitle": "Subtítulo del programa"
 }

package/src/locale/fr.json

@@ -34,6 +34,7 @@
   "Emission description": "Description de l'émission",
   "Emission image": "Image de l'émission",
   "Emission name": "Titre de l'émission",
+  "Emission subtitle": "Sous-titre de l'émission",
   "No elements found. Consider changing the search query.":
     "Aucun élement ne correspond à votre recherche",
   "Podcast is not visible for listeners":

package/src/locale/it.json

@@ -417,5 +417,6 @@
     "Edit": "Modificare",
     "Podcast": "Episodio",
     "Player - Transcription - AI Warning": "La trascrizione si basa sull'intelligenza artificiale e potrebbe contenere errori, faccelo sapere.",
-    "All organisations": "Tutte le organizzazioni"
+    "All organisations": "Tutte le organizzazioni",
+    "Emission subtitle": "Sottotitolo dello spettacolo"
 }

package/src/locale/sl.json

@@ -415,5 +415,6 @@
   "Edit": "Uredi",
   "Podcast": "Epizoda",
   "Player - Transcription - AI Warning": "Transkripcija temelji na umetni inteligenci in lahko vsebuje napake, zato nas obvestite.",
-  "All organisations": "Vse organizacije"
+  "All organisations": "Vse organizacije",
+  "Emission subtitle": "Podnaslov oddaje"
 }

package/src/router/utils.ts

@@ -1,13 +1,11 @@
-import { Router, RouteRecordRaw, RouteRecordSingleView, RouteRecordSingleViewWithChildren } from "vue-router";
+import { Router, RouteRecordRaw, RouteRecordSingleView, RouteRecordSingleViewWithChildren, RouteLocationNormalized } from "vue-router";
 import { useFilterStore, FilterStore } from "../stores/FilterStore";
 import { useSaveFetchStore } from "../stores/SaveFetchStore";
 import { Rubriquage } from "../stores/class/rubrique/rubriquage";
 import classicApi from "../api/classicApi";
 import { useAuthStore, AuthStore } from "../stores/AuthStore";
 import { deepEqual } from "../helper/equals";
-import { RouteLocationNormalized } from "vue-router";
-import { RouteProps } from "../components/composable/route/types";
-import { ROUTE_PARAMS } from "../components/composable/route/types";
+import { RouteProps, ROUTE_PARAMS } from "../components/composable/route/types";
 import { type Component } from "vue";
 import { state as sdkParams } from "../stores/ParamSdkStore";
 
@@ -46,6 +44,7 @@ export function getRouteProps(route: RouteLocationNormalized): RouteProps {
     routeRubriques :route.query.r as string ?? route.query.rubriquesId as string|undefined,
     routeBeneficiaries: route.query[ROUTE_PARAMS.Beneficiaries] as string[]|undefined,
     routeOnlyVideo: route.query.v as string|undefined ?? "",
+    routeValidity: route.query.vl as string ?? "",
     routeEmissionGroups
   }
 }

package/src/stores/ParamSdkStore.ts

@@ -29,6 +29,9 @@ const state: ParamStore = {
   searchPage: {
     sortCriteria: undefined,
   },
+  smartLink: {
+    showOnlyFirstParagraphInDescription: false
+  }
 };
 
 export interface ParamStore {
@@ -90,6 +93,12 @@ export interface ParamStore {
     /** The default sort criteria for search results */
     sortCriteria?: PodcastSort;
   };
+
+  /** Smartlink configuration */
+  smartLink: {
+    /** Truncate the description to the first paragraph */
+    showOnlyFirstParagraphInDescription?: boolean;
+  }
 }
 
 function definedProps<T>(obj: Partial<T>|undefined): Partial<T> {
@@ -122,6 +131,10 @@ const initialize = function initialize(initObject: Partial<ParamStore>): void {
     state.searchPage,
     definedProps(initObject.searchPage),
   );
+  state.smartLink = Object.assign(
+    state.smartLink,
+    definedProps(initObject.smartLink)
+  );
 };
 
 export default { initialize, state };

package/src/style/_variables.scss

@@ -46,4 +46,8 @@
     // Player
     // Color for the transcript background
     --octopus-player-transcript-bg-color: oklch(from var(--octopus-player-color) calc(l + 0.1) c h);
+
+    // Smartlink
+    --octopus-smartlink-title-color: var(--octopus-gray-text);
+    --octopus-smartlink-title-fontsize: 1.5rem;
 }