diff --git a/src-tauri/Cargo.lock b/src-tauri/Cargo.lock
index 13357704..1a54f218 100644
--- a/src-tauri/Cargo.lock
+++ b/src-tauri/Cargo.lock
@@ -1202,11 +1202,26 @@ dependencies = [
  "new_debug_unreachable",
 ]
 
+[[package]]
+name = "futures"
+version = "0.3.32"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8b147ee9d1f6d097cef9ce628cd2ee62288d963e16fb287bd9286455b241382d"
+dependencies = [
+ "futures-channel",
+ "futures-core",
+ "futures-executor",
+ "futures-io",
+ "futures-sink",
+ "futures-task",
+ "futures-util",
+]
+
 [[package]]
 name = "futures-channel"
-version = "0.3.31"
+version = "0.3.32"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2dff15bf788c671c1934e366d07e30c1814a8ef514e1af724a602e8a2fbe1b10"
+checksum = "07bbe89c50d7a535e539b8c17bc0b49bdb77747034daa8087407d655f3f7cc1d"
 dependencies = [
  "futures-core",
  "futures-sink",
@@ -1214,15 +1229,15 @@ dependencies = [
 
 [[package]]
 name = "futures-core"
-version = "0.3.31"
+version = "0.3.32"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "05f29059c0c2090612e8d742178b0580d2dc940c837851ad723096f87af6663e"
+checksum = "7e3450815272ef58cec6d564423f6e755e25379b217b0bc688e295ba24df6b1d"
 
 [[package]]
 name = "futures-executor"
-version = "0.3.31"
+version = "0.3.32"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1e28d1d997f585e54aebc3f97d39e72338912123a67330d723fdbb564d646c9f"
+checksum = "baf29c38818342a3b26b5b923639e7b1f4a61fc5e76102d4b1981c6dc7a7579d"
 dependencies = [
  "futures-core",
  "futures-task",
@@ -1231,9 +1246,9 @@ dependencies = [
 
 [[package]]
 name = "futures-io"
-version = "0.3.31"
+version = "0.3.32"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9e5c1b78ca4aae1ac06c48a526a655760685149f0d465d21f37abfe57ce075c6"
+checksum = "cecba35d7ad927e23624b22ad55235f2239cfa44fd10428eecbeba6d6a717718"
 
 [[package]]
 name = "futures-lite"
@@ -1250,9 +1265,9 @@ dependencies = [
 
 [[package]]
 name = "futures-macro"
-version = "0.3.31"
+version = "0.3.32"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "162ee34ebcb7c64a8abebc059ce0fee27c2262618d7b60ed8faf72fef13c3650"
+checksum = "e835b70203e41293343137df5c0664546da5745f82ec9b84d40be8336958447b"
 dependencies = [
  "proc-macro2",
  "quote",
@@ -1261,22 +1276,23 @@ dependencies = [
 
 [[package]]
 name = "futures-sink"
-version = "0.3.31"
+version = "0.3.32"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e575fab7d1e0dcb8d0c7bcf9a63ee213816ab51902e6d244a95819acacf1d4f7"
+checksum = "c39754e157331b013978ec91992bde1ac089843443c49cbc7f46150b0fad0893"
 
 [[package]]
 name = "futures-task"
-version = "0.3.31"
+version = "0.3.32"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f90f7dce0722e95104fcb095585910c0977252f286e354b5e3bd38902cd99988"
+checksum = "037711b3d59c33004d3856fbdc83b99d4ff37a24768fa1be9ce3538a1cde4393"
 
 [[package]]
 name = "futures-util"
-version = "0.3.31"
+version = "0.3.32"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9fa08315bb612088cc391249efdc3bc77536f16c91f6cf495e6fbe85b20a4a81"
+checksum = "389ca41296e6190b48053de0321d02a77f32f8a5d2461dd38762c0593805c6d6"
 dependencies = [
+ "futures-channel",
  "futures-core",
  "futures-io",
  "futures-macro",
@@ -1284,7 +1300,6 @@ dependencies = [
  "futures-task",
  "memchr",
  "pin-project-lite",
- "pin-utils",
  "slab",
 ]
 
@@ -2971,6 +2986,7 @@ dependencies = [
  "bytes",
  "chrono",
  "directories",
+ "futures",
  "if-addrs",
  "indexmap 2.12.1",
  "log",
diff --git a/src-tauri/Cargo.toml b/src-tauri/Cargo.toml
index 354f683f..99be5ad8 100644
--- a/src-tauri/Cargo.toml
+++ b/src-tauri/Cargo.toml
@@ -45,6 +45,7 @@ warp = "0.3.7"
 if-addrs = "0.13.4"
 tokio-util = "0.7.17"
 indexmap = "2.12.1"
+futures = "0.3.32"
 [target.'cfg(any(target_os = "linux", target_os = "macos"))'.dependencies]
 shell-words = "1.1.0"
 [target.'cfg(target_os = "windows")'.dependencies]
diff --git a/src-tauri/src/lib.rs b/src-tauri/src/lib.rs
index 95c90bf1..c959262b 100644
--- a/src-tauri/src/lib.rs
+++ b/src-tauri/src/lib.rs
@@ -1,3 +1,5 @@
+use std::collections::HashMap;
+
 #[cfg(any(target_os = "macos", target_os = "windows"))]
 use anyhow::Context;
 use anyhow::Error;
@@ -113,6 +115,7 @@ pub fn run() {
             hide_channel,
             hide_group,
             remove_from_history,
+            get_all_expiries
         ])
         .setup(|app| {
             app.manage(Mutex::new(AppState {
@@ -561,3 +564,8 @@ async fn cancel_play(
         .await
         .map_err(map_err_frontend)
 }
+
+#[tauri::command]
+async fn get_all_expiries() -> Result<HashMap<i64, i64>, String> {
+    xtream::get_all_expiries().await.map_err(map_err_frontend)
+}
diff --git a/src-tauri/src/sql.rs b/src-tauri/src/sql.rs
index f35e601c..9720622d 100644
--- a/src-tauri/src/sql.rs
+++ b/src-tauri/src/sql.rs
@@ -1,3 +1,4 @@
+use std::vec;
 use std::{collections::HashMap, sync::LazyLock};
 
 use crate::log::log;
@@ -1174,6 +1175,16 @@ pub fn get_sources() -> Result<Vec<Source>> {
     Ok(sources)
 }
 
+pub fn get_sources_by_type(source_type: u8) -> Result<Vec<Source>> {
+    let sql = get_conn()?;
+    let sources: Vec<Source> = sql
+        .prepare("SELECT * FROM sources WHERE source_type = ?")?
+        .query_map([source_type], row_to_source)?
+        .filter_map(Result::ok)
+        .collect();
+    Ok(sources)
+}
+
 pub fn get_enabled_sources() -> Result<Vec<Source>> {
     let sql = get_conn()?;
     let sources: Vec<Source> = sql
diff --git a/src-tauri/src/types.rs b/src-tauri/src/types.rs
index 83c306c1..3a1e03a3 100644
--- a/src-tauri/src/types.rs
+++ b/src-tauri/src/types.rs
@@ -68,6 +68,16 @@ pub struct Source {
     pub last_updated: Option<i64>,
 }
 
+#[derive(Clone, PartialEq, Debug, Deserialize, Serialize)]
+pub struct XtreamStatus {
+    pub user_info: XtreamStatusUserInfo,
+}
+
+#[derive(Clone, PartialEq, Debug, Deserialize, Serialize)]
+pub struct XtreamStatusUserInfo {
+    pub exp_date: serde_json::Value,
+}
+
 #[derive(Clone, PartialEq, Debug, Deserialize, Serialize)]
 pub struct Settings {
     pub recording_path: Option<String>,
diff --git a/src-tauri/src/xtream.rs b/src-tauri/src/xtream.rs
index d3f083ed..6bad1e3f 100644
--- a/src-tauri/src/xtream.rs
+++ b/src-tauri/src/xtream.rs
@@ -1,5 +1,6 @@
 use crate::log;
 use crate::media_type;
+use crate::source_type;
 use crate::sql;
 use crate::sql::insert_season;
 use crate::types::Channel;
@@ -7,6 +8,7 @@ use crate::types::ChannelPreserve;
 use crate::types::EPG;
 use crate::types::Season;
 use crate::types::Source;
+use crate::types::XtreamStatus;
 use crate::utils::get_local_time;
 use crate::utils::get_user_agent_from_source;
 use anyhow::anyhow;
@@ -16,6 +18,7 @@ use base64::prelude::BASE64_STANDARD;
 use chrono::DateTime;
 use chrono::Local;
 use chrono::NaiveDateTime;
+use futures::future::join_all;
 use reqwest::Client;
 use rusqlite::Transaction;
 use serde::Deserialize;
@@ -588,3 +591,27 @@ fn get_timeshift_url(mut url: Url, start: String, end: String, stream_id: &str)
         .append_pair("duration", &duration);
     Ok(url.to_string())
 }
+
+async fn get_status(source: &mut Source) -> Result<(i64, XtreamStatus)> {
+    let url = build_xtream_url(source)?;
+    let user_agent = get_user_agent_from_source(&source)?;
+    let client = Client::builder().user_agent(user_agent).build()?;
+    let data = client.get(url).send().await?.json::<XtreamStatus>().await?;
+    Ok((source.id.context("no id")?, data))
+}
+
+pub async fn get_all_expiries() -> Result<HashMap<i64, i64>> {
+    let mut sources = sql::get_sources_by_type(source_type::XTREAM)?;
+    let to_await = sources.iter_mut().map(|source| get_status(source));
+    let results: Vec<std::result::Result<(i64, XtreamStatus), anyhow::Error>> =
+        join_all(to_await).await;
+    let statuses: HashMap<i64, i64> = results
+        .into_iter()
+        .flatten()
+        .filter_map(|(id, status)| {
+            let exp_date = get_serde_json_i64(&status.user_info.exp_date)?;
+            Some((id, exp_date))
+        })
+        .collect();
+    Ok(statuses)
+}
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 2da694da..cc2e5bd0 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -33,11 +33,13 @@ import { SortItemComponent } from './home/sort-button/sort-item/sort-item.compon
 import { DownloadManagerComponent } from './download-manager/download-manager.component';
 
 import { TimeAgoPipe } from "./pipes/time-ago.pipe";
+import { TimeUntilPipe } from './pipes/time-until.pipe';
 
 @NgModule({
   declarations: [
     AppComponent,
     TimeAgoPipe,
+    TimeUntilPipe,
     SetupComponent,
     LoadingComponent,
     SourceNameExistsValidator,
diff --git a/src/app/pipes/time-until.pipe.ts b/src/app/pipes/time-until.pipe.ts
new file mode 100644
index 00000000..6635f254
--- /dev/null
+++ b/src/app/pipes/time-until.pipe.ts
@@ -0,0 +1,72 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+    name: 'timeUntil'
+})
+export class TimeUntilPipe implements PipeTransform {
+
+    transform(value: any): string {
+        if (!value) return '';
+
+        const targetDate = new Date(value);
+        const now = new Date();
+        const seconds = Math.floor((targetDate.getTime() - now.getTime()) / 1000);
+        const formattedDate = this.formatExactDate(targetDate);
+
+        if (seconds < 0)
+            return `Expired (${formattedDate})`;
+
+        const intervals: { [key: string]: number } = {
+            'year': 31536000,
+            'month': 2592000,
+            'week': 604800,
+            'day': 86400,
+            'hour': 3600
+        };
+
+        let counter;
+        let relativeString = '';
+
+        for (const i in intervals) {
+            counter = Math.floor(seconds / intervals[i]);
+            if (counter > 0) {
+                if (counter === 1) {
+                    relativeString = `In ${counter} ${i}`;
+                } else {
+                    relativeString = `In ${counter} ${i}s`;
+                }
+                break;
+            }
+        }
+
+        if (!relativeString) {
+            relativeString = 'In less than an hour';
+        }
+
+        return `${relativeString} (${formattedDate})`;
+    }
+
+    private formatExactDate(date: Date): string {
+        const monthNames = [
+            "January", "February", "March", "April", "May", "June",
+            "July", "August", "September", "October", "November", "December"
+        ];
+
+        const month = monthNames[date.getMonth()];
+        const day = date.getDate();
+        const year = date.getFullYear();
+        const suffix = this.getOrdinalSuffix(day);
+
+        return `${month} ${day}${suffix} ${year}`;
+    }
+
+    private getOrdinalSuffix(day: number): string {
+        if (day > 3 && day < 21) return 'th';
+        switch (day % 10) {
+            case 1: return "st";
+            case 2: return "nd";
+            case 3: return "rd";
+            default: return "th";
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/app/settings/settings.component.html b/src/app/settings/settings.component.html
index 3a06e2bd..068407a4 100644
--- a/src/app/settings/settings.component.html
+++ b/src/app/settings/settings.component.html
@@ -1,7 +1,6 @@
 <svg (click)="goBack()" class="arrow" fill="currentColor" viewBox="0 0 24 24">
   <path
-    d="M2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12M18,11H10L13.5,7.5L12.08,6.08L6.16,12L12.08,17.92L13.5,16.5L10,13H18V11Z"
-  />
+    d="M2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12M18,11H10L13.5,7.5L12.08,6.08L6.16,12L12.08,17.92L13.5,16.5L10,13H18V11Z" />
 </svg>
 <div class="container px-5">
   <h2 class="mt-4 mb-4 text-center">Settings</h2>
@@ -11,21 +10,15 @@ <h2 class="mt-4 mb-4 text-center">Settings</h2>
     </div>
     <div class="col">
       <div class="d-flex align-items-center">
-        <span class="selectable" *ngIf="!settings.recording_path" id="default-path"
-          >~/Home/Videos</span
-        >
+        <span class="selectable" *ngIf="!settings.recording_path" id="default-path">~/Home/Videos</span>
         <span class="selectable" *ngIf="settings.recording_path">{{
           settings.recording_path
-        }}</span>
-        <button
-          (click)="selectFolder()"
-          class="btn btn-primary btn-sm ms-4 d-inline-flex align-items-center"
-        >
+          }}</span>
+        <button (click)="selectFolder()" class="btn btn-primary btn-sm ms-4 d-inline-flex align-items-center">
           <span>Change</span>
           <svg fill="currentColor" class="ms-2 folder" viewBox="0 0 24 24">
             <path
-              d="M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z"
-            />
+              d="M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z" />
           </svg>
         </button>
       </div>
@@ -34,21 +27,14 @@ <h2 class="mt-4 mb-4 text-center">Settings</h2>
 
   <div class="row mt-3 align-items-center">
     <div class="col-4">
-      <span
-        [ngbTooltip]="
+      <span [ngbTooltip]="
           'Launch parameters applied to all channels. Leave as-is if you don\'t know what this is'
-        "
-        >Global MPV Parameters</span
-      >
+        ">Global MPV Parameters</span>
     </div>
     <div class="col">
-      <textarea
-        #mpvParams
-        id="mpvParams"
-        [(ngModel)]="settings.mpv_params"
+      <textarea #mpvParams id="mpvParams" [(ngModel)]="settings.mpv_params"
         placeholder="mpv params like: --hwdec auto. Don't touch this unless you know what you're doing!"
-        class="form-control"
-      ></textarea>
+        class="form-control"></textarea>
     </div>
   </div>
 
@@ -57,11 +43,7 @@ <h2 class="mt-4 mb-4 text-center">Settings</h2>
       <span>Default view</span>
     </div>
     <div class="col">
-      <select
-        (ngModelChange)="updateSettings()"
-        [(ngModel)]="settings.default_view"
-        class="form-control"
-      >
+      <select (ngModelChange)="updateSettings()" [(ngModel)]="settings.default_view" class="form-control">
         <option [ngValue]="viewModeEnum.All">All</option>
         <option [ngValue]="viewModeEnum.Categories">Categories</option>
         <option [ngValue]="viewModeEnum.Favorites">Favorites</option>
@@ -74,11 +56,7 @@ <h2 class="mt-4 mb-4 text-center">Settings</h2>
       <span>Default sort</span>
     </div>
     <div class="col">
-      <select
-        (ngModelChange)="updateSettings()"
-        [(ngModel)]="settings.default_sort"
-        class="form-control"
-      >
+      <select (ngModelChange)="updateSettings()" [(ngModel)]="settings.default_sort" class="form-control">
         <ng-container *ngFor="let sort of sortTypes">
           <option [ngValue]="sort">{{ _getSortTypeText(sort) }}</option>
         </ng-container>
@@ -91,16 +69,8 @@ <h2 class="mt-4 mb-4 text-center">Settings</h2>
       <span>Volume on start</span>
     </div>
     <div class="col d-inline-flex">
-      <input
-        type="range"
-        style="flex-grow: 10; width: auto"
-        step="1"
-        class="form-range"
-        min="0"
-        max="100"
-        [(ngModel)]="settings.volume"
-        (ngModelChange)="updateSettings()"
-      />
+      <input type="range" style="flex-grow: 10; width: auto" step="1" class="form-range" min="0" max="100"
+        [(ngModel)]="settings.volume" (ngModelChange)="updateSettings()" />
       <span style="flex-grow: 0.5" class="text-end">{{ settings.volume }}</span>
     </div>
   </div>
@@ -110,12 +80,7 @@ <h2 class="mt-4 mb-4 text-center">Settings</h2>
       <span>Re-stream port</span>
     </div>
     <div class="col">
-      <input
-        class="form-control"
-        style="width: 10rem"
-        type="number"
-        [(ngModel)]="settings.restream_port"
-      />
+      <input class="form-control" style="width: 10rem" type="number" [(ngModel)]="settings.restream_port" />
     </div>
   </div>
 
@@ -125,14 +90,7 @@ <h2 class="mt-4 mb-4 text-center">Settings</h2>
     </div>
     <div class="col">
       <div class="input-group" style="width: 10rem">
-        <input
-          class="form-control"
-          step="10"
-          min="10"
-          max="1000"
-          type="number"
-          [(ngModel)]="settings.zoom"
-        />
+        <input class="form-control" step="10" min="10" max="1000" type="number" [(ngModel)]="settings.zoom" />
         <span class="input-group-text">%</span>
       </div>
     </div>
@@ -140,84 +98,56 @@ <h2 class="mt-4 mb-4 text-center">Settings</h2>
 
   <div class="row mt-3 align-items-center">
     <div class="col-4">
-      <span
-        [ngbTooltip]="
+      <span [ngbTooltip]="
           'Depending on your provider/internet connection, using no caching would give you a lower latency and a more stable experience'
-        "
-        >Use stream caching</span
-      >
+        ">Use stream caching</span>
     </div>
     <div class="col">
       <div class="form-check form-switch">
-        <input
-          [(ngModel)]="settings.use_stream_caching"
-          (ngModelChange)="updateSettings()"
-          class="form-check-input"
-          type="checkbox"
-        />
+        <input [(ngModel)]="settings.use_stream_caching" (ngModelChange)="updateSettings()" class="form-check-input"
+          type="checkbox" />
       </div>
     </div>
   </div>
 
   <div class="row mt-3 align-items-center">
     <div class="col-4">
-      <span
-        [ngbTooltip]="
+      <span [ngbTooltip]="
           'Uses your gpu instead of your cpu to decode livestreams and movies. Concretely, this option adds hwdec=auto to the mpv config'
-        "
-        >Enable hardware acceleration</span
-      >
+        ">Enable hardware acceleration</span>
     </div>
     <div class="col">
       <div class="form-check form-switch">
-        <input
-          [(ngModel)]="settings.enable_hwdec"
-          (ngModelChange)="updateSettings()"
-          class="form-check-input"
-          type="checkbox"
-        />
+        <input [(ngModel)]="settings.enable_hwdec" (ngModelChange)="updateSettings()" class="form-check-input"
+          type="checkbox" />
       </div>
     </div>
   </div>
 
   <div class="row mt-3 align-items-center">
     <div class="col-4">
-      <span
-        [ngbTooltip]="
+      <span [ngbTooltip]="
           'Applies modern hardware settings for mpv. Concretely adds --vo=gpu-next --gpu-api=vulkan to the mpv config.'
-        "
-        >Use modern hardware player optimizations (HDR, gpu playback, etc)</span
-      >
+        ">Use modern hardware player optimizations (HDR, gpu playback, etc)</span>
     </div>
     <div class="col">
       <div class="form-check form-switch">
-        <input
-          [(ngModel)]="settings.enable_gpu"
-          (ngModelChange)="updateSettings()"
-          class="form-check-input"
-          type="checkbox"
-        />
+        <input [(ngModel)]="settings.enable_gpu" (ngModelChange)="updateSettings()" class="form-check-input"
+          type="checkbox" />
       </div>
     </div>
   </div>
 
   <div class="row mt-3 align-items-center">
     <div class="col-4">
-      <span
-        [ngbTooltip]="
+      <span [ngbTooltip]="
           'Opens the file dialog for all downloads and recordings. Overrides recording path. '
-        "
-        >Always ask where to save downloads</span
-      >
+        ">Always ask where to save downloads</span>
     </div>
     <div class="col">
       <div class="form-check form-switch">
-        <input
-          [(ngModel)]="settings.always_ask_save"
-          (ngModelChange)="this.updateSettings()"
-          class="form-check-input"
-          type="checkbox"
-        />
+        <input [(ngModel)]="settings.always_ask_save" (ngModelChange)="this.updateSettings()" class="form-check-input"
+          type="checkbox" />
       </div>
     </div>
   </div>
@@ -228,30 +158,20 @@ <h2 class="mt-4 mb-4 text-center">Settings</h2>
     </div>
     <div class="col">
       <div class="form-check form-switch">
-        <input
-          [(ngModel)]="settings.refresh_on_start"
-          (ngModelChange)="updateSettings()"
-          class="form-check-input"
-          type="checkbox"
-        />
+        <input [(ngModel)]="settings.refresh_on_start" (ngModelChange)="updateSettings()" class="form-check-input"
+          type="checkbox" />
       </div>
     </div>
   </div>
 
   <div class="row mt-3 align-items-center">
     <div class="col-4">
-      <span ngbTooltip="Disabling the tray icon also disables EPG notifications"
-        >Enable tray icon</span
-      >
+      <span ngbTooltip="Disabling the tray icon also disables EPG notifications">Enable tray icon</span>
     </div>
     <div class="col">
       <div class="form-check form-switch">
-        <input
-          [(ngModel)]="settings.enable_tray_icon"
-          (ngModelChange)="updateSettings()"
-          class="form-check-input"
-          type="checkbox"
-        />
+        <input [(ngModel)]="settings.enable_tray_icon" (ngModelChange)="updateSettings()" class="form-check-input"
+          type="checkbox" />
       </div>
     </div>
   </div>
@@ -259,59 +179,40 @@ <h2 class="mt-4 mb-4 text-center">Settings</h2>
   <h2 class="mt-4 mb-4 text-center">Sources</h2>
   <ng-container *ngFor="let source of sources; let i = index">
     <div [ngClass]="{ 'mt-3': i != 0 }">
-      <app-source-tile [source]="source"></app-source-tile>
+      <app-source-tile [source]="source"
+        [expiry]="source.source_type == 2 ? expiries[source.id!] : undefined"></app-source-tile>
     </div>
   </ng-container>
 
   <div class="mt-4 d-flex flex-wrap gap-3">
-    <button
-      [disabled]="memory.Loading"
-      (click)="addSource()"
-      class="btn btn-primary d-inline-flex align-items-center"
-    >
+    <button [disabled]="memory.Loading" (click)="addSource()" class="btn btn-primary d-inline-flex align-items-center">
       <span>Add source </span>
       <svg class="plus ms-1" fill="currentColor" viewBox="0 0 24 24">
         <path d="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z" />
       </svg>
     </button>
-    <button
-      [disabled]="memory.Loading"
-      (click)="refreshAll()"
-      class="btn btn-secondary d-inline-flex align-items-center"
-    >
+    <button [disabled]="memory.Loading" (click)="refreshAll()"
+      class="btn btn-secondary d-inline-flex align-items-center">
       Refresh all
       <svg class="refresh ms-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-        <path
-          fill="currentColor"
-          d="M17.65,6.35C16.2,4.9 14.21,4 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20C15.73,20 18.84,17.45 19.73,14H17.65C16.83,16.33 14.61,18 12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6C13.66,6 15.14,6.69 16.22,7.78L13,11H20V4L17.65,6.35Z"
-        />
+        <path fill="currentColor"
+          d="M17.65,6.35C16.2,4.9 14.21,4 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20C15.73,20 18.84,17.45 19.73,14H17.65C16.83,16.33 14.61,18 12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6C13.66,6 15.14,6.69 16.22,7.78L13,11H20V4L17.65,6.35Z" />
       </svg>
     </button>
-    <button
-      [disabled]="memory.Loading"
-      (click)="clearHistory()"
-      class="btn btn-secondary d-inline-flex align-items-center"
-    >
+    <button [disabled]="memory.Loading" (click)="clearHistory()"
+      class="btn btn-secondary d-inline-flex align-items-center">
       Clear history
       <svg class="history ms-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-        <path
-          fill="currentColor"
-          d="M13.5,8H12V13L16.28,15.54L17,14.33L13.5,12.25V8M13,3A9,9 0 0,0 4,12H1L4.89,15.89L4.96,16.03L9,12H6A7,7 0 0,1 13,5A7,7 0 0,1 20,12A7,7 0 0,1 13,19C11.07,19 9.32,18.21 8.06,16.94L6.64,18.36C8.27,20 10.5,21 13,21A9,9 0 0,0 22,12A9,9 0 0,0 13,3"
-        />
+        <path fill="currentColor"
+          d="M13.5,8H12V13L16.28,15.54L17,14.33L13.5,12.25V8M13,3A9,9 0 0,0 4,12H1L4.89,15.89L4.96,16.03L9,12H6A7,7 0 0,1 13,5A7,7 0 0,1 20,12A7,7 0 0,1 13,19C11.07,19 9.32,18.21 8.06,16.94L6.64,18.36C8.27,20 10.5,21 13,21A9,9 0 0,0 22,12A9,9 0 0,0 13,3" />
       </svg>
     </button>
-    <button
-      ngbTooltip="Use this if an upgrade didn't fix a bug you're experiencing"
-      class="btn btn-danger d-inline-flex align-items-center"
-      [disabled]="memory.Loading"
-      (click)="nuke()"
-    >
+    <button ngbTooltip="Use this if an upgrade didn't fix a bug you're experiencing"
+      class="btn btn-danger d-inline-flex align-items-center" [disabled]="memory.Loading" (click)="nuke()">
       Delete everything
       <svg class="nuke ms-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-        <path
-          fill="currentColor"
-          d="M14.04,12H10V11H5.5A3.5,3.5 0 0,1 2,7.5A3.5,3.5 0 0,1 5.5,4C6.53,4 7.45,4.44 8.09,5.15C8.5,3.35 10.08,2 12,2C13.92,2 15.5,3.35 15.91,5.15C16.55,4.44 17.47,4 18.5,4A3.5,3.5 0 0,1 22,7.5A3.5,3.5 0 0,1 18.5,11H14.04V12M10,16.9V15.76H5V13.76H19V15.76H14.04V16.92L20,19.08C20.58,19.29 21,19.84 21,20.5A1.5,1.5 0 0,1 19.5,22H4.5A1.5,1.5 0 0,1 3,20.5C3,19.84 3.42,19.29 4,19.08L10,16.9Z"
-        />
+        <path fill="currentColor"
+          d="M14.04,12H10V11H5.5A3.5,3.5 0 0,1 2,7.5A3.5,3.5 0 0,1 5.5,4C6.53,4 7.45,4.44 8.09,5.15C8.5,3.35 10.08,2 12,2C13.92,2 15.5,3.35 15.91,5.15C16.55,4.44 17.47,4 18.5,4A3.5,3.5 0 0,1 22,7.5A3.5,3.5 0 0,1 18.5,11H14.04V12M10,16.9V15.76H5V13.76H19V15.76H14.04V16.92L20,19.08C20.58,19.29 21,19.84 21,20.5A1.5,1.5 0 0,1 19.5,22H4.5A1.5,1.5 0 0,1 3,20.5C3,19.84 3.42,19.29 4,19.08L10,16.9Z" />
       </svg>
     </button>
   </div>
@@ -325,4 +226,4 @@ <h2 class="mt-4 mb-4 text-center">Sources</h2>
       sustainable and needs your support
     </a>
   </p>
-</div>
+</div>
\ No newline at end of file
diff --git a/src/app/settings/settings.component.ts b/src/app/settings/settings.component.ts
index 50c15e1f..24221406 100644
--- a/src/app/settings/settings.component.ts
+++ b/src/app/settings/settings.component.ts
@@ -32,6 +32,7 @@ export class SettingsComponent {
   };
   viewModeEnum = ViewMode;
   sources: Source[] = [];
+  expiries: Record<number, number> = {};
   sortTypes = SORT_TYPES;
   @ViewChild("mpvParams") mpvParams!: ElementRef;
 
@@ -40,7 +41,7 @@ export class SettingsComponent {
     public memory: MemoryService,
     private nav: Router,
     private modal: NgbModal,
-  ) {}
+  ) { }
 
   _getSortTypeText(sortType: SortType) {
     return getSortTypeText(sortType);
@@ -74,6 +75,8 @@ export class SettingsComponent {
   ngOnInit(): void {
     this.getSettings();
     this.getSources();
+    if (this.memory.XtreamSourceIds.size > 0)
+      this.getExpiries();
   }
 
   getSettings() {
@@ -102,6 +105,12 @@ export class SettingsComponent {
     });
   }
 
+  getExpiries() {
+    invoke("get_all_expiries").then(expiries => {
+      this.expiries = expiries as Record<number, number>;
+    });
+  }
+
   ngAfterViewInit(): void {
     this.subscriptions.push(
       fromEvent(this.mpvParams.nativeElement, "keyup")
diff --git a/src/app/settings/source-tile/source-tile.component.html b/src/app/settings/source-tile/source-tile.component.html
index c555c321..bb3d9160 100644
--- a/src/app/settings/source-tile/source-tile.component.html
+++ b/src/app/settings/source-tile/source-tile.component.html
@@ -105,6 +105,12 @@ <h4>{{source?.name}}</h4>
             <input class="form-control form-control-sm" name="password" [(ngModel)]="editableSource.password">
         </div>
     </div>
+    <div class="row align-items-baseline mt-2" *ngIf="source?.source_type == 2 && !editing">
+        <div class="col-3">Expires:</div>
+        <div class="col">
+            <div class="field selectable">{{expiry ? (expiry! * 1000 | timeUntil) : null}}</div>
+        </div>
+    </div>
     <div class="row mt-2"
         *ngIf="editing && (source?.source_type == sourceTypeEnum.M3U || source?.source_type == sourceTypeEnum.M3ULink)">
         <div class="col">
diff --git a/src/app/settings/source-tile/source-tile.component.ts b/src/app/settings/source-tile/source-tile.component.ts
index 57c67f5a..eb37b0b6 100644
--- a/src/app/settings/source-tile/source-tile.component.ts
+++ b/src/app/settings/source-tile/source-tile.component.ts
@@ -19,6 +19,8 @@ import { sanitizeFileName } from "../../utils";
 export class SourceTileComponent {
   @Input("source")
   source?: Source;
+  @Input("expiry")
+  expiry?: number;
   showUsername = false;
   showPassword = false;
   loading = false;
@@ -30,7 +32,7 @@ export class SourceTileComponent {
   constructor(
     public memory: MemoryService,
     private modal: NgbModal,
-  ) {}
+  ) { }
 
   get_source_type_name() {
     if (!this.source) return null;
diff --git a/src/styles.css b/src/styles.css
index cebf2011..718063fe 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -32,7 +32,7 @@ body {
 }
 
 .selectable {
-  user-select: auto;
+  user-select: text;
 }
 
 p {
@@ -53,7 +53,8 @@ body {
   height: fit-content;
   user-select: none;
 }
+
 body {
   margin: 0;
   font-family: "Roboto", sans-serif;
-}
+}
\ No newline at end of file