Merge pull request 'feat(web): ChicoryTV rebrand (#90)' (#139) from feat/90-rebrand into main

web/index.html

@@ -4,6 +4,9 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>ChicoryTV</title>
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta name="description" content="ChicoryTV — IPTV channel studio" />
+    <meta name="theme-color" content="#12100E" />
     <script>
       (() => {
         try {

web/public/favicon.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none">
+  <rect width="64" height="64" rx="14" fill="#171A21"></rect>
+  <g transform="translate(32 32) scale(0.82)">
+    <rect x="-3.1" y="-30" width="6.2" height="20" rx="3.1" fill="#5B7CFA" transform="rotate(0)"></rect><rect x="-3.1" y="-30" width="6.2" height="20" rx="3.1" fill="#8AA1FC" transform="rotate(22.5)"></rect><rect x="-3.1" y="-30" width="6.2" height="20" rx="3.1" fill="#5B7CFA" transform="rotate(45)"></rect><rect x="-3.1" y="-30" width="6.2" height="20" rx="3.1" fill="#8AA1FC" transform="rotate(67.5)"></rect><rect x="-3.1" y="-30" width="6.2" height="20" rx="3.1" fill="#5B7CFA" transform="rotate(90)"></rect><rect x="-3.1" y="-30" width="6.2" height="20" rx="3.1" fill="#8AA1FC" transform="rotate(112.5)"></rect><rect x="-3.1" y="-30" width="6.2" height="20" rx="3.1" fill="#5B7CFA" transform="rotate(135)"></rect><rect x="-3.1" y="-30" width="6.2" height="20" rx="3.1" fill="#8AA1FC" transform="rotate(157.5)"></rect><rect x="-3.1" y="-30" width="6.2" height="20" rx="3.1" fill="#5B7CFA" transform="rotate(180)"></rect><rect x="-3.1" y="-30" width="6.2" height="20" rx="3.1" fill="#8AA1FC" transform="rotate(202.5)"></rect><rect x="-3.1" y="-30" width="6.2" height="20" rx="3.1" fill="#5B7CFA" transform="rotate(225)"></rect><rect x="-3.1" y="-30" width="6.2" height="20" rx="3.1" fill="#8AA1FC" transform="rotate(247.5)"></rect><rect x="-3.1" y="-30" width="6.2" height="20" rx="3.1" fill="#5B7CFA" transform="rotate(270)"></rect><rect x="-3.1" y="-30" width="6.2" height="20" rx="3.1" fill="#8AA1FC" transform="rotate(292.5)"></rect><rect x="-3.1" y="-30" width="6.2" height="20" rx="3.1" fill="#5B7CFA" transform="rotate(315)"></rect><rect x="-3.1" y="-30" width="6.2" height="20" rx="3.1" fill="#8AA1FC" transform="rotate(337.5)"></rect>
+    <circle r="8.5" fill="#171A21"></circle>
+    <circle r="5" fill="#5B7CFA"></circle>
+    <circle r="2" fill="#171A21"></circle>
+  </g>
+</svg>

web/src/App.test.tsx

@@ -2260,7 +2260,7 @@ describe('ChicoryTV SPA scaffold', () => {
     const body = requestBodyFor('/api/channels/from-lineup');
     expect(body.name).toBe('Retro Cartoons');
     expect(body.number).toBe('6');
-    expect(body.group).toBe('ErsatzTV');
+    expect(body.group).toBe('ChicoryTV');
     expect(body.templateId).toBe(10);
     expect(body.logo).toEqual({ contentType: '', path: '' });
     expect((body.advanced as Record<string, unknown>).playbackOrder).toBe('Chronological');
@@ -2993,7 +2993,7 @@ function channelSummary(overrides: Record<string, unknown> = {}): Record<string,
   return {
     categories: '',
     fFmpegProfile: '1080p H.264',
-    group: 'ErsatzTV',
+    group: 'ChicoryTV',
     id: 1,
     isEnabled: true,
     language: 'English',

web/src/App.tsx

@@ -52,7 +52,7 @@ import {
   TriangleAlert,
   Tv
 } from 'lucide-react';
-import chicoryIconUrl from '../../design-system/assets/chicorytv-icon.svg';
+import chicoryMarkUrl from '../../design-system/assets/chicory-mark.svg';
 import { ChannelBuilderScreen } from './builder/ChannelBuilder';
 import { SettingsScreen } from './screens/SettingsScreen';
 import { navigateToPath } from './routing';
@@ -363,7 +363,7 @@ function Sidebar({
   return (
     <aside className="ctv-sidebar">
       <div className="ctv-brand">
-        <img src={chicoryIconUrl} alt="ChicoryTV" />
+        <img src={chicoryMarkUrl} alt="ChicoryTV" />
         <span className="ctv-brand-wordmark">
           Chicory<span>TV</span>
         </span>

web/src/builder/ChannelBuilder.tsx

@@ -717,7 +717,7 @@ function ChannelBuilder({
   );
   const [playoutMode, setPlayoutMode] = useState<PlayoutMode>((template?.playoutMode as PlayoutMode) ?? 'Continuous');
   const [overrides, setOverrides] = useState<Overrides>({});
-  const [group, setGroup] = useState('ErsatzTV');
+  const [group, setGroup] = useState('ChicoryTV');
   const [categories, setCategories] = useState('');
 
   const [advMode, setAdvMode] = useState<'closed' | 'view' | 'override'>('closed');