From c16fff5d2689891606e312b481d89bd1e4e16ffe Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 29 Jun 2026 07:29:28 +0000
Subject: [PATCH 1/2] chore(deps): bump lucide-react from 0.577.0 to 1.22.0 in
 /ui

Bumps [lucide-react](https://github.com/lucide-icons/lucide/tree/HEAD/packages/lucide-react) from 0.577.0 to 1.22.0.
- [Release notes](https://github.com/lucide-icons/lucide/releases)
- [Commits](https://github.com/lucide-icons/lucide/commits/1.22.0/packages/lucide-react)

---
updated-dependencies:
- dependency-name: lucide-react
  dependency-version: 1.22.0
  dependency-type: direct:production
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 ui/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/package.json b/ui/package.json
index 0c62124..233f5a3 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -29,7 +29,7 @@
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
     "hls.js": "^1.6.15",
-    "lucide-react": "^0.577.0",
+    "lucide-react": "^1.22.0",
     "next": "16.2.9",
     "next-intl": "^4.6.1",
     "react": "19.2.7",

From 0485f90d127351b2b9b6c8f9801fe04b86e8ebd4 Mon Sep 17 00:00:00 2001
From: rennerdo30 <9086097+rennerdo30@users.noreply.github.com>
Date: Mon, 29 Jun 2026 16:43:03 +0900
Subject: [PATCH 2/2] fix(ui): replace lucide brand icons removed in v1.x

lucide-react 1.x dropped the Twitch and Youtube brand icons. Replace
them with generic equivalents (Gamepad2 for Twitch, MonitorPlay for
YouTube), preserving the existing purple/red color classes.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 ui/src/app/[locale]/restreams/page.tsx | 12 ++++++------
 ui/src/app/[locale]/streams/page.tsx   |  8 ++++----
 ui/src/components/chat-widget.tsx      |  8 ++++----
 3 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/ui/src/app/[locale]/restreams/page.tsx b/ui/src/app/[locale]/restreams/page.tsx
index 0f69d3a..17522ce 100644
--- a/ui/src/app/[locale]/restreams/page.tsx
+++ b/ui/src/app/[locale]/restreams/page.tsx
@@ -22,8 +22,8 @@ import {
     Radio,
     RefreshCw,
     Share2,
-    Twitch,
-    Youtube,
+    Gamepad2,
+    MonitorPlay,
     Tv,
     FileVideo,
     LayoutDashboard,
@@ -175,8 +175,8 @@ function RestreamRow({ restream, style }: RestreamRowProps) {
                             className={`text-xs gap-1 ${dest.enabled ? 'bg-muted/50' : 'opacity-50'
                                 }`}
                         >
-                            {dest.platform.includes('twitch') && <Twitch className="h-3 w-3 text-purple-400" />}
-                            {dest.platform.includes('youtube') && <Youtube className="h-3 w-3 text-red-400" />}
+                            {dest.platform.includes('twitch') && <Gamepad2 className="h-3 w-3 text-purple-400" />}
+                            {dest.platform.includes('youtube') && <MonitorPlay className="h-3 w-3 text-red-400" />}
                             {!dest.platform.includes('twitch') && !dest.platform.includes('youtube') && (
                                 <Tv className="h-3 w-3 text-muted-foreground" />
                             )}
@@ -278,8 +278,8 @@ function CreateRestreamDialog() {
     };
 
     const getPlatformIcon = (pluginId: string) => {
-        if (pluginId.includes("twitch")) return <Twitch className="h-4 w-4 text-purple-400" />;
-        if (pluginId.includes("youtube")) return <Youtube className="h-4 w-4 text-red-400" />;
+        if (pluginId.includes("twitch")) return <Gamepad2 className="h-4 w-4 text-purple-400" />;
+        if (pluginId.includes("youtube")) return <MonitorPlay className="h-4 w-4 text-red-400" />;
         return <Tv className="h-4 w-4 text-muted-foreground" />;
     };
 
diff --git a/ui/src/app/[locale]/streams/page.tsx b/ui/src/app/[locale]/streams/page.tsx
index 8e211f4..5efbc0d 100644
--- a/ui/src/app/[locale]/streams/page.tsx
+++ b/ui/src/app/[locale]/streams/page.tsx
@@ -27,8 +27,8 @@ import {
     ExternalLink,
     Share2,
     Trash2,
-    Twitch,
-    Youtube,
+    Gamepad2,
+    MonitorPlay,
     Tv
 } from "lucide-react";
 import { useTranslations } from "next-intl";
@@ -475,8 +475,8 @@ function DestinationsDialog({ streamId }: DestinationsDialogProps) {
     };
 
     const getPlatformIcon = (pluginId: string) => {
-        if (pluginId.includes("twitch")) return <Twitch className="h-4 w-4 text-purple-400" />;
-        if (pluginId.includes("youtube")) return <Youtube className="h-4 w-4 text-red-400" />;
+        if (pluginId.includes("twitch")) return <Gamepad2 className="h-4 w-4 text-purple-400" />;
+        if (pluginId.includes("youtube")) return <MonitorPlay className="h-4 w-4 text-red-400" />;
         return <Tv className="h-4 w-4 text-muted-foreground" />;
     };
 
diff --git a/ui/src/components/chat-widget.tsx b/ui/src/components/chat-widget.tsx
index b572186..fe0c0fb 100644
--- a/ui/src/components/chat-widget.tsx
+++ b/ui/src/components/chat-widget.tsx
@@ -12,8 +12,8 @@ import {
     MessageCircle,
     Send,
     Loader2,
-    Twitch,
-    Youtube,
+    Gamepad2,
+    MonitorPlay,
     Tv,
     RefreshCw,
 } from "lucide-react";
@@ -25,8 +25,8 @@ interface ChatWidgetProps {
 
 function getPlatformIcon(platform: string) {
     const lower = platform.toLowerCase();
-    if (lower.includes("twitch")) return <Twitch className="h-3 w-3 text-purple-400" />;
-    if (lower.includes("youtube")) return <Youtube className="h-3 w-3 text-red-400" />;
+    if (lower.includes("twitch")) return <Gamepad2 className="h-3 w-3 text-purple-400" />;
+    if (lower.includes("youtube")) return <MonitorPlay className="h-3 w-3 text-red-400" />;
     if (lower.includes("kick")) return <Tv className="h-3 w-3 text-green-400" />;
     if (lower.includes("rumble")) return <Tv className="h-3 w-3 text-emerald-400" />;
     return <MessageCircle className="h-3 w-3 text-muted-foreground" />;