From da741926eb0e978ab6b2939e522d9b24b81aa7e3 Mon Sep 17 00:00:00 2001
From: Buffett <1buffetts@gmail.com>
Date: Thu, 13 Feb 2025 21:15:24 +0800
Subject: [PATCH 1/7] feat: add language support current support web Chatroom
 Navbar dashboard login template

---
 src/lib/components/Chatroom.svelte |  32 +++++++-
 src/lib/components/Navbar.svelte   |  50 +++++++++---
 src/lib/stores/language.ts         |   3 +
 src/routes/+page.svelte            |  35 +++++++--
 src/routes/dashboard/+page.svelte  | 122 +++++++++++++++++++++++------
 src/routes/login/+page.svelte      |  22 +++++-
 6 files changed, 217 insertions(+), 47 deletions(-)
 create mode 100644 src/lib/stores/language.ts

diff --git a/src/lib/components/Chatroom.svelte b/src/lib/components/Chatroom.svelte
index 5415105..b8b83de 100644
--- a/src/lib/components/Chatroom.svelte
+++ b/src/lib/components/Chatroom.svelte
@@ -3,6 +3,7 @@
 	import { Mic, Send, Square } from 'lucide-svelte'; // Added Square icon import
 	import AudioPlayer from './AudioPlayer.svelte';
 	import { renderMarkdown } from '$lib/utils/renderMarkdown';
+	import { language } from '$lib/stores/language'; // Import the global language store
 
 	interface Conversation {
 		name: string;
@@ -35,6 +36,25 @@
 	let messagesContainer: HTMLDivElement;
 	let dots = $state('...');
 
+	const translations = {
+		en: {
+			placeholder: 'Type your message...(max 500 characters)',
+			send: 'Send',
+			record: 'Record',
+			waiting: 'Waiting',
+			stop: 'Stop',
+			thinking: 'Thinking'
+		},
+		zh: {
+			placeholder: '手動輸入文字...(最多500個字元)',
+			send: '送出',
+			record: '錄音',
+			waiting: '等待',
+			stop: '停止',
+			thinking: '正在思考'
+		}
+	};
+
 	function scrollToBottom() {
 		if (!messagesContainer || !autoscroll) return;
 
@@ -147,7 +167,7 @@
 					<Card class="w-fit max-w-[80%]">
 						<div class="-my-2">
 							<p class="prose prose-hina text-gray-600">
-								{#await renderMarkdown(`正在思考${dots}`)}
+								{#await renderMarkdown(`${translations[$language].thinking}${dots}`)}
 									Loading ...
 								{:then content}
 									<!-- eslint-disable-next-line svelte/no-at-html-tags -->
@@ -167,7 +187,7 @@
 				<div class="flex min-w-[200px] flex-1 flex-col">
 					<Textarea
 						class="max-h-32 min-h-14 flex-1"
-						placeholder="Type your message...(max 500 characters)"
+						placeholder={translations[$language].placeholder}
 						rows={1}
 						bind:value={text}
 						disabled={operating}
@@ -190,7 +210,11 @@
 						{:else}
 							<Mic />
 						{/if}
-						{recording ? (operating ? 'Waiting' : 'Stop') : 'Record'}
+						{recording
+							? operating
+								? translations[$language].waiting
+								: translations[$language].stop
+							: translations[$language].record}
 					</Button>
 					<Button
 						color="primary"
@@ -199,7 +223,7 @@
 						on:click={handleSend}
 					>
 						<Send class={operating ? 'animate-pulse' : ''} />
-						Send
+						{translations[$language].send}
 					</Button>
 				</div>
 			</div>
diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte
index d9fd1e8..cfba611 100644
--- a/src/lib/components/Navbar.svelte
+++ b/src/lib/components/Navbar.svelte
@@ -1,14 +1,32 @@
-<script>
+<script lang="ts">
 	import { Navbar, NavBrand, Avatar, Dropdown, DropdownItem, Button } from 'flowbite-svelte';
 	import { LogOut, User, LayoutDashboard } from 'lucide-svelte';
 	import { signOut, user } from '$lib/stores/auth';
 	import { profile } from '$lib/stores/profile';
 	import { onMount } from 'svelte';
 	import { page } from '$app/state';
+	import { language } from '$lib/stores/language'; // Import the global language store
 
 	let hinagiku = $state('Hinagiku');
 	let highlight = $state(0);
 
+	const translations = {
+		en: {
+			welcome: 'Welcome to Hinagiku!',
+			profile: 'Profile',
+			dashboard: 'Dashboard',
+			signOut: 'Sign out',
+			login: 'Login'
+		},
+		zh: {
+			welcome: '歡迎來到Hinagiku!',
+			profile: '個人资料',
+			dashboard: '儀表板',
+			signOut: '登出',
+			login: '登入'
+		}
+	};
+
 	onMount(() => {
 		const interval = setInterval(() => {
 			let newHighlight;
@@ -20,11 +38,16 @@
 
 		return () => clearInterval(interval);
 	});
+
+	function toggleLanguage() {
+		language.update((value) => (value === 'en' ? 'zh' : 'en'));
+		console.log('Language:', $language);
+	}
 </script>
 
 <Navbar class="fixed left-0 top-0 z-50 w-full shadow-sm">
 	<NavBrand href="/">
-		<img src="/Icon.png" class="mr-3 h-8" alt="Welcome to Hinagiku!" />
+		<img src="/Icon.png" class="mr-3 h-8" alt={translations[$language].welcome} />
 		<span class="self-center whitespace-nowrap text-2xl font-bold">
 			{#each hinagiku as c, i}<span
 					class="transition-colors duration-500"
@@ -33,6 +56,9 @@
 		</span>
 	</NavBrand>
 	<div class="ml-auto flex items-center">
+		<Button on:click={toggleLanguage} class="mr-2">
+			{$language === 'en' ? 'English' : '中文'}
+		</Button>
 		{#if $user}
 			<Avatar id="user-menu" src={$user.photoURL || ''} alt="User" class="cursor-pointer" />
 			<Dropdown triggeredBy="#user-menu" class="w-48">
@@ -40,18 +66,18 @@
 					<p class="text-sm text-gray-900">{$profile?.displayName}</p>
 					<p class="truncate text-sm font-medium text-gray-500">{$user.email}</p>
 				</div>
-				<DropdownItem href="/profile" class="flex items-center"
-					><User class="mr-2 h-4 w-4" />Profile</DropdownItem
-				>
-				<DropdownItem href="/dashboard" class="flex items-center"
-					><LayoutDashboard class="mr-2 h-4 w-4" />Dashbaord</DropdownItem
-				>
-				<DropdownItem on:click={() => signOut()} class="flex items-center"
-					><LogOut class="mr-2 h-4 w-4" />Sign out</DropdownItem
-				>
+				<DropdownItem href="/profile" class="flex items-center">
+					<User class="mr-2 h-4 w-4" />{translations[$language].profile}
+				</DropdownItem>
+				<DropdownItem href="/dashboard" class="flex items-center">
+					<LayoutDashboard class="mr-2 h-4 w-4" />{translations[$language].dashboard}
+				</DropdownItem>
+				<DropdownItem on:click={() => signOut()} class="flex items-center">
+					<LogOut class="mr-2 h-4 w-4" />{translations[$language].signOut}
+				</DropdownItem>
 			</Dropdown>
 		{:else if !page.url.pathname.startsWith('/login')}
-			<Button href="/login" class="">Login</Button>
+			<Button href="/login" class="">{translations[$language].login}</Button>
 		{/if}
 	</div>
 </Navbar>
diff --git a/src/lib/stores/language.ts b/src/lib/stores/language.ts
new file mode 100644
index 0000000..42c6d2b
--- /dev/null
+++ b/src/lib/stores/language.ts
@@ -0,0 +1,3 @@
+import { writable } from 'svelte/store';
+
+export const language = writable<'en' | 'zh'>('en');
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 5657b42..7fd232d 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -3,9 +3,35 @@
 	import { Button, Card } from 'flowbite-svelte';
 	import { ArrowRight, Mic, Brain, GraduationCap, Github } from 'lucide-svelte';
 	import { onMount } from 'svelte';
+	import { language } from '$lib/stores/language'; // Import the global language store
 
 	let title = $state('Hinagiku');
 	let highlight = $state(0);
+	let lang = language; // Use the global language store directly
+
+	const translations = {
+		en: {
+			intro:
+				'Hinagiku helps educators facilitate more engaging and productive discussions through real-time transcription and intelligent analysis.',
+			welcome: 'Welcome to Hinagiku!',
+			profile: 'Profile',
+			dashboard: 'Go to Dashboard',
+			signOut: 'Sign out',
+			login: 'Login',
+			started: 'Get Started',
+			learn: 'Learn More'
+		},
+		zh: {
+			intro: 'Hinagiku透過即時轉錄和智慧分析幫助教育工作者促進更具吸引力和生產力的討論。',
+			welcome: '歡迎來到Hinagiku!',
+			profile: '個人资料',
+			dashboard: '儀表板',
+			signOut: '登出',
+			login: '登入',
+			started: '開始使用',
+			learn: '了解更多'
+		}
+	};
 
 	onMount(() => {
 		const interval = setInterval(() => {
@@ -43,21 +69,20 @@
 						</span>
 					</h1>
 					<p class="mb-8 text-xl text-gray-600">
-						Hinagiku helps educators facilitate more engaging and productive discussions through
-						real-time transcription and intelligent analysis.
+						{translations[$lang].intro}
 					</p>
 					<div class="flex gap-4">
 						{#if $user}
 							<Button size="xl" class="gap-2" href="/dashboard">
-								Go to Dashboard
+								{translations[$lang].dashboard}
 								<ArrowRight size={20} />
 							</Button>
 						{:else}
 							<Button size="xl" class="gap-2" href="/login">
-								Get Started
+								{translations[$lang].started}
 								<ArrowRight size={20} />
 							</Button>
-							<Button size="xl" color="light" href="#features">Learn More</Button>
+							<Button size="xl" color="light" href="#features">{translations[$lang].learn}</Button>
 						{/if}
 					</div>
 				</div>
diff --git a/src/routes/dashboard/+page.svelte b/src/routes/dashboard/+page.svelte
index 60c8f99..f7def7c 100644
--- a/src/routes/dashboard/+page.svelte
+++ b/src/routes/dashboard/+page.svelte
@@ -27,6 +27,8 @@
 	import TemplateCard from '$lib/components/TemplateCard.svelte';
 	import SessionCard from '$lib/components/SessionCard.svelte';
 
+	import { language } from '$lib/stores/language'; // Import the global language store
+
 	let { data } = $props();
 
 	// Query for user's templates
@@ -140,6 +142,57 @@
 		unsubscribe2();
 		unsubscribe3();
 	});
+
+	const translations = {
+		en: {
+			welcome: 'Welcome to Hinagiku!',
+			profile: 'Profile',
+			dashboard: 'Dashboard',
+			signOut: 'Sign out',
+			login: 'Login',
+			welcomeDashboard: 'Welcome to your dashboard',
+			stats: 'Statistics',
+			recentActivity: 'Recent Activity',
+			createTemplate: 'Create Template',
+			createTemplateDesc: 'Create a new discussion template',
+			joinSession: 'Join Session',
+			joinSessionDesc: 'Join an existing discussion session',
+			editProfile: 'Edit Profile',
+			editProfileDesc: 'Update your profile settings',
+			publicTemplates: 'Public Templates',
+			viewAll: 'View All',
+			yourTemplates: 'Your Templates',
+			noTemplates: 'No templates created yet',
+			createFirstTemplate: 'Create your first template to get started',
+			createTemplateButton: 'Create Your First Template',
+			noSessions: 'No sessions created yet',
+			createSession: 'Create a new session with template'
+		},
+		zh: {
+			welcome: '歡迎來到Hinagiku!',
+			profile: '個人资料',
+			dashboard: '儀表板',
+			signOut: '登出',
+			login: '登入',
+			welcomeDashboard: '歡迎來到您的儀表板',
+			stats: '統計數據',
+			recentActivity: '最近活動',
+			createTemplate: '創建模板',
+			createTemplateDesc: '創建一個新的討論模板',
+			joinSession: '加入會話',
+			joinSessionDesc: '加入現有的討論會話',
+			editProfile: '編輯個人資料',
+			editProfileDesc: '更新您的個人資料設置',
+			publicTemplates: '公開模板',
+			viewAll: '查看全部',
+			yourTemplates: '您的模板',
+			noTemplates: '尚未創建模板',
+			createFirstTemplate: '創建您的第一個模板以開始',
+			createTemplateButton: '創建您的第一個模板',
+			noSessions: '尚未創建會話',
+			createSession: '使用模板創建新會話'
+		}
+	};
 </script>
 
 <svelte:head>
@@ -148,8 +201,10 @@
 
 <main class="mx-auto max-w-6xl px-4 py-16">
 	<div class="mb-12">
-		<h1 class="text-3xl font-bold text-gray-900">Dashboard</h1>
-		<p class="mt-2 text-gray-600">Welcome back, {$profile?.displayName || $user?.displayName}</p>
+		<h1 class="text-3xl font-bold text-gray-900">{translations[$language].dashboard}</h1>
+		<p class="mt-2 text-gray-600">
+			{translations[$language].welcomeDashboard}, {$profile?.displayName || $user?.displayName}
+		</p>
 	</div>
 
 	<!-- Main Actions -->
@@ -159,8 +214,10 @@
 				<div class="mb-4 rounded-full bg-primary-100 p-4">
 					<MessageSquarePlus size={32} class="text-primary-600" />
 				</div>
-				<h2 class="mb-2 text-xl font-semibold text-gray-900">Create Template</h2>
-				<p class="text-gray-600">Create a new discussion template</p>
+				<h2 class="mb-2 text-xl font-semibold text-gray-900">
+					{translations[$language].createTemplate}
+				</h2>
+				<p class="text-gray-600">{translations[$language].createTemplateDesc}</p>
 			</button>
 		</Card>
 
@@ -169,8 +226,10 @@
 				<div class="mb-4 rounded-full bg-primary-100 p-4">
 					<UserPlus size={32} class="text-primary-600" />
 				</div>
-				<h2 class="mb-2 text-xl font-semibold text-gray-900">Join Session</h2>
-				<p class="text-gray-600">Join an existing discussion session</p>
+				<h2 class="mb-2 text-xl font-semibold text-gray-900">
+					{translations[$language].joinSession}
+				</h2>
+				<p class="text-gray-600">{translations[$language].joinSessionDesc}</p>
 			</a>
 		</Card>
 
@@ -179,8 +238,10 @@
 				<div class="mb-4 rounded-full bg-primary-100 p-4">
 					<UserCog size={32} class="text-primary-600" />
 				</div>
-				<h2 class="mb-2 text-xl font-semibold text-gray-900">Edit Profile</h2>
-				<p class="text-gray-600">Update your profile settings</p>
+				<h2 class="mb-2 text-xl font-semibold text-gray-900">
+					{translations[$language].editProfile}
+				</h2>
+				<p class="text-gray-600">{translations[$language].editProfileDesc}</p>
 			</a>
 		</Card>
 	</div>
@@ -188,8 +249,11 @@
 	<!-- Public Templates -->
 	<div class="mb-16">
 		<div class="mb-6 flex items-center justify-between">
-			<h2 class="text-2xl font-semibold text-gray-900">Public Templates</h2>
-			<Button color="alternative" href="/templates/public">View All</Button>
+			<h2 class="text-2xl font-semibold text-gray-900">
+				{translations[$language].publicTemplates}
+			</h2>
+			<Button color="alternative" href="/templates/public">{translations[$language].viewAll}</Button
+			>
 		</div>
 		<div class="grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
 			{#if $publicTemplates?.length}
@@ -210,9 +274,11 @@
 						<div class="text-center">
 							<h3 class="mb-2 text-xl font-bold">Example Template</h3>
 							<p class="mb-4 text-gray-600">
-								Create and share your own templates with the community
+								{translations[$language].createFirstTemplate}
 							</p>
-							<Button href="/create" class="w-full">Create Template</Button>
+							<Button href="/create" class="w-full"
+								>{translations[$language].createTemplateButton}</Button
+							>
 						</div>
 					</Card>
 				{/each}
@@ -223,8 +289,8 @@
 	<!-- Your Templates -->
 	<div>
 		<div class="mb-6 flex items-center justify-between">
-			<h2 class="text-2xl font-semibold text-gray-900">Your Templates</h2>
-			<Button color="alternative" href="/templates">View All</Button>
+			<h2 class="text-2xl font-semibold text-gray-900">{translations[$language].yourTemplates}</h2>
+			<Button color="alternative" href="/templates">{translations[$language].viewAll}</Button>
 		</div>
 		<div class="grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
 			{#if $templates?.length}
@@ -245,10 +311,12 @@
 						<div class="mb-4 inline-flex rounded-full bg-primary-100 p-4">
 							<MessageSquarePlus size={32} class="text-primary-600" />
 						</div>
-						<p class="mb-2 text-lg font-medium text-gray-900">No templates created yet</p>
-						<p class="mb-4 text-gray-600">Create your first template to get started</p>
+						<p class="mb-2 text-lg font-medium text-gray-900">
+							{translations[$language].noTemplates}
+						</p>
+						<p class="mb-4 text-gray-600">{translations[$language].createFirstTemplate}</p>
 						<Button onclick={handleCreateTemplate} color="primary"
-							>Create Your First Template</Button
+							>{translations[$language].createTemplateButton}</Button
 						>
 					</div>
 				</Card>
@@ -259,8 +327,10 @@
 	<!-- Recent Session -->
 	<div class="mt-16">
 		<div class="mb-6 flex items-center justify-between">
-			<h2 class="text-2xl font-semibold text-gray-900">Recent Host Sessions</h2>
-			<Button color="alternative" href="/dashboard/recent/host">View All</Button>
+			<h2 class="text-2xl font-semibold text-gray-900">{translations[$language].recentActivity}</h2>
+			<Button color="alternative" href="/dashboard/recent/host"
+				>{translations[$language].viewAll}</Button
+			>
 		</div>
 		<div class="mb-4 flex flex-wrap gap-2">
 			{#each $availableLabels as label}
@@ -291,8 +361,10 @@
 						<div class="mb-4 inline-flex rounded-full bg-primary-100 p-4">
 							<MessageSquarePlus size={32} class="text-primary-600" />
 						</div>
-						<p class="mb-2 text-lg font-medium text-gray-900">No sessions created yet</p>
-						<p class="mb-4 text-gray-600">Create a new session with template</p>
+						<p class="mb-2 text-lg font-medium text-gray-900">
+							{translations[$language].noSessions}
+						</p>
+						<p class="mb-4 text-gray-600">{translations[$language].createSession}</p>
 					</div>
 				</Card>
 			{/if}
@@ -303,8 +375,12 @@
 	{#if $sessions.length}
 		<div class="mt-16">
 			<div class="mb-6 flex items-center justify-between">
-				<h2 class="text-2xl font-semibold text-gray-900">Recent Participant Sessions</h2>
-				<Button color="alternative" href="/dashboard/recent/participant">View All</Button>
+				<h2 class="text-2xl font-semibold text-gray-900">
+					{translations[$language].recentActivity}
+				</h2>
+				<Button color="alternative" href="/dashboard/recent/participant"
+					>{translations[$language].viewAll}</Button
+				>
 			</div>
 			<div class="grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
 				{#each $sessions as [id, session]}
diff --git a/src/routes/login/+page.svelte b/src/routes/login/+page.svelte
index 30254ac..b662d28 100644
--- a/src/routes/login/+page.svelte
+++ b/src/routes/login/+page.svelte
@@ -1,13 +1,29 @@
 <script lang="ts">
 	import Auth from '$lib/components/Auth.svelte';
 	import { Card } from 'flowbite-svelte';
+	import { language } from '$lib/stores/language'; // Import the global language store
+
+	const translations = {
+		en: {
+			welcome: 'Welcome to Hinagiku!',
+			login: 'Sign in with your Google account to get started',
+			button: 'Login',
+			back: '← Back to home'
+		},
+		zh: {
+			welcome: '歡迎來到Hinagiku!',
+			login: '使用您的Google帳戶登入',
+			button: 'login',
+			back: '← 返回首頁'
+		}
+	};
 </script>
 
 <main class="min-h-screen bg-gradient-to-b from-primary-50 to-white">
 	<div class="mx-auto flex min-h-screen max-w-md flex-col items-center justify-center px-4 py-16">
 		<div class="mb-8 text-center">
-			<h1 class="mb-2 text-3xl font-bold text-gray-900">Welcome to Hinagiku</h1>
-			<p class="text-gray-600">Sign in with your Google account to get started</p>
+			<h1 class="mb-2 text-3xl font-bold text-gray-900">{translations[$language].welcome}</h1>
+			<p class="text-gray-600">{translations[$language].login}</p>
 		</div>
 
 		<Card class="w-full p-6 shadow-lg">
@@ -15,7 +31,7 @@
 		</Card>
 
 		<p class="mt-8 text-center text-sm text-gray-600">
-			<a href="/" class="text-primary-600 hover:underline">← Back to home</a>
+			<a href="/" class="text-primary-600 hover:underline">{translations[$language].back}</a>
 		</p>
 	</div>
 </main>

From f911793d7763e8ee7ffb1769f14f6ef6fcb14f28 Mon Sep 17 00:00:00 2001
From: Buffett <1buffetts@gmail.com>
Date: Thu, 13 Feb 2025 21:18:01 +0800
Subject: [PATCH 2/7] feat: add language support view template

---
 src/routes/template/[id]/view/+page.svelte | 39 ++++++++++++++++++----
 1 file changed, 33 insertions(+), 6 deletions(-)

diff --git a/src/routes/template/[id]/view/+page.svelte b/src/routes/template/[id]/view/+page.svelte
index 436b8ad..26a7820 100644
--- a/src/routes/template/[id]/view/+page.svelte
+++ b/src/routes/template/[id]/view/+page.svelte
@@ -2,10 +2,32 @@
 	import { Badge, Accordion, AccordionItem } from 'flowbite-svelte';
 	import { Link, FileText, File } from 'lucide-svelte';
 	import type { ResourceType } from '$lib/schema/resource';
+	import { language } from '$lib/stores/language'; // Import the global language store
 
 	export let data;
 	const { template } = data;
 
+	const translations = {
+		en: {
+			taskDescription: 'Task Description',
+			subtasks: 'Subtasks',
+			resources: 'Resources',
+			noResources: 'No resources available',
+			public: 'Public',
+			private: 'Private',
+			lastUpdated: 'Last updated'
+		},
+		zh: {
+			taskDescription: '任務描述',
+			subtasks: '子任務',
+			resources: '資源',
+			noResources: '沒有可用資源',
+			public: '公開',
+			private: '私人',
+			lastUpdated: '最後更新時間'
+		}
+	};
+
 	function getResourceIcon(type: ResourceType) {
 		switch (type) {
 			case 'link':
@@ -30,11 +52,12 @@
 		<div class="mb-4 flex items-start justify-between">
 			<h1 class="text-4xl font-bold text-gray-900">{template.title}</h1>
 			<Badge color={template.public ? 'green' : 'none'} class="mt-2">
-				{template.public ? 'Public' : 'Private'}
+				{template.public ? translations[$language].public : translations[$language].private}
 			</Badge>
 		</div>
 		<div class="text-sm text-gray-500">
-			Last updated {new Date(template.updatedAt).toLocaleDateString()}
+			{translations[$language].lastUpdated}
+			{new Date(template.updatedAt).toLocaleDateString()}
 		</div>
 	</header>
 
@@ -42,7 +65,9 @@
 	<main class="space-y-8">
 		<!-- Task Description Section -->
 		<section>
-			<h2 class="mb-4 text-2xl font-semibold text-gray-800">Task Description</h2>
+			<h2 class="mb-4 text-2xl font-semibold text-gray-800">
+				{translations[$language].taskDescription}
+			</h2>
 			<div class="prose prose-gray max-w-none">
 				<p class="whitespace-pre-wrap leading-relaxed text-gray-700">
 					{template.task}
@@ -53,7 +78,9 @@
 		<!-- Subtasks Section -->
 		{#if template.subtasks && template.subtasks.length > 0}
 			<section class="border-t border-gray-100 pt-8">
-				<h2 class="mb-4 text-2xl font-semibold text-gray-800">Subtasks</h2>
+				<h2 class="mb-4 text-2xl font-semibold text-gray-800">
+					{translations[$language].subtasks}
+				</h2>
 				<ul class="space-y-3">
 					{#each template.subtasks as subtask, index}
 						<li class="flex items-start">
@@ -67,7 +94,7 @@
 
 		<!-- Resources Section -->
 		<section class="border-t border-gray-100 pt-8">
-			<h2 class="mb-4 text-2xl font-semibold text-gray-800">Resources</h2>
+			<h2 class="mb-4 text-2xl font-semibold text-gray-800">{translations[$language].resources}</h2>
 			{#if template.resources && template.resources.length > 0}
 				<div class="rounded-lg bg-gray-50">
 					<Accordion class="divide-y divide-gray-200">
@@ -114,7 +141,7 @@
 					</Accordion>
 				</div>
 			{:else}
-				<p class="italic text-gray-500">No resources available</p>
+				<p class="italic text-gray-500">{translations[$language].noResources}</p>
 			{/if}
 		</section>
 	</main>

From 6748bc2f645dbe39f568ebddfc0f0a4e60a8189d Mon Sep 17 00:00:00 2001
From: Buffett <1buffetts@gmail.com>
Date: Thu, 13 Feb 2025 23:13:54 +0800
Subject: [PATCH 3/7] feat: complete language support now support English and
 Chinese

---
 src/lib/components/QrScanner.svelte           |  37 +++-
 src/lib/components/SessionCard.svelte         |  18 +-
 src/lib/components/session/HostView.svelte    | 114 +++++++++--
 .../components/session/StageProgress.svelte   |  33 +++-
 src/routes/+page.svelte                       | 183 ++++++++++++------
 src/routes/join/+page.svelte                  |  28 ++-
 src/routes/profile/+page.svelte               |  60 ++++--
 src/routes/session/[id]/+page.svelte          |  12 +-
 .../[id]/discussion/[userId]/+page.svelte     |  25 ++-
 .../session/[id]/participant/+page.svelte     |  11 +-
 src/routes/session/[id]/status/+page.svelte   |  20 +-
 src/routes/template/[id]/+page.svelte         | 102 +++++++---
 12 files changed, 505 insertions(+), 138 deletions(-)

diff --git a/src/lib/components/QrScanner.svelte b/src/lib/components/QrScanner.svelte
index a86b8df..1a37891 100644
--- a/src/lib/components/QrScanner.svelte
+++ b/src/lib/components/QrScanner.svelte
@@ -2,6 +2,7 @@
 	import { notifications } from '$lib/stores/notifications';
 	import { Html5Qrcode } from 'html5-qrcode';
 	import { onMount, onDestroy } from 'svelte';
+	import { language } from '$lib/stores/language'; // Import the global language store
 
 	let { onScan } = $props<{
 		onScan: (code: string) => void;
@@ -11,6 +12,28 @@
 	let scanning = $state(false);
 	let fileInput: HTMLInputElement;
 
+	const translations = {
+		en: {
+			stopCamera: 'Stop Camera',
+			startCamera: 'Start Camera',
+			uploadQrImage: 'Upload QR Code Image',
+			errorScanning: 'error during scanning: ',
+			errorStartingCamera: 'error during starting camera: ',
+			errorScanningFile: 'error during scanning file: ',
+			unableToFindQr:
+				'Unable to find QR code in the image. Please ensure the image is clear and contains a valid QR code.'
+		},
+		zh: {
+			stopCamera: '停止相機',
+			startCamera: '啟動相機',
+			uploadQrImage: '上傳二維碼圖片',
+			errorScanning: '掃描過程中出錯：',
+			errorStartingCamera: '啟動相機過程中出錯：',
+			errorScanningFile: '掃描文件過程中出錯：',
+			unableToFindQr: '無法在圖像中找到二維碼。請確保圖像清晰並包含有效的二維碼。'
+		}
+	};
+
 	onMount(() => {
 		scanner = new Html5Qrcode('qr-reader');
 	});
@@ -39,11 +62,11 @@
 					if ((err as unknown as Error).toString().includes('NotFoundException')) {
 						return;
 					}
-					// notifications.error(`error during scanning: ${err}`);
+					// notifications.error(`${translations[$language].errorScanning} ${err}`);
 				}
 			);
 		} catch (err) {
-			notifications.error(`error during starting camera: ${err}`);
+			notifications.error(`${translations[$language].errorStartingCamera} ${err}`);
 			scanning = false;
 		}
 	}
@@ -57,11 +80,9 @@
 			onScan(result);
 		} catch (err) {
 			if ((err as unknown as Error).toString().includes('NotFoundException')) {
-				notifications.error(
-					'Unable to find QR code in the image. Please ensure the image is clear and contains a valid QR code.'
-				);
+				notifications.error(translations[$language].unableToFindQr);
 			} else {
-				notifications.error(`error during scanning file: ${err}`);
+				notifications.error(`${translations[$language].errorScanningFile} ${err}`);
 			}
 		} finally {
 			fileInput.value = '';
@@ -78,7 +99,7 @@
 			onclick={scanning ? () => scanner.stop() : startCamera}
 			class="w-full rounded-lg border px-6 py-2 hover:bg-gray-50"
 		>
-			{scanning ? 'Stop Camera' : 'Start Camera'}
+			{scanning ? translations[$language].stopCamera : translations[$language].startCamera}
 		</button>
 
 		<div class="relative">
@@ -94,7 +115,7 @@
 				for="qr-image-input"
 				class="block w-full cursor-pointer rounded-lg border px-6 py-2 text-center hover:bg-gray-50"
 			>
-				Upload QR Code Image
+				{translations[$language].uploadQrImage}
 			</label>
 		</div>
 	</div>
diff --git a/src/lib/components/SessionCard.svelte b/src/lib/components/SessionCard.svelte
index c775ec4..ac0cf6f 100644
--- a/src/lib/components/SessionCard.svelte
+++ b/src/lib/components/SessionCard.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { Button, Card } from 'flowbite-svelte';
 	import ResolveUsername from './ResolveUsername.svelte';
+	import { language } from '$lib/stores/language'; // Import the global language store
 
 	let {
 		id,
@@ -19,6 +20,17 @@
 		host?: string;
 		createdAt: Date;
 	} = $props();
+
+	const translations = {
+		en: {
+			hostedBy: 'Hosted by',
+			viewSession: 'View Session'
+		},
+		zh: {
+			hostedBy: '主持人',
+			viewSession: '查看會話'
+		}
+	};
 </script>
 
 <Card padding="lg" class="transition-all hover:border-primary-500">
@@ -52,7 +64,9 @@
 		<div class="mt-auto w-full">
 			{#if host}
 				<div class="flex items-center gap-4">
-					<span class="text-sm text-gray-500">Hosted by <ResolveUsername id={host} /></span>
+					<span class="text-sm text-gray-500"
+						>{translations[$language].hostedBy} <ResolveUsername id={host} /></span
+					>
 				</div>
 			{/if}
 			<div class="mb-4 flex items-center gap-4">
@@ -60,7 +74,7 @@
 					{createdAt.toLocaleString()}
 				</span>
 			</div>
-			<Button href="/session/{id}" class="w-full">View Session</Button>
+			<Button href="/session/{id}" class="w-full">{translations[$language].viewSession}</Button>
 		</div>
 	</div>
 </Card>
diff --git a/src/lib/components/session/HostView.svelte b/src/lib/components/session/HostView.svelte
index dcc9268..c89d0ff 100644
--- a/src/lib/components/session/HostView.svelte
+++ b/src/lib/components/session/HostView.svelte
@@ -34,6 +34,7 @@
 	import MostActiveGroups from './MostActiveGroups.svelte';
 	import LabelManager from './LabelManager.svelte';
 	import ResolveUsername from '../ResolveUsername.svelte';
+	import { language } from '$lib/stores/language'; // Import the global language store
 
 	let { session }: { session: Readable<Session> } = $props();
 	let code = $state('');
@@ -80,6 +81,45 @@
 	let conversationsData = $state<Array<Conversation>>([]);
 	let keywordData = $state<Record<string, number>>({});
 
+	const translations = {
+		en: {
+			joinSession: 'Join Session',
+			joinSessionDesc: 'Please scan the QR code or enter the code to join the session.',
+			showCode: 'Show Code',
+			showCodeDesc: 'Show a 6-digit code for participants to join the session.',
+			finalSummary: 'Final Summary',
+			mainTask: 'Main Task',
+			subtasks: 'Subtasks:',
+			resources: 'Resources',
+			noResources: 'No resources available',
+			waitingForParticipants: 'Waiting for participants to join groups...',
+			noParticipants: 'No participants',
+			removeParticipant: 'Remove participant',
+			openChatHistory: 'Open chat history',
+			openGroupChatHistory: 'Open group chat history',
+			warningInappropriate: 'Warning: inappropriate content detected.',
+			warningOffTopic: 'Warning: many off-topic messages.'
+		},
+		zh: {
+			joinSession: '加入會話',
+			joinSessionDesc: '請掃描二維碼或輸入代碼以加入會話。',
+			showCode: '顯示代碼',
+			showCodeDesc: '顯示一個6位數的代碼供參與者加入會話。',
+			finalSummary: '最終總結',
+			mainTask: '主要任務',
+			subtasks: '子任務:',
+			resources: '資源',
+			noResources: '沒有可用資源',
+			waitingForParticipants: '等待參與者加入小組...',
+			noParticipants: '沒有參與者',
+			removeParticipant: '移除參與者',
+			openChatHistory: '打開聊天記錄',
+			openGroupChatHistory: '打開小組聊天記錄',
+			warningInappropriate: '警告：檢測到不適當內容。',
+			warningOffTopic: '警告：許多離題消息。'
+		}
+	};
+
 	onMount(() => {
 		const unsubscribes: (() => void)[] = [];
 		const initializeSession = async () => {
@@ -514,8 +554,12 @@
 	<div class="grid gap-8 md:grid-cols-4">
 		{#if $session?.status && $session.status === 'preparing'}
 			<div class="rounded-lg border p-6">
-				<h2 class="mb-4 text-xl font-semibold">Join Session</h2>
-				<p class="text-gray-700">Please scan the QR code or enter the code to join the session.</p>
+				<h2 class="mb-4 text-xl font-semibold">
+					{$language === 'zh' ? translations.zh.joinSession : translations.en.joinSession}
+				</h2>
+				<p class="text-gray-700">
+					{$language === 'zh' ? translations.zh.joinSessionDesc : translations.en.joinSessionDesc}
+				</p>
 				{#if $session?.status === 'preparing'}
 					<div class="mt-4">
 						<div class="flex justify-center">
@@ -526,10 +570,10 @@
 						{#if code === '' || code === 'Loading...'}
 							<div class="flex justify-center">
 								<Button color="primary" on:click={getCode} disabled={code === 'Loading...'}>
-									Show Code
+									{$language === 'zh' ? translations.zh.showCode : translations.en.showCode}
 								</Button>
 								<Tooltip placement="bottom">
-									Show a 6-digit code for participants to join the session.
+									{$language === 'zh' ? translations.zh.showCodeDesc : translations.en.showCodeDesc}
 								</Tooltip>
 							</div>
 						{:else}
@@ -544,7 +588,9 @@
 
 		{#if $session?.status === 'ended'}
 			<div class="col-span-4 rounded-lg border p-6">
-				<h2 class="mb-4 text-xl font-semibold">Final Summary</h2>
+				<h2 class="mb-4 text-xl font-semibold">
+					{$language === 'zh' ? translations.zh.finalSummary : translations.en.finalSummary}
+				</h2>
 				<div class="flex w-full flex-col gap-4">
 					<div class="h-96">
 						<WordCloud words={keywordData} />
@@ -568,7 +614,11 @@
 		>
 			<h2 class="mb-4 text-xl font-semibold">Groups</h2>
 			{#if $groups.length === 0}
-				<Alert>Waiting for participants to join groups...</Alert>
+				<Alert
+					>{$language === 'zh'
+						? translations.zh.waitingForParticipants
+						: translations.en.waitingForParticipants}</Alert
+				>
 			{:else}
 				<div class="grid grid-cols-3 gap-4">
 					{#each [...$groups].sort((a, b) => a.number - b.number) as group}
@@ -581,11 +631,19 @@
 								>
 									Group #{group.number}
 								</button>
-								<Tooltip>Open group chat history</Tooltip>
+								<Tooltip
+									>{$language === 'zh'
+										? translations.zh.openGroupChatHistory
+										: translations.en.openGroupChatHistory}</Tooltip
+								>
 								<GroupStatus {group} showStatus={$session?.status === 'group'} />
 							</div>
 							{#if group.participants.length === 0}
-								<p class="text-xs text-gray-500">No participants</p>
+								<p class="text-xs text-gray-500">
+									{$language === 'zh'
+										? translations.zh.noParticipants
+										: translations.en.noParticipants}
+								</p>
 							{:else}
 								<ul class="space-y-1.5">
 									{#each group.participants as participant}
@@ -602,7 +660,11 @@
 													>
 														<ResolveUsername id={participant} />
 													</span>
-													<Tooltip>Open chat history</Tooltip>
+													<Tooltip
+														>{$language === 'zh'
+															? translations.zh.openChatHistory
+															: translations.en.openChatHistory}</Tooltip
+													>
 
 													{#if participantProgress.has(participant)}
 														<div class="flex flex-1 items-center gap-1.5">
@@ -644,9 +706,17 @@
 																		{/if}
 																	</div>
 																	{#if warning.moderation}
-																		<Tooltip>Warning: inappropriate content detected.</Tooltip>
+																		<Tooltip
+																			>{$language === 'zh'
+																				? translations.zh.warningInappropriate
+																				: translations.en.warningInappropriate}</Tooltip
+																		>
 																	{:else if warning.offTopic >= 3}
-																		<Tooltip>Warning: many off-topic messages.</Tooltip>
+																		<Tooltip
+																			>{$language === 'zh'
+																				? translations.zh.warningOffTopic
+																				: translations.en.warningOffTopic}</Tooltip
+																		>
 																	{/if}
 																{/if}
 															{/if}
@@ -659,7 +729,11 @@
 												>
 													<X class="h-3 w-3" />
 												</button>
-												<Tooltip>Remove participant</Tooltip>
+												<Tooltip
+													>{$language === 'zh'
+														? translations.zh.removeParticipant
+														: translations.en.removeParticipant}</Tooltip
+												>
 											</div>
 										</li>
 									{/each}
@@ -673,12 +747,16 @@
 
 		<!-- Task Section -->
 		<div class="col-span-4 rounded-lg border p-6">
-			<h2 class="mb-4 text-xl font-semibold">Main Task</h2>
+			<h2 class="mb-4 text-xl font-semibold">
+				{$language === 'zh' ? translations.zh.mainTask : translations.en.mainTask}
+			</h2>
 			<p class="text-gray-700">{$session?.task}</p>
 
 			{#if $session?.subtasks.length > 0}
 				<div class="mt-4">
-					<h3 class="mb-2 font-medium">Subtasks:</h3>
+					<h3 class="mb-2 font-medium">
+						{$language === 'zh' ? translations.zh.subtasks : translations.en.subtasks}
+					</h3>
 					<ul class="list-inside list-disc space-y-2">
 						{#each $session?.subtasks as subtask}
 							<li class="text-gray-700">{subtask}</li>
@@ -690,9 +768,13 @@
 
 		<!-- Resources Section -->
 		<div class="col-span-4 rounded-lg border p-6">
-			<h2 class="mb-4 text-xl font-semibold">Resources</h2>
+			<h2 class="mb-4 text-xl font-semibold">
+				{$language === 'zh' ? translations.zh.resources : translations.en.resources}
+			</h2>
 			{#if $session?.resources.length === 0}
-				<p class="text-gray-600">No resources available</p>
+				<p class="text-gray-600">
+					{$language === 'zh' ? translations.zh.noResources : translations.en.noResources}
+				</p>
 			{:else}
 				<div class="space-y-4">
 					{#each $session?.resources as resource}
diff --git a/src/lib/components/session/StageProgress.svelte b/src/lib/components/session/StageProgress.svelte
index 62a38f1..6a270a0 100644
--- a/src/lib/components/session/StageProgress.svelte
+++ b/src/lib/components/session/StageProgress.svelte
@@ -2,13 +2,14 @@
 	import { ArrowLeft, ArrowRight, Loader2 } from 'lucide-svelte';
 	import { Button, Modal } from 'flowbite-svelte';
 	import type { Session } from '$lib/schema/session';
+	import { language } from '$lib/stores/language'; // Import the global language store
 
 	const stages = [
-		{ id: 'preparing', name: 'Preparing Stage', color: 'bg-yellow-500' },
-		{ id: 'individual', name: 'Individual Stage', color: 'bg-blue-500' },
-		{ id: 'before-group', name: 'Before Group Stage', color: 'bg-purple-500' },
-		{ id: 'group', name: 'Group Stage', color: 'bg-green-500' },
-		{ id: 'ended', name: 'Ended Stage', color: 'bg-gray-500' }
+		{ id: 'preparing', name: '準備階段', color: 'bg-yellow-500' },
+		{ id: 'individual', name: '個人階段', color: 'bg-blue-500' },
+		{ id: 'before-group', name: '團體套論前階段', color: 'bg-purple-500' },
+		{ id: 'group', name: '團體討論階段', color: 'bg-green-500' },
+		{ id: 'ended', name: '總結階段', color: 'bg-gray-500' }
 	] as const;
 
 	export let session: Session | undefined;
@@ -24,6 +25,20 @@
 	$: canGoNext = currentStageIndex < stages.length - 1 && !loadingNext;
 	$: nextStage = currentStageIndex < stages.length - 1 ? stages[currentStageIndex + 1] : null;
 
+	const translations = {
+		en: {
+			confirmEndStage:
+				'Entering the Ended Stage is irreversible. Are you sure you want to proceed?',
+			confirm: 'Confirm',
+			cancel: 'Cancel'
+		},
+		zh: {
+			confirmEndStage: '進入 Ended Stage 將無法返回，確定要繼續嗎？',
+			confirm: '確定',
+			cancel: '取消'
+		}
+	};
+
 	async function handlePrevious() {
 		if (canGoPrevious) {
 			loadingPrevious = true;
@@ -117,7 +132,7 @@
 <Modal bind:open={showEndedConfirmModal} size="sm" autoclose class="w-full">
 	<div class="text-center">
 		<h3 class="mb-5 text-lg font-normal text-gray-500 dark:text-gray-500">
-			進入 Ended Stage 將無法返回，確定要繼續嗎？
+			{translations[$language].confirmEndStage}
 		</h3>
 		<div class="flex justify-center gap-4">
 			<Button
@@ -127,9 +142,11 @@
 					proceedToNextStage();
 				}}
 			>
-				確定
+				{translations[$language].confirm}
 			</Button>
-			<Button color="alternative" on:click={() => (showEndedConfirmModal = false)}>取消</Button>
+			<Button color="alternative" on:click={() => (showEndedConfirmModal = false)}
+				>{translations[$language].cancel}</Button
+			>
 		</div>
 	</div>
 </Modal>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 7fd232d..76a675b 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -11,6 +11,17 @@
 
 	const translations = {
 		en: {
+			transcript: 'Real-time Transcription',
+			Itanalysis: 'Intelligent Analysis',
+			educational: 'Educational Focus',
+			tr_details:
+				'Capture every valuable insight from your discussions with our advanced speech-to-text technology.',
+			ia_details:
+				'Get AI-powered insights and suggestions to improve discussion quality and participation.',
+			ef_details:
+				'Purpose-built for educational environments with features that support meaningful learning.',
+			Ai_describe:
+				'Our AI-powered system emphasizes student-led discussions while providing structured guidance, making it easier for teachers to direct learning and analyze outcomes.',
 			intro:
 				'Hinagiku helps educators facilitate more engaging and productive discussions through real-time transcription and intelligent analysis.',
 			welcome: 'Welcome to Hinagiku!',
@@ -19,9 +30,56 @@
 			signOut: 'Sign out',
 			login: 'Login',
 			started: 'Get Started',
-			learn: 'Learn More'
+			learn: 'Learn More',
+			whyChoose: 'Why Choose Hinagiku?',
+			whyChooseDesc:
+				'Our platform combines cutting-edge technology with educational expertise to enhance learning outcomes.',
+			howItWorks: 'How It Works',
+			howItWorksDesc:
+				'Hinagiku enhances the Think-Pair-Share learning technique with AI assistance throughout the entire process.',
+			preparation: '1. Preparation',
+			preparationDesc:
+				'Teachers create discussion templates and set up dynamic timelines for structured learning sessions.',
+			joinSession: '2. Join Session',
+			joinSessionDesc:
+				'Students easily join discussions by scanning a session QR code, then form or join groups.',
+			discussion: '3. Discussion',
+			discussionDesc:
+				'AI assists in guiding individual reflection, group discussions, and helps maintain focus on the topic.',
+			analysis: '4. Analysis',
+			analysisDesc:
+				'Get visual summaries and insights from discussions to understand class perspectives and engagement.',
+			communityDriven: 'Community-Driven Templates',
+			communityDrivenDesc:
+				'Access and share discussion templates with educators worldwide. Build upon proven discussion frameworks or contribute your own.',
+			browseTemplates: 'Browse public templates from experienced educators',
+			forkTemplates: 'Fork and customize existing templates for your needs',
+			shareTemplates: 'Share your successful discussion formats with the community',
+			collaborateTemplates: 'Collaborate with other educators to improve templates',
+			exploreTemplates: 'Explore Templates',
+			storyBehind: 'The Story Behind Our Name',
+			storyBehindDesc:
+				'Hinagiku (雛菊), or Daisy in English, is an intelligent system designed to support discussions in educational environments.',
+			realTime:
+				"One of Hinagiku's key features is its real-time voice transcription and analysis, which helps hosts provide timely and insightful feedback, setting it apart from other educational tools.",
+			coreValues:
+				'We chose the name Hinagiku because it reflects our core values: resilience, simplicity, and growth—much like the daisy flower itself, which flourishes in diverse conditions.',
+			mission:
+				'Our mission is to help participants and hosts connect meaningfully by providing tools that facilitate better communication and collaboration in classrooms.',
+			openSource: 'Open Source',
+			openSourceDesc:
+				'Hinagiku is open source and available on GitHub. We welcome contributions from the community!',
+			viewOnGitHub: 'View on GitHub'
 		},
 		zh: {
+			transcript: '即時轉錄',
+			Itanalysis: '智慧分析',
+			educational: '教育焦點',
+			tr_details: '使用我們先進的語音轉文字技術捕獲討論中的每一個寶貴見解。',
+			ia_details: '獲取AI提供的見解和建議，以提高討論品質和參與度。',
+			ef_details: '專為教育環境而設計，具被助於有效學習的功能。',
+			Ai_describe:
+				'我們的AI系統強調學生主導的討論，同時提供結構化指導，使教師更容易引導學習並分析結果。',
 			intro: 'Hinagiku透過即時轉錄和智慧分析幫助教育工作者促進更具吸引力和生產力的討論。',
 			welcome: '歡迎來到Hinagiku!',
 			profile: '個人资料',
@@ -29,7 +87,38 @@
 			signOut: '登出',
 			login: '登入',
 			started: '開始使用',
-			learn: '了解更多'
+			learn: '了解更多',
+			whyChoose: '為什麼選擇Hinagiku？',
+			whyChooseDesc: '我們的平台結合了尖端技術和教育專業知識，以提高學習成果。',
+			howItWorks: '它是如何工作的',
+			howItWorksDesc: 'Hinagiku在整個過程中通過AI輔助增強了Think-Pair-Share學習技術。',
+			preparation: '1. 準備',
+			preparationDesc: '教師創建討論模板並設置動態時間表以進行結構化學習會話。',
+			joinSession: '2. 加入會話',
+			joinSessionDesc: '學生通過掃描會話二維碼輕鬆加入討論，然後組建或加入小組。',
+			discussion: '3. 討論',
+			discussionDesc: 'AI協助指導個人反思、小組討論，並幫助保持對主題的關注。',
+			analysis: '4. 分析',
+			analysisDesc: '從討論中獲取視覺摘要和見解，以了解班級的觀點和參與度。',
+			communityDriven: '社區驅動的模板',
+			communityDrivenDesc:
+				'訪問並分享來自全球教育工作者的討論模板。在經過驗證的討論框架上進行構建或貢獻您自己的模板。',
+			browseTemplates: '瀏覽來自經驗豐富的教育工作者的公共模板',
+			forkTemplates: '分叉並自定義現有模板以滿足您的需求',
+			shareTemplates: '與社區分享您成功的討論格式',
+			collaborateTemplates: '與其他教育工作者合作改進模板',
+			exploreTemplates: '探索模板',
+			storyBehind: '我們名字背後的故事',
+			storyBehindDesc:
+				'Hinagiku（雛菊），或英文中的Daisy，是一個旨在支持教育環境中討論的智能系統。',
+			realTime:
+				'Hinagiku的一個關鍵功能是其實時語音轉錄和分析，這有助於主持人提供及時和有見地的反饋，使其與其他教育工具區分開來。',
+			coreValues:
+				'我們選擇Hinagiku這個名字是因為它反映了我們的核心價值觀：韌性、簡單和成長——就像雛菊花一樣，在不同的條件下茁壯成長。',
+			mission: '我們的使命是通過提供促進更好溝通和協作的工具，幫助參與者和主持人有意義地聯繫。',
+			openSource: '開源',
+			openSourceDesc: 'Hinagiku是開源的，並在GitHub上可用。我們歡迎社區的貢獻！',
+			viewOnGitHub: '在GitHub上查看'
 		}
 	};
 
@@ -97,10 +186,9 @@
 	<div id="features" class="bg-white py-24">
 		<div class="mx-auto max-w-6xl px-4">
 			<div class="mb-16 text-center">
-				<h2 class="mb-4 text-3xl font-bold text-gray-900">Why Choose Hinagiku?</h2>
+				<h2 class="mb-4 text-3xl font-bold text-gray-900">{translations[$lang].whyChoose}</h2>
 				<p class="mx-auto max-w-2xl text-xl text-gray-600">
-					Our platform combines cutting-edge technology with educational expertise to enhance
-					learning outcomes.
+					{translations[$lang].whyChooseDesc}
 				</p>
 			</div>
 
@@ -111,10 +199,9 @@
 							<Mic class="h-6 w-6 text-primary-600" />
 						</div>
 					</div>
-					<h3 class="mb-3 text-xl font-semibold">Real-time Transcription</h3>
+					<h3 class="mb-3 text-xl font-semibold">{translations[$lang].transcript}</h3>
 					<p class="text-gray-600">
-						Capture every valuable insight from your discussions with our advanced speech-to-text
-						technology.
+						{translations[$lang].tr_details}
 					</p>
 				</Card>
 
@@ -124,9 +211,9 @@
 							<Brain class="h-6 w-6 text-primary-600" />
 						</div>
 					</div>
-					<h3 class="mb-3 text-xl font-semibold">Intelligent Analysis</h3>
+					<h3 class="mb-3 text-xl font-semibold">{translations[$lang].Itanalysis}</h3>
 					<p class="text-gray-600">
-						Get AI-powered insights and suggestions to improve discussion quality and participation.
+						{translations[$lang].ia_details}
 					</p>
 				</Card>
 
@@ -136,10 +223,9 @@
 							<GraduationCap class="h-6 w-6 text-primary-600" />
 						</div>
 					</div>
-					<h3 class="mb-3 text-xl font-semibold">Educational Focus</h3>
+					<h3 class="mb-3 text-xl font-semibold">{translations[$lang].educational}</h3>
 					<p class="text-gray-600">
-						Purpose-built for educational environments with features that support meaningful
-						learning.
+						{translations[$lang].ef_details}
 					</p>
 				</Card>
 			</div>
@@ -150,51 +236,45 @@
 	<div class="bg-gradient-to-b from-white via-primary-50/30 to-white py-24">
 		<div class="mx-auto max-w-6xl px-4">
 			<div class="mb-16 text-center">
-				<h2 class="mb-4 text-3xl font-bold text-gray-900">How It Works</h2>
+				<h2 class="mb-4 text-3xl font-bold text-gray-900">{translations[$lang].howItWorks}</h2>
 				<p class="mx-auto max-w-2xl text-xl text-gray-600">
-					Hinagiku enhances the Think-Pair-Share learning technique with AI assistance throughout
-					the entire process.
+					{translations[$lang].howItWorksDesc}
 				</p>
 			</div>
 
 			<div class="grid gap-8 md:grid-cols-4">
 				<Card class="text-center">
-					<h3 class="mb-3 text-xl font-semibold">1. Preparation</h3>
+					<h3 class="mb-3 text-xl font-semibold">{translations[$lang].preparation}</h3>
 					<p class="text-gray-600">
-						Teachers create discussion templates and set up dynamic timelines for structured
-						learning sessions.
+						{translations[$lang].preparationDesc}
 					</p>
 				</Card>
 
 				<Card class="text-center">
-					<h3 class="mb-3 text-xl font-semibold">2. Join Session</h3>
+					<h3 class="mb-3 text-xl font-semibold">{translations[$lang].joinSession}</h3>
 					<p class="text-gray-600">
-						Students easily join discussions by scanning a session QR code, then form or join
-						groups.
+						{translations[$lang].joinSessionDesc}
 					</p>
 				</Card>
 
 				<Card class="text-center">
-					<h3 class="mb-3 text-xl font-semibold">3. Discussion</h3>
+					<h3 class="mb-3 text-xl font-semibold">{translations[$lang].discussion}</h3>
 					<p class="text-gray-600">
-						AI assists in guiding individual reflection, group discussions, and helps maintain focus
-						on the topic.
+						{translations[$lang].discussionDesc}
 					</p>
 				</Card>
 
 				<Card class="text-center">
-					<h3 class="mb-3 text-xl font-semibold">4. Analysis</h3>
+					<h3 class="mb-3 text-xl font-semibold">{translations[$lang].analysis}</h3>
 					<p class="text-gray-600">
-						Get visual summaries and insights from discussions to understand class perspectives and
-						engagement.
+						{translations[$lang].analysisDesc}
 					</p>
 				</Card>
 			</div>
 
 			<div class="mt-12 text-center">
 				<p class="mx-auto max-w-2xl text-gray-600">
-					Our AI-powered system emphasizes student-led discussions while providing structured
-					guidance, making it easier for teachers to direct learning and analyze outcomes.
+					{translations[$lang].Ai_describe}
 				</p>
 			</div>
 		</div>
@@ -205,21 +285,22 @@
 		<div class="mx-auto max-w-6xl px-4">
 			<div class="grid items-center gap-12 lg:grid-cols-2">
 				<div>
-					<h2 class="mb-6 text-3xl font-bold text-gray-900">Community-Driven Templates</h2>
+					<h2 class="mb-6 text-3xl font-bold text-gray-900">
+						{translations[$lang].communityDriven}
+					</h2>
 					<div class="space-y-4 text-gray-600">
 						<p class="text-xl">
-							Access and share discussion templates with educators worldwide. Build upon proven
-							discussion frameworks or contribute your own.
+							{translations[$lang].communityDrivenDesc}
 						</p>
 						<ul class="ml-6 list-disc space-y-3">
-							<li>Browse public templates from experienced educators</li>
-							<li>Fork and customize existing templates for your needs</li>
-							<li>Share your successful discussion formats with the community</li>
-							<li>Collaborate with other educators to improve templates</li>
+							<li>{translations[$lang].browseTemplates}</li>
+							<li>{translations[$lang].forkTemplates}</li>
+							<li>{translations[$lang].shareTemplates}</li>
+							<li>{translations[$lang].collaborateTemplates}</li>
 						</ul>
 						<div class="mt-8">
 							<Button size="xl" class="gap-2" href="/templates/public">
-								Explore Templates
+								{translations[$lang].exploreTemplates}
 								<ArrowRight size={20} />
 							</Button>
 						</div>
@@ -248,26 +329,21 @@
 					/>
 				</div>
 				<div class="order-1 lg:order-2">
-					<h2 class="mb-6 text-3xl font-bold text-gray-900">The Story Behind Our Name</h2>
+					<h2 class="mb-6 text-3xl font-bold text-gray-900">{translations[$lang].storyBehind}</h2>
 					<div class="space-y-4 text-gray-600">
 						<p>
-							<span class="font-semibold text-primary-600">Hinagiku (雛菊)</span>, or Daisy in
-							English, is an intelligent system designed to support discussions in educational
-							environments.
+							<span class="font-semibold text-primary-600">Hinagiku (雛菊)</span>, {translations[
+								$lang
+							].storyBehindDesc}
 						</p>
 						<p>
-							One of Hinagiku's key features is its real-time voice transcription and analysis,
-							which helps hosts provide timely and insightful feedback, setting it apart from other
-							educational tools.
+							{translations[$lang].realTime}
 						</p>
 						<p>
-							We chose the name Hinagiku because it reflects our core values:
-							<span class="font-medium text-gray-900">resilience, simplicity, and growth</span>—much
-							like the daisy flower itself, which flourishes in diverse conditions.
+							{translations[$lang].coreValues}
 						</p>
 						<p>
-							Our mission is to help participants and hosts connect meaningfully by providing tools
-							that facilitate better communication and collaboration in classrooms.
+							{translations[$lang].mission}
 						</p>
 					</div>
 				</div>
@@ -279,10 +355,9 @@
 	<div class="bg-white py-24">
 		<div class="mx-auto max-w-6xl px-4">
 			<div class="text-center">
-				<h2 class="mb-4 text-3xl font-bold text-gray-900">Open Source</h2>
+				<h2 class="mb-4 text-3xl font-bold text-gray-900">{translations[$lang].openSource}</h2>
 				<p class="mx-auto mb-8 max-w-2xl text-xl text-gray-600">
-					Hinagiku is open source and available on GitHub. We welcome contributions from the
-					community!
+					{translations[$lang].openSourceDesc}
 				</p>
 				<Button
 					size="xl"
@@ -292,7 +367,7 @@
 					rel="noopener noreferrer"
 				>
 					<Github />
-					View on GitHub
+					{translations[$lang].viewOnGitHub}
 				</Button>
 			</div>
 		</div>
diff --git a/src/routes/join/+page.svelte b/src/routes/join/+page.svelte
index 77f6dd9..0766e7d 100644
--- a/src/routes/join/+page.svelte
+++ b/src/routes/join/+page.svelte
@@ -4,6 +4,7 @@
 	import { notifications } from '$lib/stores/notifications';
 	import { getDoc, doc } from 'firebase/firestore';
 	import { db } from '$lib/firebase';
+	import { language } from '$lib/stores/language'; // Import the global language store
 
 	async function handleScan(code: string) {
 		try {
@@ -40,6 +41,23 @@
 			console.error(e);
 		}
 	}
+
+	const translations = {
+		en: {
+			joinSession: 'Join Discussion Session',
+			scanQr: 'Scan the QR code provided by your session host to join the discussion.',
+			enterCode: 'Or please enter the 6-digits code to join.',
+			joinButton: 'Join Session',
+			enterCodePlaceholder: 'Enter code'
+		},
+		zh: {
+			joinSession: '加入討論會話',
+			scanQr: '掃描會話主持人提供的二維碼以加入討論。',
+			enterCode: '或者請輸入6位數的代碼以加入。',
+			joinButton: '加入會話',
+			enterCodePlaceholder: '輸入代碼'
+		}
+	};
 </script>
 
 <svelte:head>
@@ -47,21 +65,21 @@
 </svelte:head>
 
 <main class="mx-auto max-w-2xl px-4 py-16">
-	<h1 class="mb-8 text-3xl font-bold">Join Discussion Session</h1>
+	<h1 class="mb-8 text-3xl font-bold">{translations[$language].joinSession}</h1>
 
 	<div class="space-y-6">
 		<p class="text-gray-600">
-			Scan the QR code provided by your session host to join the discussion.
+			{translations[$language].scanQr}
 		</p>
 
 		<QrScanner onScan={handleScan} />
 	</div>
 	<!--Input Code-->
 	<div class="mt-8 flex flex-col gap-4">
-		<p class="text-gray-600">Or please enter the 6-digits code to join.</p>
+		<p class="text-gray-600">{translations[$language].enterCode}</p>
 		<input
 			type="text"
-			placeholder="Enter code"
+			placeholder={translations[$language].enterCodePlaceholder}
 			maxlength="6"
 			pattern="\d{6}"
 			class="w-full rounded-lg border py-2"
@@ -73,7 +91,7 @@
 			class="w-full rounded-lg border px-6 py-2 hover:bg-gray-50"
 			onclick={joinwithcode}
 		>
-			Join Session
+			{translations[$language].joinButton}
 		</button>
 	</div>
 </main>
diff --git a/src/routes/profile/+page.svelte b/src/routes/profile/+page.svelte
index 63d9397..ee5fcc6 100644
--- a/src/routes/profile/+page.svelte
+++ b/src/routes/profile/+page.svelte
@@ -3,19 +3,53 @@
 	import { profile } from '$lib/stores/profile';
 	import { Button, Label, Input, Textarea, Card, Alert } from 'flowbite-svelte';
 	import { CheckCircle, XCircle } from 'lucide-svelte';
+	import { language } from '$lib/stores/language'; // Import the global language store
 
 	let { form, data } = $props();
 	let loading = $state(false);
+
+	const translations = {
+		en: {
+			profileSettings: 'Profile Settings',
+			updateInfo: 'Update your personal information and preferences',
+			successMessage: 'Profile updated successfully!',
+			errorMessage: 'Cannot update profile. Please try again later.',
+			displayName: 'Display Name',
+			title: 'Title',
+			titlePlaceholder: 'e.g. Professor, Student, Teaching Assistant',
+			bio: 'Bio',
+			bioPlaceholder: 'Tell us about yourself',
+			bioHelp: 'Write a short bio to help others know more about you',
+			cancel: 'Cancel',
+			saveChanges: 'Save Changes',
+			saving: 'Saving...'
+		},
+		zh: {
+			profileSettings: '個人資料設置',
+			updateInfo: '更新您的個人資料和偏好',
+			successMessage: '個人資料更新成功！',
+			errorMessage: '無法更新個人資料。請稍後再試。',
+			displayName: '顯示名稱',
+			title: '職稱',
+			titlePlaceholder: '例如：教授、學生、助教',
+			bio: '簡介',
+			bioPlaceholder: '介紹一下你自己',
+			bioHelp: '寫一個簡短的簡介，幫助其他人更好地了解你',
+			cancel: '取消',
+			saveChanges: '保存更改',
+			saving: '保存中...'
+		}
+	};
 </script>
 
 <svelte:head>
-	<title>Profile Settings | Hinagiku</title>
+	<title>{translations[$language].profileSettings} | Hinagiku</title>
 </svelte:head>
 
 <main class="mx-auto max-w-2xl px-4 py-16">
 	<div class="mb-8">
-		<h1 class="text-3xl font-bold text-gray-900">Profile Settings</h1>
-		<p class="mt-2 text-gray-600">Update your personal information and preferences</p>
+		<h1 class="text-3xl font-bold text-gray-900">{translations[$language].profileSettings}</h1>
+		<p class="mt-2 text-gray-600">{translations[$language].updateInfo}</p>
 	</div>
 
 	{#if form}
@@ -24,14 +58,14 @@
 				<svelte:fragment slot="icon">
 					<CheckCircle class="h-4 w-4" />
 				</svelte:fragment>
-				Profile updated successfully!
+				{translations[$language].successMessage}
 			</Alert>
 		{:else}
 			<Alert color="red" class="mb-6">
 				<svelte:fragment slot="icon">
 					<XCircle class="h-4 w-4" />
 				</svelte:fragment>
-				Cannot update profile. Please try again later.
+				{translations[$language].errorMessage}
 			</Alert>
 		{/if}
 	{/if}
@@ -50,7 +84,7 @@
 				class="space-y-6"
 			>
 				<div>
-					<Label for="displayName" class="mb-2">Display Name</Label>
+					<Label for="displayName" class="mb-2">{translations[$language].displayName}</Label>
 					<Input
 						type="text"
 						id="displayName"
@@ -61,34 +95,34 @@
 				</div>
 
 				<div>
-					<Label for="title" class="mb-2">Title</Label>
+					<Label for="title" class="mb-2">{translations[$language].title}</Label>
 					<Input
 						type="text"
 						id="title"
 						name="title"
 						value={$profile?.title ?? ''}
-						placeholder="e.g. Professor, Student, Teaching Assistant"
+						placeholder={translations[$language].titlePlaceholder}
 					/>
 				</div>
 
 				<div>
-					<Label for="bio" class="mb-2">Bio</Label>
+					<Label for="bio" class="mb-2">{translations[$language].bio}</Label>
 					<Textarea
 						id="bio"
 						name="bio"
 						value={$profile?.bio ?? ''}
 						rows={4}
-						placeholder="Tell us about yourself"
+						placeholder={translations[$language].bioPlaceholder}
 					/>
 					<p class="mt-2 text-sm text-gray-600">
-						Write a short bio to help others know more about you
+						{translations[$language].bioHelp}
 					</p>
 				</div>
 
 				<div class="flex justify-end gap-4">
-					<Button href="/dashboard" color="light">Cancel</Button>
+					<Button href="/dashboard" color="light">{translations[$language].cancel}</Button>
 					<Button type="submit" disabled={loading}>
-						{loading ? 'Saving...' : 'Save Changes'}
+						{loading ? translations[$language].saving : translations[$language].saveChanges}
 					</Button>
 				</div>
 			</form>
diff --git a/src/routes/session/[id]/+page.svelte b/src/routes/session/[id]/+page.svelte
index 205963a..46d9902 100644
--- a/src/routes/session/[id]/+page.svelte
+++ b/src/routes/session/[id]/+page.svelte
@@ -6,11 +6,21 @@
 	import ParticipantView from '$lib/components/session/ParticipantView.svelte';
 	import LabelManager from '$lib/components/session/LabelManager.svelte';
 	import { page } from '$app/stores';
+	import { language } from '$lib/stores/language'; // Import the global language store
 
 	let { data } = $props();
 	let session = getContext<Readable<Session>>('session');
 	let isHost = $derived($session?.host === data.user.uid);
 	let sessionId = $page.params.id;
+
+	const translations = {
+		en: {
+			sessionLabels: 'Session Labels'
+		},
+		zh: {
+			sessionLabels: '會話標籤'
+		}
+	};
 </script>
 
 <svelte:head>
@@ -22,7 +32,7 @@
 		<HostView {session} />
 		{#if $session.status === 'preparing' && isHost}
 			<div class="mb-8">
-				<h3 class="mb-4 text-lg font-semibold">Session Labels</h3>
+				<h3 class="mb-4 text-lg font-semibold">{translations[$language].sessionLabels}</h3>
 				<LabelManager {sessionId} labels={$session.labels || []} />
 			</div>
 		{/if}
diff --git a/src/routes/session/[id]/discussion/[userId]/+page.svelte b/src/routes/session/[id]/discussion/[userId]/+page.svelte
index fe8856a..8bb555f 100644
--- a/src/routes/session/[id]/discussion/[userId]/+page.svelte
+++ b/src/routes/session/[id]/discussion/[userId]/+page.svelte
@@ -1,4 +1,6 @@
 <script lang="ts">
+	import { language } from '$lib/stores/language'; // Import the global language store
+
 	let messages = $state([{ sender: 'Support', text: 'Hello! How can I assist you today?' }]);
 	let inputText = $state('');
 	import { Mic } from 'lucide-svelte';
@@ -8,6 +10,19 @@
 	const sendMessage = () => {
 		console.log('Sending message...');
 	};
+
+	const translations = {
+		en: {
+			typeMessage: 'Type your message...',
+			send: 'Send',
+			waitResponse: 'Please wait for a response...'
+		},
+		zh: {
+			typeMessage: '輸入您的消息...',
+			send: '發送',
+			waitResponse: '請等待回應...'
+		}
+	};
 </script>
 
 <svelte:head>
@@ -45,15 +60,15 @@
 				class="inline-block"
 				type="text"
 				bind:value={inputText}
-				placeholder="Type your message..."
+				placeholder={translations[$language].typeMessage}
 				onkeyup={(e) => e.key === 'Enter' && sendMessage()}
 			/>
-			<button disabled={messages[messages.length - 1].sender === 'me'} onclick={sendMessage}
-				>Send</button
-			>
+			<button disabled={messages[messages.length - 1].sender === 'me'} onclick={sendMessage}>
+				{translations[$language].send}
+			</button>
 			<div class="w-full"></div>
 			{#if messages[messages.length - 1].sender === 'me'}
-				<div>Please wait for a response...</div>
+				<div>{translations[$language].waitResponse}</div>
 			{/if}
 		</div>
 	</div>
diff --git a/src/routes/session/[id]/participant/+page.svelte b/src/routes/session/[id]/participant/+page.svelte
index 2c8f8f7..5140172 100644
--- a/src/routes/session/[id]/participant/+page.svelte
+++ b/src/routes/session/[id]/participant/+page.svelte
@@ -1,4 +1,13 @@
 <script lang="ts">
+	import { language } from '$lib/stores/language'; // Import the global language store
+	const translations = {
+		en: {
+			waitResponse: 'Please wait for other participants...'
+		},
+		zh: {
+			waitResponse: '請等待其他參與者...'
+		}
+	};
 </script>
 
-<main class="mx-auto max-w-4xl px-4 py-8">等待其他同學</main>
+<main class="mx-auto max-w-4xl px-4 py-8">{translations[$language].waitResponse}</main>
diff --git a/src/routes/session/[id]/status/+page.svelte b/src/routes/session/[id]/status/+page.svelte
index 5a023e5..e348911 100644
--- a/src/routes/session/[id]/status/+page.svelte
+++ b/src/routes/session/[id]/status/+page.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { Alert } from 'flowbite-svelte';
+	import { language } from '$lib/stores/language'; // Import the global language store
 
 	interface Participant {
 		id: string;
@@ -17,19 +18,32 @@
 
 	// 確保 groups 不為 undefined
 	const groups = data.groups || [];
+
+	const translations = {
+		en: {
+			dashboardTitle: 'Participant Status Dashboard',
+			loadingGroups: 'Loading groups...',
+			noParticipants: 'No participants in this group.'
+		},
+		zh: {
+			dashboardTitle: '參與者狀態儀表板',
+			loadingGroups: '加載小組...',
+			noParticipants: '此小組中沒有參與者。'
+		}
+	};
 </script>
 
 <div class="container mx-auto max-w-4xl px-4 py-8">
-	<h2 class="mb-4 text-3xl font-bold">Participant Status Dashboard</h2>
+	<h2 class="mb-4 text-3xl font-bold">{translations[$language].dashboardTitle}</h2>
 	{#if groups.length === 0}
-		<Alert color="blue">Loading groups...</Alert>
+		<Alert color="blue">{translations[$language].loadingGroups}</Alert>
 	{:else}
 		<div class="grid grid-cols-1 gap-8 md:grid-cols-2">
 			{#each groups as group, index}
 				<div class="group mb-8">
 					<h3 class="mb-4 text-2xl font-semibold">Group #{index + 1}</h3>
 					{#if group.participants.length === 0}
-						<Alert color="blue">No participants in this group.</Alert>
+						<Alert color="blue">{translations[$language].noParticipants}</Alert>
 					{:else}
 						<ul class="space-y-4">
 							{#each group.participants as participant}
diff --git a/src/routes/template/[id]/+page.svelte b/src/routes/template/[id]/+page.svelte
index f6c78ba..d5f4bdc 100644
--- a/src/routes/template/[id]/+page.svelte
+++ b/src/routes/template/[id]/+page.svelte
@@ -10,6 +10,7 @@
 	import { subscribe } from '$lib/firebase/store';
 	import { goto } from '$app/navigation';
 	import { notifications } from '$lib/stores/notifications';
+	import { language } from '$lib/stores/language'; // Import the global language store
 
 	let title = '';
 	let task = '';
@@ -127,50 +128,105 @@
 			notifications.error('Failed to delete template');
 		}
 	}
+
+	const translations = {
+		en: {
+			editTemplate: 'Edit Template',
+			startSession: 'Start Session',
+			saveChanges: 'Save changes before starting a session',
+			startDiscussion: 'Start a discussion session with this template',
+			title: 'Title',
+			templateTitle: 'Template title',
+			mainTask: 'Main Task',
+			mainTaskDesc: 'Main task description',
+			subtasks: 'Subtasks',
+			subtaskDesc: 'Subtask description',
+			addSubtask: 'Add Subtask',
+			makePublic: 'Make template public',
+			backToDashboard: 'Back to Dashboard',
+			unsavedChanges: 'You have unsaved changes!',
+			deleteTemplate: 'Delete this Template',
+			saveChangesButton: 'Save Changes',
+			allChangesSaved: 'All changes saved',
+			deleteConfirmation: 'Are you sure you want to delete this template?',
+			yesDelete: 'Yes, delete it',
+			noCancel: 'No, cancel',
+			loadingTemplate: 'Loading template...'
+		},
+		zh: {
+			editTemplate: '編輯模板',
+			startSession: '開始會話',
+			saveChanges: '保存更改後再開始會話',
+			startDiscussion: '使用此模板開始討論會話',
+			title: '標題',
+			templateTitle: '模板標題',
+			mainTask: '主要任務',
+			mainTaskDesc: '主要任務描述',
+			subtasks: '子任務',
+			subtaskDesc: '子任務描述',
+			addSubtask: '添加子任務',
+			makePublic: '將模板設為公開',
+			backToDashboard: '返回儀表板',
+			unsavedChanges: '您有未保存的更改！',
+			deleteTemplate: '刪除此模板',
+			saveChangesButton: '保存更改',
+			allChangesSaved: '所有更改已保存',
+			deleteConfirmation: '您確定要刪除此模板嗎？',
+			yesDelete: '是的，刪除它',
+			noCancel: '不，取消',
+			loadingTemplate: '加載模板...'
+		}
+	};
 </script>
 
 <svelte:head>
-	<title>Edit Template | Hinagiku</title>
+	<title>{translations[$language].editTemplate} | Hinagiku</title>
 </svelte:head>
 
 {#if template}
 	<div class="container mx-auto max-w-4xl px-4 py-8">
 		<div class="mb-8 flex items-center justify-between">
-			<h1 class="text-3xl font-bold">Edit Template</h1>
+			<h1 class="text-3xl font-bold">{translations[$language].editTemplate}</h1>
 			<Button color="primary" on:click={startSession} disabled={isUploading || unsavedChanges}>
 				<Play class="mr-2 h-4 w-4" />
-				Start Session
+				{translations[$language].startSession}
 			</Button>
 			<Tooltip placement="left">
 				{#if unsavedChanges}
-					Save changes before starting a session
+					{translations[$language].saveChanges}
 				{:else}
-					Start a discussion session with this template
+					{translations[$language].startDiscussion}
 				{/if}
 			</Tooltip>
 		</div>
 
 		<form on:submit|preventDefault={saveTemplate} class="space-y-6">
 			<div>
-				<label for="title" class="mb-2 block">Title</label>
-				<Input id="title" bind:value={title} required maxlength={50} placeholder="Template title" />
+				<label for="title" class="mb-2 block">{translations[$language].title}</label>
+				<Input
+					id="title"
+					bind:value={title}
+					required
+					maxlength={50}
+					placeholder={translations[$language].templateTitle}
+				/>
 			</div>
 
 			<div>
-				<label for="task" class="mb-2 block">Main Task</label>
+				<label for="task" class="mb-2 block">{translations[$language].mainTask}</label>
 				<Textarea
 					id="task"
 					bind:value={task}
 					required
 					maxlength={200}
 					rows={3}
-					placeholder="Main task description"
+					placeholder={translations[$language].mainTaskDesc}
 				/>
 			</div>
 
 			<div>
 				<!-- svelte-ignore a11y_label_has_associated_control -->
-				<label class="mb-4 block">Subtasks</label>
+				<label class="mb-4 block">{translations[$language].subtasks}</label>
 				<!-- eslint-disable-next-line @typescript-eslint/no-unused-vars -->
 				{#each subtasks as subtask, i}
 					<div class="mb-2 flex gap-2">
@@ -178,7 +234,7 @@
 							bind:value={subtasks[i]}
 							required
 							maxlength={200}
-							placeholder="Subtask description"
+							placeholder={translations[$language].subtaskDesc}
 						/>
 						<Button color="red" on:click={() => removeSubtask(i)} disabled={subtasks.length <= 1}>
 							<Trash2 class="h-4 w-4" />
@@ -192,13 +248,13 @@
 					class="mt-2"
 				>
 					<Plus class="mr-2 h-4 w-4" />
-					Add Subtask
+					{translations[$language].addSubtask}
 				</Button>
 			</div>
 
 			<div class="flex items-center gap-2">
 				<Toggle bind:checked={isPublic} />
-				<label for="public">Make template public</label>
+				<label for="public">{translations[$language].makePublic}</label>
 			</div>
 
 			<div class="border-t pt-6">
@@ -211,39 +267,41 @@
 
 			<div class="flex justify-end gap-4 border-t pt-6">
 				<Button color="alternative" href="/dashboard" disabled={isUploading}>
-					Back to Dashboard
+					{translations[$language].backToDashboard}
 				</Button>
 				{#if unsavedChanges}
-					<Tooltip>You have unsaved changes!</Tooltip>
+					<Tooltip>{translations[$language].unsavedChanges}</Tooltip>
 				{/if}
 				<Button color="red" on:click={() => (showDeleteModal = true)} disabled={isUploading}>
 					<Trash2 class="mr-2 h-4 w-4" />
-					Delete this Template
+					{translations[$language].deleteTemplate}
 				</Button>
 				<Button type="submit" color="primary" disabled={isUploading || !unsavedChanges}>
 					<Save class="mr-2 h-4 w-4" />
-					Save Changes
+					{translations[$language].saveChangesButton}
 				</Button>
 				{#if !unsavedChanges}
-					<Tooltip>All changes saved</Tooltip>
+					<Tooltip>{translations[$language].allChangesSaved}</Tooltip>
 				{/if}
 			</div>
 		</form>
 	</div>
 {:else}
 	<div class="container mx-auto px-4 py-8">
-		<div class="text-center text-gray-500">Loading template...</div>
+		<div class="text-center text-gray-500">{translations[$language].loadingTemplate}</div>
 	</div>
 {/if}
 
 <Modal bind:open={showDeleteModal} size="xs" autoclose>
 	<div class="text-center">
 		<h3 class="mb-5 text-lg font-normal text-gray-500 dark:text-gray-400">
-			Are you sure you want to delete this template?
+			{translations[$language].deleteConfirmation}
 		</h3>
 		<div class="flex justify-center gap-4">
-			<Button color="red" on:click={deleteTemplate}>Yes, delete it</Button>
-			<Button color="alternative" on:click={() => (showDeleteModal = false)}>No, cancel</Button>
+			<Button color="red" on:click={deleteTemplate}>{translations[$language].yesDelete}</Button>
+			<Button color="alternative" on:click={() => (showDeleteModal = false)}
+				>{translations[$language].noCancel}</Button
+			>
 		</div>
 	</div>
 </Modal>

From 790a492a44f0af6f83dfe89a4fcb3d1aabbeeb46 Mon Sep 17 00:00:00 2001
From: Buffett <1buffetts@gmail.com>
Date: Fri, 14 Feb 2025 01:12:01 +0800
Subject: [PATCH 4/7] fix: fix my git,Idk what's going on

---
 src/lib/components/Navbar.svelte              |  26 +-
 .../components/session/ParticipantView.svelte | 727 ------------------
 static/icons/flag-us.png                      | Bin 0 -> 3265 bytes
 static/icons/flag-zh.jpg                      | Bin 0 -> 33694 bytes
 4 files changed, 20 insertions(+), 733 deletions(-)
 create mode 100644 static/icons/flag-us.png
 create mode 100644 static/icons/flag-zh.jpg

diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte
index cfba611..dfd3b6e 100644
--- a/src/lib/components/Navbar.svelte
+++ b/src/lib/components/Navbar.svelte
@@ -39,9 +39,8 @@
 		return () => clearInterval(interval);
 	});
 
-	function toggleLanguage() {
-		language.update((value) => (value === 'en' ? 'zh' : 'en'));
-		console.log('Language:', $language);
+	function setLanguage(lang: 'en' | 'zh') {
+		language.set(lang);
 	}
 </script>
 
@@ -56,9 +55,6 @@
 		</span>
 	</NavBrand>
 	<div class="ml-auto flex items-center">
-		<Button on:click={toggleLanguage} class="mr-2">
-			{$language === 'en' ? 'English' : '中文'}
-		</Button>
 		{#if $user}
 			<Avatar id="user-menu" src={$user.photoURL || ''} alt="User" class="cursor-pointer" />
 			<Dropdown triggeredBy="#user-menu" class="w-48">
@@ -79,5 +75,23 @@
 		{:else if !page.url.pathname.startsWith('/login')}
 			<Button href="/login" class="">{translations[$language].login}</Button>
 		{/if}
+
+		<!-- Remove the old toggle button and add a dropdown for language selection(PM requested) -->
+		<Avatar
+			id="language-menu"
+			src={$language === 'en' ? '/icons/flag-us.png' : '/icons/flag-zh.jpg'}
+			alt="Lang"
+			class="ml-2 cursor-pointer"
+		/>
+		<Dropdown triggeredBy="#language-menu" class="w-36">
+			<DropdownItem class="flex items-center" on:click={() => setLanguage('en')}>
+				<img src="/icons/flag-us.png" alt="English" class="mr-2 h-4 w-4" />
+				English
+			</DropdownItem>
+			<DropdownItem class="flex items-center" on:click={() => setLanguage('zh')}>
+				<img src="/icons/flag-zh.jpg" alt="中文" class="mr-2 h-4 w-4" />
+				繁體中文
+			</DropdownItem>
+		</Dropdown>
 	</div>
 </Navbar>
diff --git a/src/lib/components/session/ParticipantView.svelte b/src/lib/components/session/ParticipantView.svelte
index b64be0f..e69de29 100644
--- a/src/lib/components/session/ParticipantView.svelte
+++ b/src/lib/components/session/ParticipantView.svelte
@@ -1,727 +0,0 @@
-<script lang="ts">
-	import { user as authUser } from '$lib/stores/auth';
-	import type { Session } from '$lib/schema/session';
-	import type { Group } from '$lib/schema/group';
-	import type { Conversation } from '$lib/schema/conversation';
-	import type { Profile } from '$lib/schema/profile';
-	import type { Readable } from 'svelte/store';
-	import { Button, Input, Label } from 'flowbite-svelte';
-	import { notifications } from '$lib/stores/notifications';
-	import { page } from '$app/stores';
-	import { UserPlus, User, Users, CircleCheck, LogOut } from 'lucide-svelte';
-	import { db } from '$lib/firebase';
-	import { collection, query, where, onSnapshot } from 'firebase/firestore';
-	import { onDestroy, onMount } from 'svelte';
-	import { getUser } from '$lib/utils/getUser';
-	import Chatroom from '$lib/components/Chatroom.svelte';
-	import { MicVAD } from '@ricky0123/vad-web';
-	import Summary from '$lib/components/session/Summary.svelte';
-	import GroupSummary from '$lib/components/session/GroupSummary.svelte';
-	import { initFFmpeg, float32ArrayToWav, wav2mp3 } from '$lib/utils/wav2mp3';
-	import EndedView from '$lib/components/session/EndedView.svelte';
-
-	interface ChatroomConversation {
-		name: string;
-		content: string;
-		self?: boolean;
-		audio?: string;
-		avatar?: string;
-	}
-
-	let { session, user } = $props<{
-		session: Readable<Session>;
-		// eslint-disable-next-line no-undef
-		user: App.Locals['user'];
-	}>();
-
-	let groupDoc = $state<{ data: Group; id: string } | null>(null);
-	let groupStatus = $derived.by(() => groupDoc?.data.status || 'discussion');
-	let conversationDoc = $state<{ data: Conversation; id: string } | null>(null);
-	let conversationDocUnsubscribe: (() => void) | null = null;
-	onDestroy(() => conversationDocUnsubscribe?.());
-
-	let loadingGroupSummary = $state(false);
-
-	let pInitFFmpeg: Promise<void> | null = null;
-	let selfUser: Promise<Profile> | null = null;
-
-	let isCreatingGroup = $state(false);
-
-	onMount(() => {
-		const groupsRef = collection(db, 'sessions', $page.params.id, 'groups');
-		const groupDocQuery = query(groupsRef, where('participants', 'array-contains', user.uid));
-		selfUser = getUser(user.uid);
-		const unsbscribe = onSnapshot(groupDocQuery, (snapshot) => {
-			if (snapshot.empty) {
-				groupDoc = null;
-				return;
-			}
-			groupDoc = {
-				data: snapshot.docs[0].data() as Group,
-				id: snapshot.docs[0].id
-			};
-
-			updateConversationDoc();
-		});
-
-		pInitFFmpeg = initFFmpeg();
-
-		return unsbscribe;
-	});
-
-	$effect(() => {
-		if ($session?.status === 'before-group' && conversationDoc && !conversationDoc.data.summary) {
-			fetchSummary();
-		}
-		if ($session?.status === 'ended' && groupDoc && !groupDoc.data.summary) {
-			fetchGroupSummary();
-		}
-	});
-
-	function updateConversationDoc() {
-		if (!groupDoc) {
-			conversationDoc = null;
-			conversationDocUnsubscribe?.();
-			conversationDocUnsubscribe = null;
-			return;
-		}
-		if (conversationDocUnsubscribe) {
-			return;
-		}
-
-		console.log('Updating conversation doc...');
-		const conversationsRef = collection(
-			db,
-			`sessions/${$page.params.id}/groups/${groupDoc.id}/conversations`
-		);
-		const conversationDocQuery = query(conversationsRef, where('userId', '==', user.uid));
-
-		conversationDocUnsubscribe = onSnapshot(conversationDocQuery, (snapshot) => {
-			if (snapshot.empty) {
-				return;
-			}
-			conversationDoc = {
-				data: snapshot.docs[0].data() as Conversation,
-				id: snapshot.docs[0].id
-			};
-		});
-	}
-
-	let groupNumber = $state('');
-	let creating = $state(false);
-	let conversations = $derived.by<ChatroomConversation[]>(() => {
-		if (!conversationDoc) {
-			return [];
-		}
-		return conversationDoc.data.history.map((message) => ({
-			name: message.role === 'user' ? 'You' : '小菊(Hinagiku)',
-			self: message.role === 'user',
-			content: message.content,
-			audio: message.audio || undefined
-		}));
-	});
-
-	async function handleCreateGroup() {
-		if (isCreatingGroup) return;
-		isCreatingGroup = true;
-
-		try {
-			const response = await fetch(`/api/session/${$page.params.id}/group`, {
-				method: 'POST'
-			});
-
-			if (!response.ok) {
-				const data = await response.json();
-				notifications.error(data.error || 'Failed to create group');
-				return;
-			}
-
-			notifications.success('Group created successfully');
-			creating = false;
-		} catch (error) {
-			console.error('Error creating group:', error);
-			notifications.error('Failed to create group');
-		} finally {
-			isCreatingGroup = false;
-		}
-	}
-
-	async function handleJoinGroup() {
-		if (!groupNumber || !/^(?:[1-9]|[1-4][0-9]|50)$/.test(groupNumber)) {
-			notifications.error('Please enter a valid group number (1-50)');
-			return;
-		}
-
-		try {
-			const response = await fetch(`/api/session/${$page.params.id}/group/${groupNumber}/join`, {
-				method: 'POST'
-			});
-
-			if (!response.ok) {
-				const data = await response.json();
-				notifications.error(data.error || 'Failed to join group');
-				return;
-			}
-
-			notifications.success('Joined group successfully');
-			creating = false;
-		} catch (error) {
-			console.error('Error joining group:', error);
-			notifications.error('Failed to join group');
-		}
-	}
-
-	async function sendAudioToSTT(file: File) {
-		const formData = new FormData();
-		formData.append('file', file);
-		console.log('Sending audio to STT...', formData);
-
-		try {
-			const response = await fetch('/api/stt', {
-				method: 'POST',
-				body: formData
-			});
-			console.log('STT response:', response);
-			if (!response.ok) {
-				throw new Error('Failed to transcribe audio');
-			}
-			const data = await response.json();
-			if (data.status === 'success') {
-				return { transcription: data.transcription, url: data.url };
-			}
-			throw new Error(data.message || 'Failed to transcribe audio');
-		} catch (error) {
-			notifications.error('Failed to transcribe audio');
-			console.error(error);
-			return null;
-		}
-	}
-
-	async function createAudioHandler({
-		onMessage
-	}: {
-		onMessage: (content: string, audio: string) => Promise<void>;
-	}) {
-		const vad = await MicVAD.new({
-			model: 'v5',
-			minSpeechFrames: 16, // 0.5s
-			redemptionFrames: 32, // 1s
-			onSpeechEnd: async (audio: Float32Array) => {
-				await pInitFFmpeg;
-				console.log('Audio recorded:', audio);
-				// remove last 8000 samples (0.5s)
-				const wav = float32ArrayToWav(audio.slice(0, -8000));
-				console.log('Audio converted to wav:', wav);
-				const mp3 = await wav2mp3(wav);
-				console.log('Audio converted to mp3:', mp3);
-				const result = await sendAudioToSTT(mp3);
-
-				if (result) {
-					try {
-						await onMessage(result.transcription, result.url);
-					} catch (error) {
-						console.error('Error sending message:', error);
-						notifications.error('Failed to send message');
-					}
-				}
-			},
-			submitUserSpeechOnPause: true
-		});
-		vad.start();
-
-		return async () => {
-			vad.pause();
-			vad.destroy();
-		};
-	}
-
-	async function handleRecord() {
-		if (!conversationDoc || !groupDoc) {
-			notifications.error('No group or conversation found');
-			return async () => {};
-		}
-
-		return createAudioHandler({
-			onMessage: async (content, audio) => {
-				if (!conversationDoc || !groupDoc) {
-					notifications.error('No group or conversation found');
-					return;
-				}
-				const response = await fetch(
-					`/api/session/${$page.params.id}/group/${groupDoc.id}/conversations/${conversationDoc.id}/chat`,
-					{
-						method: 'POST',
-						headers: {
-							'Content-Type': 'application/json'
-						},
-						body: JSON.stringify({ content, audio })
-					}
-				);
-
-				if (!response.ok) {
-					throw new Error('Failed to send message');
-				}
-			}
-		});
-	}
-
-	async function handleGroupRecord() {
-		if (!groupDoc) {
-			notifications.error('找不到群組');
-			return async () => {};
-		}
-
-		return createAudioHandler({
-			onMessage: async (content, audio) => {
-				if (!groupDoc) {
-					notifications.error('找不到群組');
-					return;
-				}
-				const response = await fetch(
-					`/api/session/${$page.params.id}/group/${groupDoc.id}/discussions/add`,
-					{
-						method: 'POST',
-						headers: {
-							'Content-Type': 'application/json'
-						},
-						body: JSON.stringify({
-							content,
-							speaker: $authUser?.displayName || 'Unknown User',
-							audio
-						})
-					}
-				);
-
-				if (!response.ok) {
-					throw new Error('Failed to send message');
-				}
-			}
-		});
-	}
-
-	async function handleSend(text: string) {
-		if (!conversationDoc || !groupDoc) {
-			notifications.error('No group or conversation found');
-			return;
-		}
-
-		try {
-			const response = await fetch(
-				`/api/session/${$page.params.id}/group/${groupDoc.id}/conversations/${conversationDoc.id}/chat`,
-				{
-					method: 'POST',
-					headers: {
-						'Content-Type': 'application/json'
-					},
-					body: JSON.stringify({
-						content: text,
-						audio: null
-					})
-				}
-			);
-
-			if (!response.ok) {
-				throw new Error('Failed to send message');
-			}
-			notifications.success('Message sent!');
-		} catch (error) {
-			console.error('Error sending message:', error);
-			notifications.error('Failed to send message');
-		}
-	}
-
-	let loadingSummary = $state(false);
-
-	async function fetchSummary() {
-		if (!groupDoc || !conversationDoc) {
-			notifications.error('無法獲取總結：找不到群組或對話');
-			return;
-		}
-
-		loadingSummary = true;
-		try {
-			const response = await fetch(
-				`/api/session/${$page.params.id}/group/${groupDoc.id}/conversations/${conversationDoc.id}/summary`
-			);
-
-			if (!response.ok) {
-				const data = await response.json();
-				throw new Error(data.error || '無法獲取總結');
-			}
-
-			notifications.success('成功獲取總結');
-		} catch (error) {
-			console.error('獲取總結時出錯:', error);
-			notifications.error('無法獲取總結');
-		} finally {
-			loadingSummary = false;
-		}
-	}
-
-	let groupDiscussions = $derived.by<ChatroomConversation[]>(() => {
-		if (!groupDoc?.data.discussions) {
-			return [];
-		}
-		return groupDoc.data.discussions.map((message) => ({
-			name: message.speaker,
-			self: message.id === user.uid,
-			content: message.content,
-			audio: message.audio || undefined
-		}));
-	});
-
-	async function handleGroupSend(text: string) {
-		if (!groupDoc) {
-			notifications.error('找不到群組');
-			return;
-		}
-
-		try {
-			const response = await fetch(
-				`/api/session/${$page.params.id}/group/${groupDoc.id}/discussions/add`,
-				{
-					method: 'POST',
-					headers: {
-						'Content-Type': 'application/json'
-					},
-					body: JSON.stringify({
-						content: text,
-						speaker: (await selfUser)?.displayName || 'Unknown User',
-						audio: null
-					})
-				}
-			);
-
-			if (!response.ok) {
-				throw new Error('Failed to send message');
-			}
-			notifications.success('訊息已送出');
-		} catch (error) {
-			console.error('Error sending group message:', error);
-			notifications.error('無法發送訊息');
-		}
-	}
-
-	async function fetchGroupSummary() {
-		if (!groupDoc) {
-			notifications.error('找不到群組');
-			return;
-		}
-
-		loadingGroupSummary = true;
-		try {
-			const response = await fetch(
-				`/api/session/${$page.params.id}/group/${groupDoc.id}/discussions/summary`
-			);
-
-			if (!response.ok) {
-				const data = await response.json();
-				throw new Error(data.error || '無法獲取群組討論總結');
-			}
-
-			notifications.success('成功獲取群組討論總結');
-		} catch (error) {
-			console.error('獲取群組討論總結時出錯:', error);
-			notifications.error('無法獲取群組討論總結');
-		} finally {
-			loadingGroupSummary = false;
-		}
-	}
-
-	async function handleUpdateGroupSummary(summary: string, keywords: Record<string, number>) {
-		if (!groupDoc) {
-			notifications.error('找不到群組');
-			return;
-		}
-
-		try {
-			const response = await fetch(
-				`/api/session/${$page.params.id}/group/${groupDoc.id}/discussions/summary`,
-				{
-					method: 'PUT',
-					headers: {
-						'Content-Type': 'application/json'
-					},
-					body: JSON.stringify({
-						updated_summary: summary,
-						keywords: keywords
-					})
-				}
-			);
-
-			if (!response.ok) {
-				throw new Error('更新失敗');
-			}
-			notifications.success('成功更新群組討論總結');
-		} catch (error) {
-			console.error('更新群組討論總結時出錯:', error);
-			notifications.error('無法更新群組討論總結');
-		}
-	}
-
-	async function handleEndGroup() {
-		if (!groupDoc) {
-			notifications.error('找不到群組');
-			return;
-		}
-
-		try {
-			await fetchGroupSummary();
-			notifications.success('成功結束群組討論');
-		} catch (error) {
-			console.error('結束群組階段時出錯:', error);
-			notifications.error('無法結束群組階段');
-		}
-	}
-
-	async function handleEndSummarize() {
-		if (!groupDoc) {
-			notifications.error('找不到群組');
-			return;
-		}
-
-		try {
-			const response = await fetch(
-				`/api/session/${$page.params.id}/group/${groupDoc.id}/discussions/end`,
-				{
-					method: 'POST'
-				}
-			);
-
-			if (!response.ok) {
-				const data = await response.json();
-				throw new Error(data.error || '無法結束總結階段');
-			}
-
-			notifications.success('成功完成群組總結');
-		} catch (error) {
-			console.error('結束總結階段時出錯:', error);
-			notifications.error('無法結束總結階段');
-		}
-	}
-
-	async function handleLeaveGroup(groupId: string, participant: string) {
-		try {
-			const response = await fetch(
-				`/api/session/${$page.params.id}/group/${groupId}/leave/${participant}`,
-				{
-					method: 'DELETE'
-				}
-			);
-
-			if (!response.ok) {
-				const data = await response.json();
-				throw new Error(data.error || 'Failed to leave group');
-			}
-
-			notifications.success('Successfully left group');
-			groupDoc = null;
-			conversationDoc = null;
-		} catch (error) {
-			console.error('Error leaving group:', error);
-			notifications.error('Failed to leave group');
-		}
-	}
-</script>
-
-<main class="mx-auto max-w-7xl px-2 py-8">
-	<div class="flex items-center justify-between">
-		<h1 class="mb-8 text-3xl font-bold">{$session?.title}</h1>
-		{#if $session?.status === 'group' && groupDoc && groupDoc.data.participants[0] === user.uid}
-			{#if groupStatus === 'discussion'}
-				<Button color="green" on:click={handleEndGroup}>
-					<CircleCheck class="mr-2 h-4 w-4" />
-					Finish Group Discussion
-				</Button>
-			{:else if groupStatus === 'summarize'}
-				<Button color="green" on:click={handleEndSummarize}>
-					<CircleCheck class="mr-2 h-4 w-4" />
-					Confirm Group Summary
-				</Button>
-			{:else if groupStatus === 'end'}
-				<p class="text-gray-600">Please wait for the host to finish</p>
-			{/if}
-		{/if}
-	</div>
-
-	<div class="grid gap-8 md:grid-cols-4">
-		<div class="space-y-8 md:col-span-1">
-			<!-- Status Section -->
-			<div class="rounded-lg border p-6">
-				<h2 class="mb-4 text-xl font-semibold">Session Status</h2>
-				<div class="space-y-4">
-					<div class="flex items-center gap-2">
-						<!-- svelte-ignore element_invalid_self_closing_tag -->
-						<span
-							class="inline-block h-3 w-3 rounded-full {$session?.status === 'preparing'
-								? 'bg-yellow-500'
-								: $session?.status === 'individual'
-									? 'bg-blue-500'
-									: $session?.status === 'before-group'
-										? 'bg-purple-500'
-										: $session?.status === 'group'
-											? 'bg-green-500'
-											: 'bg-gray-500'}"
-						/>
-						<span class="capitalize">{$session?.status}</span>
-					</div>
-					{#if $session?.status === 'individual'}
-						<p class="text-gray-600">Work on your individual contributions.</p>
-					{:else if $session?.status === 'before-group'}
-						<p class="text-gray-600">Get ready to collaborate with your group.</p>
-					{:else if $session?.status === 'group'}
-						<p class="text-gray-600">Collaborate with your group members.</p>
-					{/if}
-				</div>
-			</div>
-
-			<!-- Group Section -->
-			<div class="rounded-lg border p-6">
-				<h2 class="mb-4 text-xl font-semibold">Group Information</h2>
-				{#if groupDoc}
-					<div class="space-y-4">
-						<div class="flex items-center justify-between">
-							<div class="flex items-center gap-2">
-								<span class="font-medium">Group </span>
-								<span class="text-lg">#{groupDoc.data.number}</span>
-							</div>
-						</div>
-						<div>
-							<h3 class="mb-2 font-medium">Members:</h3>
-							<ul class="space-y-2">
-								{#each groupDoc.data.participants as participant, index}
-									<li class="flex items-center gap-2">
-										<User class="h-4 w-4" />
-										<span>
-											{#if participant === user.uid}
-												You{index === 0 ? ' (Leader)' : ''}
-											{:else}
-												{#await getUser(participant)}
-													<span class="text-gray-500">載入中...</span>
-												{:then profile}
-													{profile.displayName}{index === 0 ? ' (Leader)' : ''}
-												{:catch}
-													<span class="text-red-500">未知使用者</span>
-												{/await}
-											{/if}
-										</span>
-									</li>
-								{/each}
-							</ul>
-						</div>
-						<div>
-							{#if $session?.status === 'preparing'}
-								<Button
-									color="red"
-									size="xs"
-									class="hidden sm:flex"
-									onclick={() => groupDoc?.id && handleLeaveGroup(groupDoc.id, user.uid)}
-								>
-									<LogOut class="mr-2 h-4 w-4" />
-									Leave Group
-								</Button>
-								<Button
-									color="red"
-									size="xs"
-									class="sm:hidden"
-									onclick={() => groupDoc?.id && handleLeaveGroup(groupDoc.id, user.uid)}
-								>
-									<LogOut class="h-4 w-4" />
-								</Button>
-							{/if}
-						</div>
-					</div>
-				{:else if $session?.status === 'preparing'}
-					<div class="mt-6 space-y-4">
-						<h3 class="font-medium">Group Management</h3>
-						{#if creating}
-							<div class="space-y-4">
-								<div class="flex items-center gap-2">
-									<Label for="groupNumber">Group Number</Label>
-									<Input
-										id="groupNumber"
-										type="number"
-										bind:value={groupNumber}
-										min="1"
-										max="50"
-										placeholder="Enter group number (1-50)"
-									/>
-								</div>
-								<Button color="primary" on:click={handleJoinGroup}>
-									<UserPlus class="mr-2 h-4 w-4" />
-									Join Group
-								</Button>
-							</div>
-						{:else}
-							<Button color="primary" on:click={handleCreateGroup} disabled={isCreatingGroup}>
-								<Users class="mr-2 h-4 w-4" />
-								{isCreatingGroup ? 'Creating...' : 'Create New Group'}
-							</Button>
-						{/if}
-						<Button color="alternative" on:click={() => (creating = !creating)}>
-							{creating ? 'Cancel' : 'Join Existing Group'}
-						</Button>
-					</div>
-				{:else}
-					<p class="text-gray-600">You are not in a group yet.</p>
-				{/if}
-			</div>
-		</div>
-
-		<div
-			class="max-h-[calc(100vh-12rem)] min-h-[calc(100vh-12rem)] overflow-y-auto rounded-lg border p-6 md:col-span-3"
-		>
-			{#if $session?.status === 'preparing'}
-				<div class="mt-4">
-					<h3 class="mb-2 font-medium">Waiting for session to start...</h3>
-					<p class="text-gray-600">The host will begin the session shortly.</p>
-				</div>
-			{:else if $session?.status === 'individual'}
-				<Chatroom record={handleRecord} send={handleSend} {conversations} isIndividual />
-			{:else if $session?.status === 'before-group'}
-				<div class="space-y-6">
-					{#if groupDoc && conversationDoc}
-						<Summary
-							conversation={conversationDoc}
-							loading={loadingSummary}
-							onRefresh={fetchSummary}
-						/>
-					{/if}
-				</div>
-			{:else if $session?.status === 'group'}
-				{#if groupStatus === 'discussion' && !loadingGroupSummary}
-					<Chatroom
-						conversations={groupDiscussions}
-						record={handleGroupRecord}
-						send={handleGroupSend}
-					/>
-				{:else if groupStatus === 'summarize' || loadingGroupSummary}
-					<div class="space-y-6">
-						{#if groupDoc}
-							<GroupSummary
-								group={groupDoc}
-								loading={loadingGroupSummary}
-								onRefresh={fetchGroupSummary}
-								onUpdate={handleUpdateGroupSummary}
-							/>
-						{/if}
-					</div>
-				{:else if groupStatus === 'end'}
-					<div class="space-y-6">
-						{#if groupDoc}
-							<GroupSummary
-								readonly
-								group={groupDoc}
-								loading={loadingGroupSummary}
-								onRefresh={fetchGroupSummary}
-								onUpdate={handleUpdateGroupSummary}
-							/>
-						{/if}
-					</div>
-				{/if}
-			{:else if $session?.status === 'ended'}
-				<EndedView {conversationDoc} {groupDoc} {user} />
-			{/if}
-		</div>
-	</div>
-</main>
diff --git a/static/icons/flag-us.png b/static/icons/flag-us.png
new file mode 100644
index 0000000000000000000000000000000000000000..c62be25f03d3f8de50ff31d89dfc859316905ffa
GIT binary patch
literal 3265
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
Up!Su{m?!|$l(m(R3KsDH0WxxcjsO4v

literal 0
HcmV?d00001

diff --git a/static/icons/flag-zh.jpg b/static/icons/flag-zh.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..04174bace96dae96214c96615e45f3ffe88e8007
GIT binary patch
literal 33694
zcma&N1z4Ot(=fVFT#7FgiWX;aC<Tf`vEsIi6n6^6io08($l~r&3JVk#C|0DfxI>ZR
zTD-;KU-~@ndB5{r=fAFVOLp#LlFTHN$z+nfpS}MHAXIv#_zHl60sx>OZ@~QuKuONi
z)(QYnRAdKW0Un}lBhVg_0F=o0;X(m~Ct?D~kPzta_kROjOBYvLCr3J7E*>r(!2J(E
zC;%H92MY%a7Z)2B2NxIjF(DofE<Oo486hbFkeK)}keGm!fPj>kl!63E`h<>><_QG{
z{ZmGgr__85{Om$Z3_K_p$c*@paq;jTKgPo+d`wM>kH<htM*f%viyV&-NJvDEOGrYB
zOZ0?@2Kxyf76Sz}DFHPhJ{|#(5SNtf8Ia<>3qXX0x`@{O2!#QFN`&%=2<5&TAc$lc
z1%UeKfv<lr6jU_KN9b4>$OII?qlXsx&xL~e2pt0r^L`$Hhs=OV_=pgha!3ID>b&o3
z`1XTZd~sVf&0#KRczNY2o|ennb@$~>i@SKv$e_}danI>nwZhV2uZivc)9fYxm|T&<
z?b2arTg=Gt_bYba{m%u)qB7g5!&BmszWd@)zQ6eWqi2Raw6@QOG1@+!_>LoXzTR{V
zT}1?N7GFVcV2Iu9oATnT&&F&E%aye33*r^Nwf4Jjgb;W5;)U&;g1MD1+u6M8K3C9k
z?UC=2Bd&+rvVHpscS;B6<BOLCWOgD3kNwkq5d<YpgROTh^;cXszh53!Uy+>->mkWV
zv`5mJY+RTtEO*6ED{`@MMf>ga$J52%A0pE?597{giVv5$N4{)rzr8tV4UoO?_f1(g
z^p7>qZE+p1d-`=oMB77q$JS_a$02({L?5yU-U(V5PA_#H&W>4dEtP-Q?2q^{w@ZY4
zWxqD$lzjX_v0MDUYPWvbcC9kP+Pn%ednewiJiBmLZs@_yQS>xd$j2#vvvxU0HHiPr
zNpw?<g&T3!)*SQYnt;1@<jDEr=>ZDj#QU*O|K}OEc;~ZtpJRVU@4K{5{jZelRIFpv
zi4kYc+Ii}dC@6|n4n?C`S@r-xtu!HoII)4Npg0i{2WpN(1t);OI7~zk%d)yT??cN?
zv0N@Ei8TKSAXtOF8(dx%_}ZSFs!q#gy#<~JS1d^o$d9UmMZexP1afLCHd*T8SU|!2
zq=Wj?x;D>v%^<Qsx!Al&h<iL}X3yta;q|xXo4XGPg!2pECAMv0{~zB@PrSU1Td#y#
zE+h!FX3y%YqO!HqriQFv&kgm~_D4g@Pyv9~JC;KhkCHHJ{yg=$xf*`MqYXogt~$WC
zY~9mj<BOewHdw-xf#6W-ya|DF$q3l*HpGyRxS<5+Z5g4CtkU-{w&swRE}v-{1ciB}
z=Uj^cnvvMqD+~>3*s|zl0HxPeHC%ugLP^22T7WWIC1Z)JAoPtfdHUy>a}NcN0QbvZ
z)TwE!N0(V5C)Pu8!`5==xv%~h)2>AAdArBXCjmQ^g_7-4<Db_@2Zr%meEJ6I!3cg*
zL!KF5>sPuXR+@0o=EzdLquH;^$7bnpJfS&fL&8^#I$H#fVWI<|E-ZW+8r%Qs1Uscc
zB&MDm&X;K<Zg9D!xG8$D`D!`GL0sY4a$js^l}#NA=!pcRP_UGOJIdJ6K=hfoSjt4~
zq=LysVTyuy4Vmd6xL2#V?E~5J=MnCgzo}DGSB||5_1B#*U$Xz9W?9VUnD@;MhI;2@
zB?;&hZLV=7p_n>4>RWAT4)NL3**9Eeeid<QDXd*w<UKp~#JjygX?^2_Tk}F#G*>?G
zELY?%;EPD^qSr;;?&V~P$D%RI*xpskwsEFEm!0THa2|{>%3fen8i7_r^1M=$HF=;=
z9`-v2G3djke$(=&QYx9jAkJPSD-u3cVOmn+W|{B>)<78wx5WvTwx?6VRzL&On{|K{
z^*(@@G?ky=qbXsV0?}Y49#G!zM_wZ{9s%+m@g7LF;?q{0y<Tc1b#5NTTaGVIj4$RQ
zF7Otv{PQxtd~l@O?5;Fvnzf1@@1X32)YV@#{t*k9TBM0Mqfw(>y!p{_C7=H_LUAX;
z_PAxONIY{}l>50B;{9Ff7I(S0=b4dlfr>X5%%yd4XU5Oact&~Mr~TVmgq3@4^$xa=
zaUwB03OX(dD`8E)3K}bM=R?n(EKQ_Xwe#E-!I|BYfor<<PvJ1T%O`Ly$2!dhkk!X3
zwrt5SV2oPS4pdOF((6NJU2r9_PCA~PHXBncMu7&YTqGSS)X@Cn&vh05h_*JrE8M0d
z?e{s#5#1X{!)jD1KZU<?FN*Qb-YmL;&K6ZBm!C6!E)B=WHK_~v$mPY8kB*{~t!BPg
z!aYgjWc16Iyx^VisnAyLkcX4vwSUB)+qsj)OSpJZF8AK*m4DXm9c*N*C*FDI+Wg@1
z9$<Y?yLoJMWOhcr;q}sZv~`k&ixj6Eh|aKH#@>ZmOx%@MGt|~M<HOCr57&|4zOCp;
zpH#G2Fg(N+%m#l~Vb$a-iL5P`0x6n9I7F1_1vyiIxN)!Q1fOUtb2%tksmMa!Cia?4
zYtx}HPBI{f({r52Q$_#W1Eg+l&j{Rq3W%yPeOozwQOXjBSj%e5JaEjtzH_XhDJ)+q
z+*u9DjkDxTB?I-sgq_u_``RI*9HYKj?I~HqEK|Ldsm!NK0gXFC$-k~8O78(oIa{l=
z`TOEdBcfW%zjO6ospV}Eu#5~J-JElYbROPfTAtihHr=@_cb@qv?|5&`pNYk5D2wIF
zrm+5*ovFx$-_rJsOuC-6XI{Th7Jdhni`FE>DFR4=KAZ3PrDptjnSbf=%LGT#UUSPU
zBQjaeo^L=24xg=csl<ZXbKq)jCPtMh*$YCZU0V}%VaallxaeKrD9gc;ydVyCK_KIB
zaW`IT4lVoj!98G`=I+4vafJ28i>v@~Rr!$2pF)$_@TmX~O!XZ<W0e9wU&59oSy0mt
zk)c7|0z~F)cI7FH-R1B^t)E)MR|4~kcKIJP#&r>S0itL3fD!6*qsy}yubD06$LC)J
z5_A4eXAv2{Ky~r1A`$T_si(%JE?Zk8Lw+h#{_z#NW7{GJ@;iQNV`40eQ}=+vTc5oB
zCg1vt%g>PO#~FvsJLZ$_QbZ<sbcCF8VN#k&bKc9A8@IV!w5fNK6>>px@M(933Qf5T
zgmSi3G^(bhOHjG`czRwidWKFq3ecXX2nqxz7)D0v@xJa?QL?845`%|z4Xyj*X10Cq
z0ePbL0QiyAoR=y~l0Qkx&(q@(7RVoK13zDC!NR#Sn_PJ^bv<%=$|$Rvf~dZR6w!$D
zdjQY*=Zs$gM%Ls-*Y^OD@tZr$mebRwub8e#jx7ef+NSIBAF&nes-wY0ew6u_>;x!I
z-C;I)2jtHC1}MH*h$q_SUWYGYF8GSS+`Kw~c9WvAma~Qq%#PyXLD{cq4fb36U>iv%
z_kj6rpgkKtSMhK`Z&fXmV2tJPcqfyBiX|(XW}TD`<D`_LCAdIEcBqhpn9Ch?m3^I9
zi6K%jcwrxJXzTTmJdN8I|A_Wx+;*Q_H0s>MReQv$Fb%g*?2O@idBfW*YHrY<uXv@*
z+QW&PiPa!BRnE}-{;bOz64!0VuQw7T<yTvxA@j@Dm=-5bj{Kv0i<6mOrt`z|>JboT
z_e5u}#F6wSzv8K!y^;6ErZ;>0cLbI39Us<K%9iYKq(|up@haFX%W6=sX^r+<N9xw&
z5dn5~<eEKD&AD>3lGR>@A*I&|lSJqYk#!>KWDZ4%J?hZ_)?~vfYrcl8hRj5RUR+i=
zJ88aYyWJ;Mv-DL%R(;zo=XuwM%}1o~bL3-O3zM>?W~k$5XpJ$I<KK>f>;O<F9A)4d
zq{L2l{lojZ&g_`$oW|X47VF;;52`k=EphuA?Z?ocbXe+h)P&+>2E2UtkGuX(SDBmb
zic?oh^0c)rxgpiAXQiuG%b!aRckcn*^S++6@)Trj<V;X96b(>)R0__YH;r>%pREVD
zH<s&zqif2>vQdM{S);1v0A-pXil!=7n_V`6(RH#YW<h3j8IgQLZ(ax`*7oB%Gd;0M
zD}mL3iS31W$!SXus{;@3mb*0Oy|_5PZ*0BcH+nlKX8Gsl_NAKb*kp5%3y|H~GOgsA
zc58V>!v2S0P6X^GcelYix5hf&PiHE-c&cqC|JKR(%*o3wJ1owv{k<*#R8#>Z=~)jK
zEPEBY&2_h3y|r><ZR!5m*5hk{wLN+F`I0Iv-`oX3_xWeqx=V4ZV-H%bE62(hg2o`w
zBLP7i;>a2x3({(t7`zsjGe)#K#Jn~@=NktW0}_=(W8%=q3_=9)ftnK>nK)$G()Q2f
zz$FE}X5H3Wknbi~6^T)@iB-w3t0pm2Ugf>s@@n-*Y%gbt$N%!xjc{6R@;UzC6f)BH
z@+)LMTkZU2Q8VLDHjP_gBfso~NLq2ob64k+cFPOl&bG7L2!!v4(u1oAYNl(|+=H8Q
z$lX2Qh$grE*4oc^@ho2Pd{KGqJ&9;&M(C)Dlxvx#36xSvHTZBjqh+am>QAojA2s)*
zKf@9v7Xd=^9un)#<~=`rjq7jXqdjQJqK5iRQ>4T5aM5c(xR2(%N31u+QrS1}jINEO
zqeCE*$rVrd5ZL|S>@}xUb&H2AAeNJms<GrrxWI4<2#0An89>AZnQV%d(nmm~qd>JF
zOKH|1;sLa@6SKA4vxuQ(h4)JwGEK)%*;=!Pg;=6pL{h&rrygE5SGrtteN_3bYwCH)
z5U%PdAeev-1}DwFtF7{5IkmR?En#iDC-nVX(FBSb$P|qFU01&Rvb{m1a>lLxR?qgt
zU)|;B>nir*&|)PRdqHHr2^gs9!)>td+YZ|R-?aa!bk&`;SLA;`1WMAp*mVD<G+Yng
zEEI(Y7IMl$6jZFj45ubz>wy}UL?jSJN2Nd;B9L}1>h}_c$P7Lr)?{X(%p9k&<rlZq
zKQ40V4qi%-JbyYY^z4I+Nah#s%$m#Q8XwhA#Uew^0%hTv@YP7-4q<Vcv%R~VfS;mH
z@f$5p>B7SVU$)zF*Ux5LF8puA#osXj7$*t&ES%wDf`8um3x#f7`-lATYwz8-_;3#>
zkYGC7lDc|acZv{=j|5bts$<olSYolOWAEQO)gn#MWC^a@GMzG3#Ot26=Uy-5rnxfK
zHp^TLXW5{^CHa~9>GcQ^Ykv`YQfqx2+(&$rgB4+MsF4F2r~oj7ApnR*&eVHq&A)w^
z<sbL!MlacehCEa&y?5Ocbm}hQ;4ZOz`deQtUeUrT#w06EX(7dqop`<chcP#|=($hM
zv-aV-Y8qAeE<stF%Wot3@&obg_r@%f2cLe?k}r*&o&>R@VY@IQHAHDl%A}C^NP!18
z_?Bqu)?aGl+T-(|H)3kpVrpYXnEN8Cfc-l~GuDb!4bXQ15_SQI<ih}aFhzA9Z0urS
zF^29+_Pg+=CB-V2sk9AzaDf&l7>LUn4KCzY4^`nW$P1lT!sXAKmXehvB(qegiLMhc
zV^u~0)l9D6(w+v4-F}WaeZ1Cnv|q{+zjd_hb(M>>jelKUmAmeXXjbWZ@i1>_uuH0M
znHx9#y34;g%-X*`AHBH;tZw$b^LIVcI=sAHE=fAL99cMNd-JCCR({j<?AQ<YN-d>b
zarC{hjOwRba;-o9ZT|l6T<(G{kaN82@%#AA=8#jr#=fh7L2kbp`9lfF(dk)xYL6&w
z=2>pRUMgZ}kv9Kw-uLM}K+Rh`964>WNNgeV7Tz2N%viX{rF^sl0Z`TPl{9^j6U2iI
zLjt&O%h_zPp-zM?Yr3c3C#{{$l>|8;VR0BW&vdx71)>v5m`_x!^}mAz66>;wi*#W%
zReO9)_H=oHdEX-?*(DVX`cfbIJNnm4j~5=|1QC?N;<OT!!}411N3?F2CA7cIo+UeC
z9Dx`<S_J~o(7<5ov00j!r3+fQ?PmM!Cuhz#b)xp=U#(S`8-5>ctPi^f>wG}`TtB03
zIea70JQ6YFPg}Y%czq~!MUYXmL|hI)tJ;QY8hlg`zzakvoBS^)Jhx>`AGxUnTS3!r
z$8t1C(KQ1p0UtSsVKt6<Y{@#kRj;Qo^lPlNWV9ITARxnrC#2tT%4#EJNxbrjdt}W=
z&eVq6U%k(f$q>!O{01-Oju}{m^zVL{*^O`6+6~L;E7E$WVyWIJ2&$6=#NZ@btLFp|
z?7nDRo{|tdtDAAYqN=;N6c7C)#=YGZerdeJEjD*;>9vITHf>aVy5)3yXN_3(zDsHe
za6Van>*c=;E6&C=pUC!E$QJq~Lb!jY0YGPfCH4?=qS%2Xr_d$~9`sCWI}ACA-vjL6
zaCnHXSv=zmEo1V$x;|{2I4GMLrdYKHL<oQ;%j)T(Ou&MK-*JForK*jxNy9xs^kBK<
z2eS)kPsbER+NM_M?{Xznf85%+aG^>iBAlga3~aqs`$4U8?z^bt?3b!oZ->HMtjsy2
zM7#@t;$W9Q*>9^qSZdt6o!PwbqaMG#b9}OUrCn$J)}4F%jwT>qPn>-8YB}TDr}WlI
z*>v%SO=FI_@nren<vqZ1?jG>cPx#dAI3jP4DUg&8fCXbx*AI~#DAb&dfc;+jHh9gY
z@vxfUYgKBF8(RCw?noM=C<pGBQ$l+(Ijuc}k?g2#Qp<!l3o0N}1}LKw;R+@&a>-id
z0XGRr)VWaY5ogB3xpMFQMYBXdV}6qwTy^op6e_<qE=SH<xfO47`U)F?Lvi%%otdt7
zi398)b}$@PYV+H5b7P61G7^iPy)Efawk6V-#M~B<Kk@1NvK^8Nkj^b#^TtFB(5ewb
zSdqRh;sjF4poC_1HOoD}__RNUX(OAobrAh;TKyj+vx?#H$vo6OzI;ijwNwF@3%L}h
z^elR8PsX6Ghjd4hW*$3bFnVlEwpB*2RdKhblJ-!>ARf>jHzUWXpw0b?rS>H2c+pcF
z=pK^PyMFQ5So8g|rr$k4LdWoHgaQlW;t(uvTDlkx)2><sp$~D{1P9V#fh6Q-sf7={
zmn%m<AU2ffSn22$_@x;JASRUzJxWn39XO=e@}fZ_r!;+u5<Isb_1_l0oQ!dpb|~nH
z(%b`-E91zeCuRg?2M4KxiS6tu!`)J`D>Le`&2TL3`Rv&#%gyOsAA#mvG3r<i_k>Vf
zH?LT>obs<}S@z}Ke_nu_gmY+_AIod~>HABm_U!Ll&Wy}K=8|f67gpFPkyRe?000VL
z8qxqrk3&#oYn12!$x;~rJ5YfJtE6@wDO$oGnwHtic<TY!o%uEA_!d;#)^cD9T*Cya
z36o?Ztw~nk3YPA{sGtA<l`KtlHQ1O)W#I){ki>LGSihz+2;W3I2AB2Z7WZ^!G&?@&
zk4!64sfMkbT&P;d_pb<xDgH20p7mWc$QBDwW_{_eh{&=-dL8;IDw!a%(+*Jfj$+11
zx^hzxOr4<u3l#()gmo}sfhP-4s{jn0<<gz32}2JW1-TknKNMFRl(13ehwDh$rLfT}
zN)rj95xJv))YUCb9Y_I+tQw|7mP#p-)*9GuF;CEjGMb|K1-V>pk|31B4WTuse(0x%
zqhhHke?nSr&VyDr-whi_4E+=qQ~4og?cY}D6V)!Wv$V>;OS9rslC#~G`sQa_@vq%0
zk0$w2pD=H)gMuq-I8FM2?arHZZ`+5jW}1`(J8wOBM2S!0m0mMTu}}Wan_VQz>nrOf
znvCn9ozmu*ot#}H7{gNP6ST9msaNU~j4V+RSy4{*0q0DK&&Qp*1DC#19~bX<)9=d$
z3kEb!bGu4)>NfCN*)nZTX%HDJy(E;#gfiyIRG<<gzs)!u-sCgs;9^31o^n*>Y(wxT
z={jhQj3UMnW@`J@qxKd8wqJcdmxq|&Hjc7JFf%(1himo^YA;%rTA^MelOYf(U4EOa
z81_*BaUdWLOOrGf9HTxJITQ_$vJ3<#hgPzp0a2v83!?eoF}S=l5X^LgZz`kqeoAf>
z8KOs#L`N&v0ijf8f(N=a6Z`WBEiE;uq<Yx|S)oAIR6)6q=ENzWsz4Zn2AgD*RcUIw
zH$mGq0mp&7&*k!?o=qf0<Vl#%DqG|$#Z^x~7a$4xG+=<*QJkS6XQv53M*$5%jkIe~
z(nv`OB?$p^umJ`QIjkDZ4qQ^g^g2U^J<cI>Xn{kGj`~1&RRJ2AWmvhS9RL8wLQB?l
zCss$7!UZrFYZsv@vv+kpAx;%BK`V-;t0lG8+!|UI!(FD1PdzXEdb1aT6wnWP@%?MU
zVtVu0S|=X4fy!F}YDCSc&x@h6j)*53Ft9p0X<!TxEDa!%#X*vy4g*QsgsDdZ)lorD
zxG8l87Z%1W)&Uw)rgn8@#erlD-DS;Xfi{{Lk{E%}R;UpDp~{bDAe$$!ZU7NzT3u0h
zaEdA1fsmajEKum>;;%8Wz4Oa>f6?XPCK_(;$PLe%Hj(w;LJq%$`j-4r5nJu5*u|-$
zUzpFrU{EYpGFf)Q6m@mk0sw#z4M-eFghQ%~3({vuQD>};6ik7<E$;`EXxnO*<)x3Z
znQBJK<|TiRMi0cnm&3L|?^lsSx?|A_>4HfaAyvhUwX(eBCY%Y(`k}BrA{VdgnSz#y
z!&8Yo>hmq}_P+Jwtk2}BJ%-iAzuF2eT1Gk-_D1fqAVTg>78#eS*(7C~2j(=Giv%^J
z%mSa3*<j&6;=xuRC4{0vN^GSQ^OP07Fwj>EW~3CjpoZ%r%20#wH8N@z0f6rUc)@f`
ztb!(BB{YahRp=}PPy^;A-s50pKvfDxxT2zmMUjhi>qM2)IG$~{UGBdeX`w#cdV{2>
zb8EQOn!ofqq_j=^{Ak)(;_5BQdqj5VC##~G27GNMc)7xtEfr<L;40#LNkAYSs^PS)
z86Z%by$k8fByv@1)Z9u2=%9y|2?Q5w8qWXSE(#>10w)7B98I+ZG62LlN)|<dOqQTY
zD1t7r2Oh?NNC^T>lZ)_8JNho3jxL^_U*^6?_SFT&iRXv}a{VTJE4tt(czm84u^jIo
zaJI;l`NeRbIS7CbkPfOEtyQ$@R*Ei*4l6U^R4lUUhA5gS6BlbBACL^BJipxYlJnKB
zZcqkV0YnK^qilG;IGQ+;vK)d@1Y3=g%F94QG3&5GP+<}Gq*$gz0u;3IEwe2_WR|V2
z>P&_o%b>ghmHcHRscp^VZ7l@+2NB4zh1=Ik<A_|T_#oAfV;ZvGx}EykBF=`GM!2fo
zv#|vgEdeT#Lkjw2Sb*oXtm=~3mOY6v>^%dhOxk5oTvJ>!lPLXxhPZNJbO+*(tW46W
z0;GZ&h6ft5?CL0lR4I_4Vnrz_6iM7P946%MT8%OV8Qrvr0y=aBga$9v?04j{O;F?Z
zJ>&Mfy>nXlaDLhbe1upzy-;;hK9^VaH9B7vigPnAID|A^ai+dZ0Zo!~pofm4F~KR7
z%Juk?Bu824u=r8R%@z0n3>r*O09RgBOpdaiXr#Ry9nKIw`XdoEEy*EuKo~|)N_emV
zIvN0kt&E(BCKWB=1up1`u_&ww^yX~(R-rnBTEvEP4$YnArl`s^Z|(s|pXxSE-@vuh
zlD}W43f0=lOBSJGpUR>(u6w|7gE#jWS6$VKhVV3hB^tg}p~$3M%`}L=AsMX*#5}EA
zEQ?_o3Xm&zRM1DOQL%gkMtS|K^^%2w#H9jU1gDhI!FGV>RiaBtgE*5V^Ct5M@xg#V
z)L_(Lrf|1Ll;`x0?k4=Ka*R+MJG$?Tu?x7)?%4uE{hSlRHqD23L5By3@7EejcYdAI
zzG26Qy)IYsE#5M#he+RP)l$S+98lecg^o{pG)j`~NdtRK6;q7H2NkKZ+LRao3My!_
z+@;8XOPK^xu+9h`K6fqem!0S9tri#`sK*gdPQk%~LABILqab6C%n$$oD_tc33$4~N
zNOJ%OZveW3j)jNC#7G(C68pn*GdTumW1$~x<Z%y>yhWM!ya!l`j*K*ktI?*VomiZ@
zMR>Ydf7_PesM;&M1uiU{sspf~Dj-fML#JhM*Jxl+juO-sz$GL5x&koChV5FJEf->F
zYuVM^2!St7YbD8Q%QjMS)s;5`J5ogiqCQFM3|WQmBX>G$lF3W~V09pAEg<pp(@9Pe
z6DCHT#Ba~@HS@3-p*A7xjda9;T?k40ZSGwEko}v08tSdB8(N`=LBm7L%z~Dg0)JYm
zOFy%-+`NO$we3d1=2zq#?93I+4Ioxoxi7k1$H71q3@=o|1)>C$JPVv~J1PuKMAWNa
zu||f|`%KmlX`|yk$PDfCs%k}$0%)qYc(Q6cRVh_K4$WRr+Oc4>Q!@}$URHyKu1rXr
zQU(A?a>-d*Vyk0GJ%bd>5oM@1VJK9ZERW`j`QgrcJ@!O;lEr^s)~-L9CK(ya-WqEs
zD7Z=T-0{0>h{;jGJGGN!TFuWJ;Z$K{?*LUm4T+1DYLb#P`Rz3EEsCP;(9mGr!~^~8
zI2ks~L2pwjts!Ob<;Sf#V#lX%K^s=xxIoQ?xe6IQAyHTlhOTa~3%2JrOw*wTyBKOm
z0?uO!)Ct~<<g&?1m-{*OG~vasA;)klN8*f02t*k@IU1(HGijFZekMOcEBn4pG)=U9
z<l^ZEiL6?|Tp_vh&vNcdNvBUHif(cHG>;E9x1h6G(|A&CBD{k|qW~Pap{{{`91?e2
z^-5MOIc*pdq5d$en`y04u(I6sI~r^P(zGs_{+C+X=N^?5R~lTp_=c&v5GnoP<k)$l
zSHUj)RZARJ8A16tP?Q=g?N@b@nM!a}h-56}le2~}Lp5`Lg|t~ik2{wGEG!vnPlk?_
z@r{(LE%I`CyLzV2CBg$ajvtN0(__?aZdd=_u5O(0H*w3&uZ4S_nr%7kz5Gq0s28gn
zY!g+14(+ZDWD1Ye|Cs4&RmNIWfFV^z0k1VPIxgp%hHNc_8BUg$H`NL84IQg-$9!*7
zerjwO<+)3uOWEAJIb<zpIVq=;Dro6~_Cq8!s>%kto|_UOjGh@B<;VmMk_8n(bd@vH
z%S)skfrxAi6|+^_@{jsM+M&}n@MIE=bT%BjTk_M=vFy(=>yHmRj#?MqC{T`M7Kr}H
zzgkwi96!s=?@?SENfP~OINe}QE2k7>me^l4q&*(?O(ZtBixvCru$u~MFaQe`%mgC;
zprRbdA)#uSirO<RDC{upGSJwQz1pzZv`jve_U1(qx)Y@_vwPO5GG|YQHKa~tB(c{+
zc0-xVwbk)B+-tq^n}e!4h!R6lp%$c}Ar0Z2W@0WUBmxzc*x1x&V#q1fL2y|am61;M
z!+*S9p1C{+H{_qzk6YKCN(dqR;$@KAd`I3+k|JuOP)+lG!JgITp|v^ZGt06?ndjvR
zlO+0_z1rQwuu)<=2F@OQGGP<vMBqSpolE2t48dGyVjrVe<@aKEV{IV4d3cKf@&Rmg
zYz6ibT3e<a!!kU44sj7=Td(aKrp$nCrFN_ME@=qc3p&(2Z94I6&0H;fdSo9Sds3V#
z@Ek8MhCOsj5`asJ7epGQ%!-A_!~pK+in8o=&t@)C+56YWC7<Q-26y_h^^N(A7hG%0
ztNGd2W{%CXrJ!}Bu&mTuHn*{DLOpZ9GjZ!G7YEgj`u4&jAG1AwRA$<l!po!9)0^H}
zu_WYhdI3F`Uia#&Y?RckdEs4r{s_tBU-Nph#5Du<deZjva`VDhT*c0*FIO<N<CM#n
zd@$p9L@;9w4qS`N(RDa7eqPclyzyAvD?^oZqxa$*x$F_hY#OVe`eudVY6I)9a)1{N
zf748Q-cta{1J|;ms!M8i5DGBiFhprY69O<GB!=#sF&Rpy-0|&K2JmYq@?U-KKRpeN
z9mTZ&e4Dxy3pR%2+6~{T#Vk^uy|~43I-R|xjvw?4&>vx0cfKYuj_La~VI1NAvmN>7
zMzuH4MnAm%qyC)N8W$12VlJYtgYRhkS98Pt7yPNOp-!u`jkXu5zxHz@+P^?98h>G5
z4Egt1ul>GS^;Zt4piNueA&)=3I!ENHZT_*(HORGs|AZqxFkj;O>J6xo47~KP=eLP|
zZ9bT>x|Wd|B;5TI{w;Xx@uQp<k3D~?nHd}Yc{KAi^7q6Xf&L#wKl?cXgVjHqUok_@
z22cD&JFmlquMRusR3!>4S?u_Srnshsrk?yt{4MaScG7VnLespl${qdJ##g!OA1vBl
zqObeFm!hmA2KKeTMvR@#8x19bmJjrEW0v<*X%kNUi=8jqS+>b(k`TW#`l?P`XX4|x
z##cEYkC5kU_z00xC-O863L5gn%%g{cG^ofkHE6tqM8qVd=ydda`~s3D?-+QbWS&W@
zYmzZKBM;YLA<x{PAje}~ZPhz)k1;NHa5o19sCU|2S+F>3V8qmpX}SbrSFBs1gAA&5
z>^A;?2M;-*$h=I`KDfdu8RLVtR?lm{)CPC6UvR8^jRl%3^EO2K{`grNJY;J}p`Y$v
zo~j?^p3^mKX(dn_+>0w%TxM!lJY8*M&omAD{|+pt8^S)B+JlitKpIl2E$!3wH+A8~
z)wcE-`kPRAL-kwxPUPK#yni<Ay=gesKh-}6wjww9a%l%y(r@;drmK;>K}(G6m?ob(
z3M|A4acSKHly7*6+c@Gcg?fz1BB2c6ICH_cp2$Y-=x%%7o{ZgLFKh9-WymS622TUY
ze}cMApl{bm8srq~jsHf*$&kBMa~(D01IVg2quZXS>Qyaqo5X=+G-<NeYzs<Um>m94
z;mlcJX;J_ABiobw0tSsJnOM{pd8OBBSCU%e7A+s^FV)A$jsz+4!bY`jM~d*pn3bEt
zN@WEMLBaFXBNv<)LbBQjFQ;UQUP|xRsqda=6Hd6=cu4%*|M|5`us$SE_>N}+Sx%(B
zZ<#H;UNrv5A_T3Kw8M(W{7)fPmykT-A)7O<S_;0<^9bYb{%;8IsO^N130}3mKcmA&
z!=_a*3_HK=D-D=lExxOLA-DNJ0z9mAAUrcu{`0ybl+9F&xNDy~2pjtqdP`mKdBOW%
zbUz<ENfX67hE`QkUd5esboLEVddrfgy8c_w8=6<c+(o^8vzQSvahcYk=ZrFVt<M}f
ztoY2EQD3POL7_lXzf8&M)RrL}@7JGQfZ2rOBSV?;p9mOatJ9ii(lJA@Tl-;pWP!Z=
zM4|Lp(u84k^w7($=^sMMSUeqkFG2HizX6wpYKo}`RQ1~rlzt+hFX-9^t_41ROp=!R
z{Fz1I(jDu;Tfz;|Cl*T_VbGxbrnlK3EvC&lF{TeK@3RT#F6(T5o36va^Qa5y8D@l$
zjz}p;S^pfDSO@AbAzFB`%Ev8WyTf<;?H^=YclrJVj*aTttvT!L%SNLWg8J@>s-xF!
z6E#<)ou;WS;_oKLEnC8WiO?74W<F1Sae;3sTkTf#>=sAULgP`$Pz&RQASUnEmn%n(
z(;K-iL3Q_l17gileTYsmR3i}@%|>wHV)SRv;u*!O3;vffojWsu8~Gt_5MTH!xr<4Q
zN7sWE(l4GIW8@@pE})kV1ZQR{<^Sv-T)c4vzlIt1Fm~H$V*afQn?SHiS>&8_vW`=0
zUyL15erXN)RKV=qgrRDYuzwG@e!^x$kI@J1pUeDg+fIt)aq)piEmvFhmu$kB_kg&e
zxm4He*tgK6yTjZ5bcutWSYcpx5bLWuo`tM*L^$9${DFu@+c6>KXIA6u1dlb%`L{)_
zm%5(3gQ@D_4-21{GC99ld#@lG$+zY(+5LnnpQ4wyO`J#TZwtMTw6$=UH{v;3q39Co
z(lsN%AA2Q@Ld^0y%Y|7<F4i*5A8n5UmxB2NC;U-hGM<Ta2`y0iO!k!q!*TCJ#X`1Y
zNNG-0cqzqz8iZH3dck&H3j~*RaXm!^@Sp_72bw>^ih4ohuu7y!;5@*R4U{2zu_EI9
z?Bt)etNtgquR6a&EqbPKoAtAmx4=uo;81g{Wz1}$=#!II|F$twu#^kLW$2;b3BoUs
z!fO+hec_u>S~PHuVmpS8Bth1f?(MgAN2%H0R7t7m_4)60Vjr_)MnoU2c=iru58M2B
zJM5a^_%ecx2S=!@jTI>%%`3Jic_o|UI|R!Z3$6)_PvbS<itiTY11kDijRnL(`&=2K
z&)p3d=o~JGrP5BGW_677#J-U4qV!hw#d|A4hs?T8&~gu$mN>o#eEjAy(Nf>8lSn-h
zBeBpslzHtD8S0rd;nHaMfkDpmf?iGWv1$EwCNfi=-!cDV$sA9wAK9tw9ijQ2bM^2{
zn3BY`%<6FOWnrDw-48Qqp4JauK^wv|2q-T@+{Q|n7^86bL;;TDTZx$!Y{K4S?5(~u
zmNYKg6B3@TG!S<qE!k@Kaqm!$B##Ht2+zxERdMZDGmX|()6$}No_RMZm7!AIn{YMW
z1aACOgarbrBot1i{}w3HxcX(T*;5*+iR2u%gfrvA>J2v>fnw}yl1v-;VvP2<s*!B)
z`g?$J<b%RUwSeFzUkd?kN`@a~f)tNV=I0YEG=;1eP0laMfzCkFSA?-#v6HP3j+OO?
z?C3b)ztvyeypZON8%;?KdDcS_6)KyB^<`a}UG4@Q>W_AMfdG+6kv|Q@!U~j>BaDib
zEummm`;JtY9RFr7zPb?>c4#seeIKG1?f^>4=y7%Q+v(2|`m&gaZ-V!I{wHn_5laTM
z8n)**HN`NKeC5agQXR&`>2U&wQ%LhPa|;2pBMmr(Z)vZS_;bfHDTstjABD}lTky(v
z<4KB3vL@n2jzOM^FnZI!GPQSPu~8fFESfizU5oFVX0H8J^7YsTTU2oM8i{IMryw7q
z{`&DCY|1#@{eY?_N+#K=L=Nvdcfoo#o~Nx-<24UA`uEVl0;W}@BFFMF{aa}6-Vqfd
zXlX?)_l&JPQ6q}{`F@P#4vkRJYtIIy*@ek(Zut2GhuCxAPp@H<2!?EEuvq>*;PLB0
zVFO6wyNjlq7Af|3_}fJBtV4s*UN_r*{&W-Lnd?;lVK=EReAAqY#<Vp5w*+WU;%&N~
z(Q1Y%6s{qC9831Xt58kJspL8JgNnIpX9mARG~)M{>(=yi!nP};oEJV~n^mumuB5rp
z*i4LvBse@s`NXZi<Ts+o1CgHs6mjQ6tE<IoXdUt{+nj|&fq_!eyrE8^Rg=_Ls*42@
z0}o1_RT$&jKa#qx_<=2<VJqlkYqs0sOL=?DwC}+6xwSOTen`t*MAiH=AD;LOfwR2-
zhkCt_b@F?BFf)@Uq*ji=XA5(sXKDI78})KuIfOh$Ptu=i9>^d?SKS3aLY5RcQY*jD
zt+{>OwX=YPb;-(VFf69LBzZ*jK57A#>ZDG?e&>au`p<V=7UCwzCfbQZ=7BwbD>1cB
z+A9N?@Ib0T(R~_o23=Je;oxiHQ^rB<VTyKQ0+8*F%2_Xx1qjviT;z5%rZw%jWEKej
zV?eCHS;>|8-)_v-zXxDwAHBxY9TUw6{GTbs$P^sYh1Jjiq@AE;L|?OwoFCMFdrMA?
zXY8Q=rQ6+p93v-rMgipVAfvm>NLz!gIsv>vsQJB&vsCw%&UWYZS@1s;r1INGuQpY4
z{J(<Ag8v=!zYzX@&h<DO>XH5517xi^k>Fo+Ncv>b#EH!dfWi;0`n2;XiJGu>0NM4U
zn*^b0+vp!OkQz3E$CrtF6!+;v*FJuCp=6NvFZ#++a--uvFtsEyz7dH-iNwjfVdDG|
z_Q53|S<Y^Jm*&?dB!@_o$z6Vh&2a(AJJL!L`F51tF8MD!dZA>TxA;Nh!9LQb#a2F}
zsvV$5X5Ra@!sZ_c-eP|!wN;!rbz8{1UPfgoe<q?!^A=D$tSzuGPwnZ;*e3}>PH1om
zWc=$h=|0wcmHxZ-|AK2P%-;0o$?7HR=gvn-V!(Y7RxKAFc>Dv#w}LQGSkmI4Ke2TY
zkeZau0+e&0yu#cpWjZDemF{0!ZzHz<n*bMGNbUM7A7Mf)K1mmfZE3S^$RZD2jIo6#
zsGh3BfU4(AM+ry~mBXdC*g{5QGJ-_7dlF!-aPH6uD3F>nEGfI+m+@syEyDCK0zSQY
zG*G&~?dKhF7`=IW++6iPP_lYKbf~Gt%)0<=X{hi8tf=rY*0Zzne^YZ~7<hX;7nE@9
zn<PTh<9?wzNc8THybIV}{8Js>%)VWjGO%4)P#yh^EOcs2Pkt;PE8lXpkU@I1<72GS
zQ~I>eOkUjUV9e9xfqqMi8W@GXt$PVn-`27is;_8Sn5r-AjtrQAQDOO}HV}QFZdgiz
zrA^x3m;%%P0_pn9x={~F{}&+aU*x#3|CFidj;sP=iLA`aJ)vvB(y|_w4tWduG7SLB
z8KJw8jp|7m;a}&~M0enFHbBP_wn&8e2Lz~rGF$QA2mx3IL<Lj=)j~!jj}O>dK195(
zD$!NORpY9M?a6c1zy5^v31>6|c{kN_apK0v?v9Dnt9~Lu$exV7tXKO)vL}0m1XMra
z#z@=Ckmc)><p+;`spsS*v6mem<EwYzq{3BvC`*M4Mgaj;l|T*bv2MhWi#}c=0LmlO
zN0?}+sE__x^gaB=0*#1}j1C>S?Bn5+<mDGor<VpkW02BdG%@|V=0in6!2)zqG<{xx
z*db66l(61_)-QsovanfQ0~~}Y#6g)e%(ABH3mLQvw*3&r0I{$KnIRE7U?Z1MP)$|s
zcZZQ{DB64L8w3rkA85dUuz)zkaDKFeu~&F#$@h4?m>L#z{baapxc#c}&b8Pz-f(S3
zWMdfaT1?qj?IJg<0PiOkX4qUeT!_j1=<34ds53MGhwBNlZ(14-R;H)8@>QGZ3@U}m
zmgy+K8>`=L>junj5aY(aC`#22jZnbq-A+cunMY;K6D0EmjO)}J;MX3v(wDjY3S%+t
zbM9z)AJhVa;9<-D#E4l{VnQSO*zzl0>II$>H7;lEaa%&gn?Y2Zn8l7{RRA4NGYi!!
z#^bVkK>u>r?nS_9rTZ6g-Ye;HpU01I_;1Tn+>q@R^dhjjV&M;l(k%NER!KV2k%hR!
zt_+onG>tC1a9J*!oJ%}dd*v5#p>Z<hxq|pbWW|iT6^>_W*zv9kuC^6FSQlO9i6K?7
zoVhH%mTKCwVM$9{iCY@{?+Lwsn6LTKYiC!FDIUZEBu$i9@l+pEb#^on8e%b0MMD^U
zBw*gpIL<$SwFS7MR#rW}#xe^LuPP_MT{NeR*K_c7Dq>Hn-!49<47QO$4b)Y24~c%O
z&2{z|^8^(|S^n9kr-J}*&z;<%Ir_rx1!jpQ@msgYzs+aw=C%t{PtY0TQsUmD|FVI*
zTj0NbfAo0!p()!E2a;;%*}hKa5mFFGb*$(q?{Pd@SbjA%ysV^DZpA39trwm+n|0p0
zINNY&+G4vG66sJ;T>_58_cJ{B&BeGdHoi12MvbXDd$FvnJnN=)T_s5urKc;&;9Oa>
zaMue^tSJeVqtdUmi?1JYbC;j@lQq-@7GOOWNN$yBJHF_)V@38;Ym0rGz}E;lp|6w_
zq!=_oB!M^`F%;Vw{jZ}7-jF(aGbXuK5#x6gA5+Yf+k|Y`kJ_MoqKu||-q$<sdk;7(
z7o{%9T#7??Ba|(8he8a1C$?eSq46D4FdE3+#!^#f-Th%J0-1VRjm6$Q?FS#f-~EF5
zAV$}_Mf)ObVH;M!u8V%=pUr;0ZE<e#UM(rKwZ!w7*YZk%_W)a+@X>aFf)J6e>T*}O
zUaQg7{+GU9F<dXb-lVZBHnC|_2jq5Apjt4S==xlh1XNL8l#I2WH>94*mcrXWtkGwn
z3a#ttiJWLVyI5A|r4K_~cJwW>@@4>o_w=5|-9r)dL9EHBj}%-L7j=#g<y%Drhz|N%
zjh<1;7`|(6d-P`ZV!lIu5GVe8O!1Hx-AxGvrKBLgra?~q528n6^-uW<uh@{t&I;ex
zPqeGO<(qs8hUM%{A<nmAwZ{!8TVr<@VaR;O076Qu>{=nu{%1wbt|@5e_62T7&vj=J
zxT~Vo6Qtb9b2S~ana%S%3aHQX6hw!L%ZcM=+>oq}V_**A48)&zv#WWf0Rnq3Ud+BI
zXS1_@e>zu(c`(3AnbF&LG@(QCW;^R*_SjmnE?_~mD7&qdjfBnGqsTz?cA%Fxc*xyB
z<(&x~k=d?|(eAHoqF?JwrjO&oHVOj@zlc8%<YDQirYjdSj?~UMB}<Sg7CkTiIDi9Z
zP*<JHZ2d83RI#GW8Wpx_2WR??(Yx|t$=;~w?0sKvHy**LrguAGx!9(Oh^DA}{Cm>L
z56KI)aVGW#_0MW8f;0r$)HTR&C@VOBv@yN<wGEm6K}&@)DNZ<{c)d!-(%Ma+z&_*H
zC0$&|7mztWI%ZN)xE!^HgLQ81I!q>DFq6ocbLbqACjfaHAL~YPCgA^hO!<%(O(0g4
zSeg;EG$tSiYvZMQL@^yJt3t5){7Oy6!PkO^rNq~sT}=-;P}73+#zi!>4pm5VXl5^F
zX<yhh7yb5+mhwsqrj^#6xmdKnkWrznJk#_Ulr<x(#Vm7sDlhrz^Ko17mCdbjo~p@9
zjhwI6@sRx(@sHMrkh6!M6VRPp?)SP&U;x9N)Wb8f4!McBM2nI57(n;%{0HN_>T*xw
z-!Fx~_<u2xMU1n5ExU@mkl$gw&W+Te`BBr{o`r$gA;vpVc;Fu$?{JGngML*A9#dTS
zMMfPVchecP^P@BXBMCkmrZF3EmZ5qYsYCst`?7S`Ry4byuy)DoszP<kCbxFU`N(NC
zP9S@DOu|gu_Q)wnrVI8ZT6}A}Y+rt`eIo9m0X1enVD?LB`6?A6TjE2vZ=iTr{L~e@
zDA5U~<`U1I##OtVyxFrVUzFcW8h6NphQ(U5JkJQ@6M4j*1<Dt_e6(HG?(0zDgW87X
z*-4F#N1*;J>L@(1tlf`HEQpln1)48^)o;`nS<)hs@{-#r^4Htt`xK$xAq7MoChF7b
z<LdGQ>@nvZnYj5JS>r3}QYJ4#rm)U>pOFN1>|liwO}?ZLI@1nlL-PlPnh3qq{)11h
zhqL>?t`#FABUB<7x)E`B3@M7P7_O-U=u^SKz^nnTJ62Ook$sT+al@?xa8D1vGQ6kD
zY~@uGZ#ABB2<6Y-2f+R>K*WWn97OrEyNRe82@oTbG^$DM!zfp3-_18tR*?nQbj^d1
zKXp36HM%&RU=DN><kzAdGTq#;o+Bm9C81iAX+RpTpvQ)@L2p>ZksRhSTK$HsBkCQ4
zG*&8(V3*l~-J;zWiGQpIQ~)|E8af)%c=+e<mq-^fArT!KIx#5^FBuT&GbW*zl)_+;
zmQ~kyCiB;NKq6uRioRcv4cly{5AkPM3la_Xx@u%iS_?iIdi7s`_dhYOk!W?9)&i~y
zo1?#tFNbRFKG;5;WD&$3l5|!73lxN8W}cZGJt++wdWmZKlPCv;;tS@r0UB*X&3E88
zIv=$BeL{a|C+05)J_&#H;+MEep1|ZIF}9x>TAcy~a{>{;JLs?-0`zej{KA*CuRO(L
zkK&%JP(JIbmk-;H#~X{cAFJJ;*Za}w_H9mJ-GKNWAo2<1ZF869rru(-%axCGx)sif
zn}NW!4iqg`+fyKL%`~@Y<dVOvpo;#8<{|!(Qru=jj8@o>7?!C!iBq6bC5KsUqhbP8
z-*>RunW=N@ltDqtJz!ut;wE4dG-v9@J=*4kg}=5AV)?wItkKFDnu4bnHkd;CxJIUj
zls(C0C9VRIO6ri4A0~x^T-VWF#*i7{mTi|Ew}C?7t-fKQ$iFSw32DO;e^FAZK!y^3
zdc4Y@Y9tfn`4cG%R~2%h&}JX-X?6Nk<J+UGfm>>tj}vFnj2A>T^OYNWDf%VE<+tka
zs)wEmbJb=i8n6Bn*9)=_wnV$6iUry{jW&sj5Tcf*TmzHK=qj)w+!@%vWg6*j8KX<$
zeO|mGG`hX0zMZld!7d=^coytS*zuWPgVfj}KdObPG;LUycW2Eg!*&jl`&7beOY&z_
z1*^e+(Q6B(;YH4nP4-#o9+2j4Yq|^2N&Kvp`HEt8=`qae9*~xy){^vyMKKsTRZT2k
zzse8eU~e*wf(%YHoChYcV@=H`alTjNn%D|R^EU3gGuti>@$=BrEsNV)N)26>p(>E8
zsATpa|NZvI!De3{SwC^W0%RoVZY6~lP1=J+b;XdQ^r7vS-tU0@m_yq(e;+D$Ipt5`
zPifSO`b}yrsJ~0hTaBXU-~i1x*QI0PsSw&d<pIBK^q4?)C>fb9XKHb1^Yg+_5g`=^
zPX2!>KW?BRcG}OM=)LYk;#1oA^o&nd52oToGiK@Aq*~*tpYJ%(@@i;y-EfS>DnSdu
zeD?s?e_HS~oQB1WT7Y^!oWlQm?w(cV*!biXHci8;q{F9CP6zU6JXhYd4_q2L$Tfe?
zo8o*G_bcG7XqQL+_?cWxT*BZ7n$g{YH)YnHM1o7thxqS4xixT&7Ad@sBT@?{=G0cJ
z*XSYlk4Jj@(#mQb9269g5}C^NTu8U}3*NHmPEGc<driXZab3gEOWo*2PFcO^u5ji|
zBek`A053U7*IK|u0?e#}^HnbbSh!v1dsu?3`RD8sU-65%r)7puIS$gf1fPmwe=H+9
zcSuDIry?mjYGax}j*;FqGvcnbPcX}70!)?jwp{F`aQ#nfXhg5}^Ma(S;$(roN`~L_
zEQr1#x15C&I;uD2NgX$HaNC##GU_tfIu4o*FbBbnvZ2jb_P9|x;}`SQnOir$EZ!91
zy~j!i-Taoyx@y|@07NeD2j=T?-X_n)XjY?1%FmNZZeN@`gvVz*e;bz>YRDc;M$S8n
zcV$!VH)vGfbn|k^5r;|CTv1^TN)tIZGqP8a6c$Ps=(zbYJ7w1&VlPF=Pe4DRv8FR)
z-K~FT2%5|FmU<L5r<{aF>->@91(faVJwaN<A~EssD))rlmrA#<Tu%Pk;v`=m#~0(Y
zs#mCF<>{(2FD_+p9gX|c1B=q{0cHKWV{KnLPsykXq;))NagQi_doO>eg&xWpDdHR#
zxcw%W2mbJ|C~GoT%}D!9R>>T28Ke1?$h|!tNiM8QyMdy{Y`gWXa%y2QB6I64vMwTm
zQanehA6U;?aac%JorUzM-W|17cb*b15_5)-OI3fWnB7kQdgXSZawd1dGgwdb?ZO8W
zQ6LS`uP)QEUC!HHgxCqhP%Rg#AqUJoplH@#zW^*AR#xLjt``<}I#!D8<a@waq3NZK
zLIbCK*rG0XS-DwH+0f~aiIr!s8~906H`1-4#W@hDmzl<ft$fM`jb5^s{$H?|M)yCU
z<-Z_AKIMPJ{srG?Y<T@Q_J4qX3j-(HyjKuN@`o9RcrT?^QuKnVoN^XopN}N5x;2n=
z`ioF;F*2nb)j(CF+$gDuyqgbm7P6j?q_9Ue5H2ZwXuQGbW-^G>(fJB8z@RsEpi#p=
zo&OmA<HUqpmPr|xY0Qs#8_FtE9N(1gEmEQXg)_LYGu9pc^;)y$hyQC-5Le=kKD57?
zktr;cE39|VL5FkFF>|Yd1HW!vk{*}wSY`*rB_tbzn|BYuj$WhTikr9xAZthopF1%j
zH^r$uA}Kz0XbO{kZuk|bjBcQLi@`hAEF$7R*5;%6?uWlD>OQ?i&!|($Y(hc`wT=#r
zZqJrOHZ`?`&9Yeei?_K9#N=|XxC(ckgO#eG#T8+C+A${K1|{2wxKt`~SKmMDreA#4
zIiq6G4BK!^jupNDK}_RDK$cfA7TbNwK#)^T6vf+IIz7U4=P|yEeDSc|-Es%LpZcj4
z;2*g7_+#{A+|5GEuaT|ktF1=0o~zQ#&TQ!LTJBVaT&0;QiJJ3Oj7A05_Oc%z&;0El
z7K5nOvhMEVHr1#x%~dnEuTCLkPSKUpV7@b%%6^Ym*E=7>=MH&!MHW=QkUeqc)!6WU
z$^D9%nY|)^Oe3{o_?FzjBz2MM{H-{ZUK;}Z`n5R;;gMr1$u{4b8JT*o^pTECK_R&m
zJFmuhXMQUU;nm0X_Y+h6cIO40vfYBReIahrpY~jSo0)Mj)5ivFX6rDJ%jMT<oySyq
ze%pO@J1?i_YImL%9@^b2K#vm_EBy&EC1TjrV=z{mppjZ&Uc4PDE8W}t_*0b0Y>H8U
zcF3gD^6_p<rrKAE@bE}*xgGtK&e)2}nb`r@O*Pi2#~>=cCWf4gfq`aCeqR|qn36L@
z+wBXFhtM+8Lpt}&_PnrC8i*4QWPhpN&GoH-;^Q?5#mHz%fc!z!ZLiFN8Q~Ic)f5#m
zeZU;mxt}-{vYMEuEPy;~To5E0_^vK23#4A#H4J<~k#Cva)rb26g8X0wub2ldAmiUf
zJ?>fI#x=8X?s)O@wk(e%w3+JzqhCvEsP5N3N|G?qESuHPRe55w|I^uffHl>0jiLz&
z5PBf=8X)xEI|K;5g(6a<3W$J6Q>xU^dyyu+S1E!>k={k5iwa7UDhLP&2zbN$egAj<
z|D1cC=RS9`_v|%m)>^Y>XJ=;i%$gO)?VNyn?ZNR(+jS~4zJVKKh68+2)vaH4btyl^
zHy6rpK8QE3wrbxu{IEM2XzG1gS~$;mQ@3@hp;Rk#ZH`5TV37lb3ye37Tc;1ONGzpG
zQlN=<N9t}XzL>PPQ}>l;p%HuB?T784OLslyGL^-MeHZmiGr5}llwGk*V=mz`HP188
zGtOb?lS}2xcQ&;u%TG$aJ{d`H{XqATS?s0!gL{6HZ;t9c*Jam-pA0OY4lK8B#kv}h
zFC^R4GPjv1m=+gWd!BMC9&rAd#SSuMZtW7VK1Cq6GgSY$_`pt48A9Q#BFd>CatdLj
zk*%GFXCIrWN?38z^r8JK+A9rqKRo5%<_QE!I0Y)KGS&NU6|yRuPtL3x6U@}>*iE7Q
za5H3MJcRldP{R;G3Sj*K{|^1Q*z`QcrC-91zTn;Lr+`2qgGW2>-^x^BP`@RyG77#-
z(?2A5Z{QMW-0x>Vuy5evZJe7ocUFlx+0f>oh((ncO0k*VdB@|(U!KvNX*8}pDuWN-
zV9ee4$k{G3mZZxQDO^E0I5^mwJ=dF!_CPJ=6%-V}z686(k#iTWjiE}6^YZp)^8-9{
zx41e^ep?s(Ss?#i$NtkyqmF%nd=GMp3Fud_V{S~oMa(W0Z2abGR~Vbr_wr89%QKGS
zx|lJJ#gmEg&<Og%p9u<=+x$h*>!FS>0=yzAzhmkDDEMj+|4@-U#+&alzu{YU=nY=m
z)3`{+UnWfD*whTSC+(5iU8O-!K15AZ_D{1#J}o&NP<B+RBVqK&cVd+OA(^qzsaQ2<
zQFTc3yqsQ-2nl;$hP3a!D0a!Vv+_vB%>;)Un}_G=gUG$ssTp}>Qu77F-SqM!M(uIV
zJ7yWYT0dp2wjQ=d+0(0GbZPs`GqG+$0H-gmbqkz`CMI6JYWX}MLc%%43B*Xo%WqQT
z?M;h@MJPr+D$B1(vZpt|q%NrHSJgjd0DhGE>|VW{DEaym>*Z&^P1d6Ofb+<Bf&gdv
z^m{Us(ve`n-o&2j#6dQ!X~sDC7a!hygbUb<=PzJKiZ&)Qyi?U;&htCnq7;8-<(p%b
zns2YBXIu`M)0%2|s#kvLj*Q{RO#EmwJ5i-ukV#G3x2<+>+!LnpLQ3VB>7)p58e4EE
zEuDNi-%&3l*pchtejv0|ny%>G?RK77lRsuD)$J<$8M4V<{ClKs{F@C=;8$|u^U6VX
z0k_(W$&1>Jn)iXqjKi;^&8mHeLfEv!U+eD$cAYTq)o%Ss8!{}@(n<DVPslxsl1Y37
zU1KX(jrQYx@pX%%rnqSCj=j#q2mQwk8jQnjswH{qHoMDYmmS(eI-`#mz3G=pQ*A2?
zqMb|git_HPeSYg6t@6;z!+llT-7r4u`;4Al$>KT!$C*3x5+fSDR`uz8Q=;2@pF>*8
zqpadPZHLo^RG}V?Z_A6031|6f{!<8k;waSj$A-GS4EAN?$DdgHp^m2)a33=QsV8|z
zhS`wsXQz6^PzEXT(l>2sgMR@kO^rWM<Q-Pmh&JZ<HvwAbrx{`I@B5#aWlNdHas^M0
zi1er+yvz!u7Mfn=Yle%Mb0pCVycC7<HoU(d(mdGLPN9EY6f^O7Mu2krDWS~1xHrRz
z#r*TJ>lfGo$O9ey*Xu2w6OVUFjI_%Nj_%O2OzKc+C|4QPr&av+zj?0Sx+D?ARP$|C
zwJbL)Xdyt$u-=^O$@13#vL|m3LaGJs5b)r&>KOR!>tB;~KjSq0`kTkVwf}yhLIXLb
zwfm(pFW+APr<`F=1%~I4^p%T5gP_rc(w5xjUqGxTNgI95<J9nmhrdszTn-^W(=bQh
z4Vqn(OGsS$<$m(Kt=KJyS$kUDAnMs^BKYo!hIv_%*7-$+__6YPGxh5&4pOF>D)tAf
zO2MH7P=Z9p*&{Dhfp?TJ9>-_;*EgGTv=Qk_<DQKDw=GYe0X*j>y$K@uz&4=xj`V)P
z7OB?aMFn7WjX{av&q*P9it+tO*Oq0wk5Zr93{X4^5@XJTb)WqVzLgEIm}6|$_%kR8
zVLbgrWLixl&*TiSJn@<^!XiIQ4vl7~u!I>0>6oe-mY-sSk_9-y*KFgC4gK>Q{5j5*
zdE?Ozx-Un9-mPM}{sJ;nZHG7n6&6Yp-oI+$Xw<Lm|Cz&@{BpL};Ho8=T!}Cb!TO%j
z;frkPC(-jHvGHg8XC~owh)3dJ>^Qt4_1jokpK(&xP)UK8$=A^dqjwtpWlAlQxi}%;
zXU`erl+8r;F}IYJhZ4+V)?x;%uc5HN0KvjOvnj=={W!rlc@&|A7d|T);OlE?4xmzq
zJ^|9;+iW-*_WMx#Kj(@c2f?8{1?JpC8@AfVZ4eDER%E2WTw4>U1UG<-mG1r%Rj*`l
z?Ve)Et_=^c43}>Wz(riUSBE+#2J<VKRfWJl0YgPlxJBvbAbfDEM$0)VflKnkLq>{u
z*l!PQoZtg&(aZaN+ysB#zQL;E+lH0=-y$&f=^TD@=p;`wgz)14D#{T;krf$|jFcn1
zy&3oQc&a#CDn!3WIKIPs7v9(WJ;KFSmms#g927AA*3r6oI^-L|=Jy!Q^|9JtKv3$x
zQjT@4|8yYct^zb{C)V*d7q@Y$m!R5cJI%9WwQoVG0pr+AY)A7v0Plokr@OkKTx?mG
zQ^NL>*L^`<$FYQVkv7iP8`!CMim+@5cws5`OFG?uva&cuH-_(Jzx)4$f;|gy<-zJ_
z;ME@xJUcYDum7)p&m!K?o?k8I)z38kKO6Ci7i=H8wI=jk{0vU6>$pm8X|G{<d4B=j
zT9azGePS8R7)GBxH;h#!g^?NC$Ma+Rcpw;p_rH920Rd2Q5kppGJ5Ow%egsE`r53N+
zdh`jS|I6x7iB<oRzAUaxRrPlq{BYRd04(IJ%`W$od3|y2r=0qn+;8N}E*}Hz_T$lB
zrh-Gxq&i413s73qQ$8d%{SM`2!JgK5X39LmVYk0y9vEP1J;LGmAE@YLWH!L@p!SKS
zm_(bHrK&{pD@#j>4&sIV{Tyf5P#zgoJ9LnV4qF!Pm{S-$xO;Xe@5^96dmPgy@ib##
zF?7h{v5vt`R=YsoW9x;BefKb^Mu!-RkG1+`-25lET1QLXPp0FqGj$%Cj=uh3QS6fJ
zY7%H_)jePMxb?x8eYfs~=+D!CEJ9oj_MH{#HM$8gOA7~W96ekQe(tyiH2*$nlPKoC
zE0<hu{F^CNnp!P)9-pI%RQvtnMpzcL6yC#?LlSY?jqi4*99!=)xAwCy;zG`Uwpvg-
zZS6n4Svd5zER}fs3Uwr8oE!8`O_^s-E?Rt(X~EUksm;mN&uQ>6(NoLg<;)*#YFz?5
zkBR)$jDFUCcdzw4Ym3NTN^%XBsh`@!f?xGr{blNxO3e%)e*t%Pwj*)Y)BK+mPD>7<
z8)Z`XSuplq?AIQxnUZ|?gQIzzJj3|9Ts-HxO)}&+jmmzs(n!Ko?f^z0r`A`#dUb5C
z!8okc*H3gWix6r^xXJbx5J78YCUtj_%bM}orp@~OE4UC5K80)s>kYZmq6-1>9Z2m5
z&A$K!hE<@SpUmOPF_JPJ$uge5aQc>~B#>9**fR|hL3fo#G|)E)E-F4gL_kq$?36!3
zM+{fvZ~#cOa&m!aeARYCGuG5~MPAf7S$B4rStk-Pg;SE`X4e`Z$1;g6RKVz-ngtZ?
z{)<UfF`5I_^xHg#TpTHH;6h1{_)Ko<yhcq|gu^qjH{$i>PS~67m%c2kP`2F!#yb{_
z6HB7_^(<HiPhr_8eJ}zwLUbOZ^J~C~HDEWj{~lV^$bhZTF+VY4cB4prZ#K+b3C#Fz
zJ4S&P7Gu@xrvLKL4!Nrr0|nJHQ^Amcd)zCzrL*EKcUBf$a2#cWolm|bDUnBy*^vr+
zB#Zkly{r$5w1?5fXIwt|Y`Yzewl3m|i&-gR&Q;~*7o7fZM9_+N!YE4^^y|%E0EAI`
zb=~iKJ&a-50JN3QQl2*3c7I|#Ygwj#I``}3!woHdayu)BZ*o&^pk2z0GqL^~-`m^F
zOv>ydST7}p;}a4lf0gh!L<%p*x_quTx|B<2#oGD)hx<Wr4?!j3<E2m&ZK`-@*6|{S
zo?`px+(TKV;w6=l5kq*PvIQdTSc@}FH|TYm!Z5WuOSy)`cnV&EHpg@rI#IMWD|*|c
z>8J1%P6{&S+~kSvFrPj<dH?uBM#EXxJh?3H%&Q)-(%LJNKp#(kPL=GSr;Jvl`sERN
zqf>gUF0J?N-9H*H@zdn>_em`Bct65Uw4^65vLAY&6UC`&0&6SFdJ+)<_+9gG`n^1|
zzA`eyJ_$7SJ*9H>CoWmhQ%WFLWx&ey_oi+rb@L=b#CFDV4DE>ja=spj2_+DhO^dgW
z;w=6wam58#0b%eDN#M{m7DGa5iQUcRE{kLb0A+ZJq()TA_Di~}U?Rf@cx2AhuP3z+
zcE)~0a5_uA@aVp1os%^wD0|<tJQFpe#Oi7jS@%(p5RmN;55=Tz*z5WS8DMbhni~Ct
zE#8rFf{l0}DB2p4n1@mL=6(M2HN4Ttlqw%bCS!DA1G~oDoSJU!vl&i4Cc`Q}GkIN&
zv;-~c@?(gAW8OXc_iE7@!n}qqPby1w%FL=S3tw6%B=2;rnr}z^3SX`Dr+*f{UQ4NS
z*P2(sY&%iI(}Ln=S`;#GWXp@Aa`1p<73f;$M*aOIv*8h_;R(I2y$<)D^;$AVIkhn4
zC7i>}<i!*%$wl2`4DQRO#uo+F<ArzBUaPFJ$mf0MQb}1<eO%{@vL=dwFAxX)k}kyO
z77{u<dib56bMKAeQjH1II)|38K@1#?W>SvV^Y<t_Zle?o#49wOazEfXs4hL0i(?dP
zRs%AE%kFPw4xeku9xQ6#Cz3D?@f7^Zec)_z&IHCO?<^gJ0`LKV%=gpV?@DCMgP0H3
z4nKk#tJ91oY&yy8lNX<Zw$ew=wJ5$PEV}R!u}YL)M#~#LaZk=ApYo_diO=);mB!yK
zW!;Mwd?TGAXU)alsH^1yiDfq6h(8=uHMHqVyxA<!o^3SoAVP5;R$*;l`(FcLBT?7|
z%P00MjP+CfqSVp;zqstX)D4&Ju#}bDc>^g3y7D>9F8V6*qdu2OhAZb6mu=O{sRP0{
zpLrly$4w8p7RD%!JWHQ<96izHC3&f@4cBvI8ge>1xYKpZ8$QR0k&{Xe<a3HTuphOq
zxjOcye5;KwmwcW4CzuC<r)oA@O8xNQI|_WB5SoKTGHUg?(P<c+ks4U=6IbA*1IQVW
zVfA+<5)TWBF(B5eiTYHpZ27t2atrSQQ!o8`NQkM%+@H7+6Y~O^MDx+9I+|9O*oWP#
z=<RXE%H4cOI0=AO7CWjt+3-(iSye=%=}6Qa-Qv@GmBj(%0e)5rvI97!{rmier;2N(
z^BLt@+SXTz{6<DExI36QRbI``&`%OY)z^n3&|$I`R(N0UGps6lpy`rIzsA+4?$xFj
zb?}1Q4`m{Z|C|UsDZ<W%HryQeq%mm`S*mmt%6O1T{RU>YGxu&s3ngA9|GDu%3p&XT
zt;DCz$r;wncOh*3AVlz_D##U`kNqie#(>Ruf>KTn#=11iy1^olZFyL~=#K8}VGu2-
zcpdXiOpizk+wu<Gw7Z31db@<^Qhu6M)qG-MFGN<I8ViF)!5><goXo*eg}OUgu_c(Y
z8J+!=DT-wsqMs!p!^wMNdmP&0sdxLIZ0yV76pt)lDf=70GE?sIGkYt@L$ADBAj$rG
z)L|j2@-AQUVQyUhr<9+DhIg6;o_OKGt#gLev$<JY<*yiP{{kK#G5X7-N*C~w|E|hD
zHyLp^1jpb&iXvD9ipZV?-g$X^#VhBp1iKE2{n|4G>MAV8>ps3BOi&owFWz{ApN_;)
zgvG5cVAyO!JLrxs`pCm<62G12-JudhdA<2YKqUkj^{pChGpH1E{%NNQe`k_g9y5!s
zz36;rg~P!7ma7ye7*DW;jesH+8ellN9)u8L9CeZ7b1Kw#I^gg>b8|k3=EX%M?NHx)
z4NChwsWmI-VZ_wwGu+Lf>phwMjqoU2lxbH9uTbA^=|TA@c6Ue(NQV(urP%@YQ*GPH
z?1s(9pqrowUXmGO!dgo!_ykU_{~%Z{^HcBI#F^ra!5)Q^m^byqlTH5gttqFEzsqqD
zyDficJP1e$YDgpTKY*~W<O;7TW9IG<&lGeDNGTUx6&}42W!htk;-A`?kWa_24q2Dr
zUvSe9inc`vt_JA2@8eGjP=0uF>dPyhJ$N|%p2wwmyl94pipn3_6%bVTv24^8%RIL;
zVZ-!g8XYq=I2sej{ibqyTJiI02ry?LapLBsuN&$H82|}`REYNfOb-yxAw5m%FNbhn
zgi0Y|v_+W%W@2$D%G41@OLe-}@~^DzSd{t}gcNskroaS#l^<jh59{f5qXS0NP~pi}
z<obIjx<PAE!JRcPx6`yZIn#rJt#E6#u#en!Da+vs)~(TrLCaQYk<IayKme94VSwcb
zaBt~Zw+%!9D<;sGTJ9unkUEl6^=+~0s`T)=rbR{$-dQ>B>NUHvtC0i4x$(fIc1yJ=
z(-lNnY1+7qXNGcz&?iz>C7)G4rBd^ML)7B@zoP#Sy8jzuo$db@|G8DQP80`32><9L
zD{?grLlbd+E`4s3?7;AuwitJ1jYZ4vwQ>*UBiBh~-wKMlTB)3wWM3O<?afjyL{+Uq
zG_ij2Rz`)$;PDLBo!WPZ08@{abN%WsN_fjcVHuxO%|hd%efX3`a7ulFLY*WfP597B
zq}x%wU5gOeNtmU)tC?Fp?#fLH--Bca4&3M0h_%;#rYYtYME%#?^tii3VDnYaORXBM
zGHTNgbg`G3R%OL?oTj4zr6-xOoXY4$w&)pzw7Z?K8ZOI@wzD=29GnJS*`)}Li_JxJ
zr_CZh;|TbfDW=VpjcVhAh6heEBRN&jv~&$kCz)^mfy%K^;y+Mj(@9oDUj`BlwwN`$
zM2ZdDj%owqEoxaL<QE@=_obwS(MpuOT2WnNmcvs~0a7<gla+zw(c@J}wgr5$vM%_z
zAeME&?j$RL4havn#qJTg1qsi<VC{&IA?)C{hj3HXAHp>S@~<as_9N?DOF;hx1msUS
z@j^{rvzRGn40tLZ8L{++RM9=m)*V@4#Q&J*3wo3HPZ$vy8=H{%uV6;ya3{<_OM%1T
zPP?TX+zeLoSzmkklNsgD@GKmw9e-!lCa)?#Y6ucFo4QFbVTecxC?dGB9a?dC&8g$K
z(IU0RHR>=p|Hncsx6xOoo^h!2m8mYf=B4GR-UR0XjW1DW<Tn)y-vHD6ug@z(%1fRJ
zz;-NrFaJsUmUmxTR+e`YXP&?U=mfSM+M3e7UJLx3`T9&?Yv!AAh~BT6mY*l}a&HAd
zI}ZzW?$vS<E)&i#=gv)7aEVS+oAz27bG#O{WZ-CNwv^*&CeECkXe8_v;m7ev^GGXx
zNzKRhWnpQ|?MLR+*dyZq7R`;hO=K>PJ<`pbxP|`D=tt)8n44QFB2YI~bZjp^mc;n2
zx5hF?;#tuL35$>Qsm|lm0TwE)9IoRZ^D?V8S~U<ZU7rLtDvs|4^7UjaFlHvySAKp~
zYPzY`rZZJ{w9x{5Qp(YAQXhCN;8hp+ys~3<+3e5rHi5Sf%?0w)0HLy6;GdPZ#udD`
z^WI?a?K|<m9a{qdtXSI$5n*LRPdn`UaMKa8?+`t``kyyqC<0gnk@qs%0Ia<Nn}Zp`
zp+^8W(>GGQclz3m1WEcJFKLx6Vo<&)wvI5|ORA@qXBk<+NWO10^`XDZHOe(ALx0z4
zycN2ad@nJ$gIVE|LI;R>qToF!>@NUZG$TWGp^ftiuyBulnI5k>RG@@3w`C5<?<gMM
z2p^Raj=q){(n=z9agJJ9_F;yr5Y?K;Hv=kLaB$2roGN1_B!nv@2=AjSDEqVLcp^or
zjOj7TKIWMlVE4$5OmKxFcJd`SEj05dVkqJhJkV#9epwdurCdcW{<P**q|l8G@Ih2>
zG4w}-Ma>`HxxIx-qqpw^wa?1;UB9tf<Lh|@@C<BM)>Jk$Gzb-ORS<0B1gsQRaqSSC
z50V|ID4m3#KG_q#P?J&Mr5Jm_)u8(Py~NK9>mSL81SXIoiW)%srVT;Sn+XxZ{SqyC
z46`AC7q!59X=!O|RZ@^p?iA8(NVy7-A<cSwGd+iM=|x(SXB&rJHP87#O|USu;9c=R
zfR#QO4Q7H#ABK#Kaf^zcs0VoSp%}+F`?vHYkhmncg5L=#q(~16<9u)n1~L42<A7{8
zOeX?hu9|d!seLjU^0i*DJdp4=)dAn9yWI``8aK;<ym@h6oO*#Zg*Ws2+)t<^j3sPU
zq7?AJIbQDJg1-@!v8+%%8e`*lJyD0Tbmfd$o=Ay*g7kZe@Z8+ooRtcb@mxRICt`Hf
zeWhY`Fs&RA>@u4YA1vZ;&#%w6+|#l_@jjfr3I8Dv7@2TS48OjEXYS-RXliF=G0`mE
zt|h3U3`exY&|zwl)4AWf7f74&0A#%04UZKj{Ql_z9idfCVM@-F3Cj+{1*{+@;JZb%
zO||>t)@0#hMf3FF9T#g-484*`vsn2G-*MA>-4eL*lq=Ma-e9!-9?j}r{FvEhWhg@Q
zyNonaW<^ue<UkBK?{7Fu9jlv=F)YSe7i3&%K4pL85;Q@rrxjXV>kw?-%RN~8e6)P{
zxYYNF9f5PG6K91oFnkFu#V^x_LO*|OJiIfjHq!A<bR&cH2tbFAWF))~)}q(V$W5t#
zPiJz{%KTvd5kW62h#UmO1nY1P)0lt!zL%VDz8PNx&8i(22_mP1$Ob5`r!9s}!u%I~
zM<a}}%Rr^ZoQc=-qT(@>XqC`rmVV*AP-kvyC|C3rE176>_=_TQUrLb|001Hsl%~~a
zB<7)vhoXk}l{n}0t1X&;rmTU<-%#}uoUMXriVjfx;r3by*?ntFbnL2JVJaj*baLJ`
zXVsJ~c}!6V)!N*6swV;YpFE6^J565Ska*OTVZsQblmSeYAOogCTmW@$y|R@r45YkA
z#0iJIVe2mtA|CIdyB=Cf=Vlw#Z3Jk_a^<Gl+Zg<zP?5mu1OOt^ZSfrOYy>zzooHu&
zYIf&&`kV|zu&+8N+~8g|&Ps>}P*cFcl_zD5E$h8cFCbS`2(%;m68XR@PSIyXIy~{X
zVkd{$?+?b2-;z7I_YE83p`_dqqjwF8i*J&QqA-CA*tOrj%h#PU5jzS7P&~?>v^a(T
zQuLrWV1<Y?DH5&w7v7-<<4{Ui6>XcGJ2HX}6SNqmzTV%kR*923sNd)ekQqb`O;;)u
zKUYIA1cn+c%kmg0#{fJp$|u;JJnm+9W*@znWuN&Zy8K3u*e~Z>_#2>?oC=!5DJ3W$
zuhan_LFX9yq)vLN2!`k}AzSZMTmP<fhn7(7QH+P)1CqlDfz8;#I3-M1B&GcGyevm!
zNUz$Vl{gB=k>}kcg7R5D1eJ7el*I7bthR^0LVRjhpNoZu2K-f%SZfkVK|1b%;8EdV
zCwh2>NYbhVWypOl=uG)#8_l5N>^0>aO4TMIcegW5e(;;<&1QH)2~_>gNk}G-5_WTu
zG)ld1ZVcjYOGzl8v4s~}KxF&S&T^2nAB_t_Di#c{vwF#fdrW)^j(ti?!ALB&CDkfg
zx#ac$HGPIyzA5TOi3)SIR?lsVeVSs<%Re1CwGFL|ke?tk^VKyN3ZV0kF+#`2Y{gBB
zOA=h*<;{0(e_!rDE(wRo{DRqb*#Hh75*;bO=s_?er>JpWOf60@7Ld2Y0R-6uDR?OW
zGX@GMNoK!FV46j-;^wjn<r@(MW_NCi*+ZYefi(vHX7auXAPkP_%_)NX_AGc1Ru$y-
z{Q8?ot}YYgtx$q3+c_(Ja&OB|)K#(nbd$>ask^eJy<kJGNaEHmU1Dni)TN-Rz2iPm
zH^O`Ul9W?fkDO1J*MYoGSj8<(THTe@pS(TW69&z4W9fRy0=RFp9A(SP0_asSi)xCy
zyZn?47vhI5L({b)!Ge2G<q}pGb0TIHH&6;HwN_{MW#kK-3*EWH&?f{69NcAZLRD)>
zbn7?d(!{`Q8{w3F?ad6ING2bKA)auqcd3RacAURRZR8#McBlO-)(1Cl-(-&3-gDu^
z(mts_=6`sLN1wbeH0A<%z>qOc4^r^aZbqfY`<*(xHxm~?5kI=n;gn6~Nu&(#0N&uU
zvigf`o)bE*XGjS1uM+X27-1#xQ4pGO>Y*^XGhxtoV&XV*$e^i*HbKc8dBQnf1dQzd
zAv!W~%9p1oat`uUK!^Pv)>mTUnEe@JU7S4v32%w(jvZxh;&s!_QIw@4zJm4y9QcJ8
zD*Ky~GF6I(ugD<y1Eb1UNRNN3FC}#z#y=K+0DwYd7?U_M*Bu2><3wKfw)w%aX)z?a
zb<)o{WzTIMqPn-f80Y->a8*nK@N1$yRjn?;d-QJj0bSmO<=XR*C-&^%aaKm4r9Gvq
zOSsQN;oz?b)-6cj3O9fI7hv=}q#3S{A!^*+9tW^8Y?dQXNN|5I(7TUhBaI2py!MM*
zCIyDb0SM~Hcomo>^WHiPAm-pBg$z#OYJoLFaR^8uQwdYO3z~Azoqim{H+(|xisHwK
zNxks|!g_@X2Qe5g;|L_)3tOe@wa-?%S%@?zEkUi1>o!ZP#NPbuF`g)GsEaO3Wh}&e
zS&z%kkD(TQYORfSRv^yB!yyA`!c)OeqzJy@5Wqex_$qu|t_Yxn03*Em#fYMWaW>I%
z3(PHsN2Hgim$OLJAO*cgpcr%BAf0TRjMAB5Y`bc{NJ}zEH1?VdC7oX5{8mrL)@u0_
z1VRr`#n9^$47u4iZ1g;)fF4loPxGD#Xt*Ei=Zl-ue+J8jRpF5j=~ub4Y-f-5yFO41
z0?eh8@;v7f1T3zQ06H9!?fi+vALNfesr1Vx*lNz4&W=Fpn#-~KL9HyD3@uX%#d#vM
zdXr@YXY@>Mo$@u16UUII#Oy<HKrc~H{GaUX95i{A4%me4d<&{vbZXs0Mge`*F&i;u
z5jnVuU^{oLf-@#X8`?Ti#e+#;%K~1_L>(TH-55!MU-#~D0l?LiT|sycjD1dx6XM2X
z712me1N^Yi$1jqlni#c4sJs@O2H-1TTB|h<Ng8iK^7<9V&XAYNbK8mGUzZfuwl=;l
zW4ME0Ftj=sV=-R!%A%33(8yqOv`52ZqT(-2fC%Mu{m{PNSaB)vJ*oH8h*$zPO)sr>
z*_>X0cNRjrO%x^FuZAnI5Li;KThr9zkQ0^!(Fql0u5w-h!nE{cJh`~O+bk#8llMvQ
z14GXfa!VR)lH*wC?zV-#iGENP1jIK-^{cCZDGxNqk7d4+b%(N!vE;Gr@>)$pwDGee
zeC|eg#&hnFbK~iW+LU|1dQ(_Z!&n_Q*2f42*x?99taGPx1A@xsQ&l6l2$ymd@=7H9
zL_yv6UZ7m<i>V)eM;U}Yn2lv!Qb$cOof}BCIn-gT0)y-Y_{9L~+jrJ*aVje5X4rOJ
zeCRSn78nBT76%@Js@V;nhYQ9>b0~}@Wgk;1u$uo;@Y;dY1q>qa`Bl*_JsoVXfaZM;
ztcXLu1Tnl?F_>1>FEudEWVGlgQnto?jYx2^RL2%W%IW^PYg}B+_XelzM^Y{$1qGm&
zgoA2`*w}Oj!}`jlxx9p17>WZ(Ydr0@72^UPGz<~&u)cT(hm9_I8NX;&jOZ`OM}^!g
z5sn~-GS$jL{Ro7r=!M)bL;J}KxZ{J;q98@p{8JyiG*qageG-1LQEPOuFI)C)Q}^e|
zg7d_rRCD;O22u%idG3xouEhFAp%JCcGUZAa;rzM8Wo48Z)rSfrL*gCy*T|T{sF!fJ
z?RZlFo2>Z><goP-cI>Jmq`J}~=zbZ&SzZkps>!eh%3E{BuH-$yG>Tc_XR|u{YKHRV
zV+ews%^4#`aKOx@31Z*Ug_#D(Bn038O7A#!l}BD5VhF-*^-CP$BwH{Zl~0~~8lz|8
zD-AReb@IJtuzNw!Qt`)6H^R7zyig{SF{aAmlkr)?dE1g=DhFG{>dw!_N71-WVVEhN
z8d}lV=Z;Q2_$n<b!>hsikcJka&mnkw$q{Nd?bZ4f>AL}ud;qJBT<;`)5??UDVHCKn
z^@jq(M2;U?T$cE8!Q@E{?qbP`=not^t1GvTJck^X_HD{JW;5)9^fR0nwC(w*fJuex
z4-2fZ6^6nA<CJ+KAmq8svDMLH-6Pz@{s40}yB}AL0>dO4W*t6rin?Ch_V03<Ilc(H
zSfm3%c&cy*kfHsqik~Dv1NRX7HO0gmjrL+x(lXh5?IqbiE;PTgiKwz_kt+}Jfsrpe
zb!rMw_fcl+MdRoIU!=T?b-1HJY!8?q1{lcXzhWI12>@H-ruR(fssLhutN<CrBH!H(
zP!{`3oDjmBpEV?8%BU%Mbr+}C@g?DYG4#YtiojlJ^{cEOyPbBVJHBd6cSd~PHUCmh
za)uux_&gCCg8V7E?d&;h1IR|ksoo7V&@Md_VS8GVCIempN3w$ou^mj*`&~)}5?Gj&
z;3HcJ#FyHe3qgKRD1cQyF9Y_tC`>kTJ4P4sJ|j7k_}eslwhOUF|J%+zU^=qI*)M01
z6^4)XwNUyIP^w%!H7pK(JmwQ@+eyC0G;=`6J@CnY!NG%`vm3Y_*ULjlC?3%-CX=m4
zvbN&Q=+0<r(#06Ff^Dd<Hu-@Jf`A=o@fyX<tMp#dPb-VoDzXo>bV3F7v7YC-f4NPT
zRrn>~Q93;mD$P3<Oqg_l)yT1aT}wUud2rd!0YerIvZAWF7YysSg{5)9_UMQKMV-@D
zq9$fmd$>*qQ;T6Tn*#um1^|w6A)w(Qk0u1YT4<S8WacMh+N7Wapaz#gpE!CF1ApZr
zVOIAK!k6n3>Cn%DlE&(KGABf-8iX<_u`U`+>Kd3Nk-nbJ9Y|a(Z74Jz&33+-RkYg8
z`M~kq0(0FKW2T<D;gGnx=x^#K3i^Kh%XW9vfjJ>18mdD910PiuG_^nGlvj=jCxGH1
z?MW}-sRDMH@=C}eBn~p16XKzKS&Nv;?SKQZ12`A}&zU0s1<nAvGKbS4T~uFd0cIi-
zq%)H@xU?CQQUrsCf&`%3%DS&sjO8}@Hli0N`0~c^$7n<VR|aBxcs^i7#fK&Kd=9SC
zBNt*sjeg12%LI7}ZTWaZk1iZC58+>o4!M}`6_Hk<$8yURy&UE0iqA|&iAGZls^L6&
zD^l`rIZ!DXYGb<Ts07mXx|kKP&gi8`w(OHMM`-|c)~n|_6c2L}aZ}K2gB$S#2^im;
zj4r@L_Mh=G_-lvgdz%f1FG%Nkj448u8>M+-F#67E`#K`;>3Kw@>?LTRZ_2b&Lyz8e
z?&6Rsi-UQUsC~LfNRD1Ekx#f-_p^SjW&1%fr^u`s@rx?Xyhi`gkS1^u$J-fz;tREa
z{DiTGt4=_6bW?EvO9lY8LGX*`<De+bfJAmUDaM?vlF$hFiYZKB!x%0zVI;?Uc<H~U
zLcO%6e1LiIox;Fj`{QN|7yMUBkuTaywUf@1^=bmimXJcBffO`8^Z&(Qu3bOYKF;ZD
z@k9zIA>2o{A3Z%4qHMgBgP%HRvMJWds2&y;p?>qTick-Zc7}@hoC|<-iyl(-^mTe@
zD1Gf0S*CKCq<LgurqoLX7!A$=ffAWQ54;Y=AYn7CcFI)mWMp1%y=!+=z*$NS83E)5
zM&>ns2L9n(270ntbGrdS_*K1q>s!x|XyX-1HeP8*Z8&mhMc5L!i=EF4W)5c>nK>XQ
zzB9#lR=-P2VxI86$M4x1_Mw5mLj@tzx=sqX(9KaiZa9H0Vw+QYmU9%xEYw<?d`T|F
zw9|e3elXPaUEUk&mUWIkn{~E?^pJQid=B8IN4Ru<vfLg-KPpdSNSc+Nlt-m9myR{%
z<fxQsX0-HKN^_5!XTs_8UX+*O=p#)4J}?8B?Z)*EUu^BWjism#US%XfHmI2{znohf
zLO1#zCgMGZlSIztL8!lG$NLh`0qg`-9cpT6dL~=stdlaNfVBytJ^$S%PI&_9LUDu|
z-<Jd`5u<HsR-Gdo-toQ2aB~Fkoec!w!DeSz3%$HYmW19Y4EBxM70qR{)zU@La~*67
z@()VOQu0jv1&AMKj8+&CPn15YxVO<;q=f?oLq))55veL!s*gVVkQW*Hvgk%E5#vQD
z?@+b|-w%a?R^AiSSiwCAgFuH~8$EYXvK#H~3_@(wcYo*@eS>U8d(*D^YO=#GgX$7?
z3UUA&;>N=6a1Y0EnGaqvUZl>DG!!NkA%$3)(b{<Zz0x=qYjL0~EDhf-fB%Q*ATef<
zENoL6VB}GdS)Zy*=~=ku_{OHGf@y08TZ#(xUAG7c*<tp6H|73)t{k=<Z}}qD?%Fs>
z;urk}Q!BKNCI_NF%3v+!5QDuJXPc4SM#w*~p5>J>ybpP?DH3-z#U?J%N7AZf6Sfb5
z;@VIaM6qfR!B4|Fq25_qYyofx={R@!if}Gz;%oI;Nq3J*RX#S|G(oM2g|#(^7#RNG
zs&Qb(P!A?dS~~8$hpbyI@Z<bd=Vw+F$>|CwjWQY<CQuR3!FnhCm0AYR4GUGI3oB1I
znv<lfG7tWmy&ms{_}==|8r^~?2NAdN_WgK|Ze&RTA|v?ue%J&^rc9<(Qfo|aj6$RO
z+`bePmJ)eAE>4I8xyq`Vfvx5;5Ds0)vVWA~Nr7i%J^rqXoMPLV3L7cZdP+g?*(g*e
zaLzx0D}o(AVm(ebEBl=M85oxxGENe;IGnCE<S><KDKt3Ee2_pJ{;uhlsd{_HX?DV0
zYI{cV)OqUJEd7c0)D1ko-r}fvuybeoWf57NFbRv_emrj(Wj@3J%h}T&!=IRNC|O@3
zY`M;;-s?vd=zR)}qCK}yPjGcuEWo{_XQ%niClS!}lv&&JGf+~bh&_orNV0VNGNwQ1
zzRoJ41s9&9>~0}I89UXm;v8*SaGyZgwBf@%F)Gy{3GOir>zlm_@7in(Cl9cwh}Dgv
zi!HO02dgLw*V&YpFnzNAO2dcu?$>GA=y+I^BFt##kXgX2Y&t}W8`8~gbjWS1NPe!8
zsu^*r9DEiNoJ4rG3FfS4<w5=hEGuYP7d05&t>T-f+9f>24QPIAu6ko=UDaTEw}x+?
z^7q2sQoi};<+Ipmcl^}xHsAV9gUM|s)n44G8W!PiT~{xdYH`hm&8oxl)!xb)|0hf9
zA4CJ+G}Uh0znO0-s`+#({zayZ#isr5d?jxUu}Y!Q&=u9q&#XFEtWln7_;khGxqd(6
zjw!wGV)#pc>leoP$p*;wJ4ItAxM-5iCWTa2I|8iRigJ+`k3blnJm#o#yi&6H8DgfJ
zxL@qKX)fk8dwW(p&>&a>pSU;!jK7L|*s@5aIAO7ZB<dTqqT%=?dS#`noEA2AcOj<#
z*$q&Grj@Lp6E7|DKA<@CJTb;YpSG?zf~>F4Ul-!T-@}el2Mw)FQRb0roeSX=A(1n9
zKvmq?tNZAZI}dV|K+;dSeRqcsr9y3L5jJ#tN+dfDd_f@1@*WHiCGmrPA3N@+&c5F_
zgt<(czK&-ON<dm1L?-Y6v}{=yk+MM|=suq5+9u`F3&;Cj&CB=d_rqhVs{$-xvM&He
zoKfsSTvb8JhnA3H{IIkD=E=VR?S)MmJ_f<xTb4l)(84u|XFL?=(F8{?HamQ_i?QlH
zhLNt+yN9=%S#3=gg~K9N+6IC=3ZWr9-JmP#m^aG~JzSLh2lWT&NLQCNsE;BtG=5z|
zC=?KJrHZ`JSZQ^X^?_gKq1$@q#8=H|T+Pmnd)-XquRuv6daB>CznCp#{NSL<qQu*q
zth|JbSEh-@8}{@T0?`E_kOgN4;qk|zY>HeKks!J~YQxUJYazaI(KL?vQs*ZWH~1#P
zHY<`ug4twv5!gS3&{{*TVP?6LzG9u@jUOkbm#1_n!uweyQbM1z1J-)_LShX2oV!rd
zDr6sKn5M0Imc%@`EvQvk;OKKP%4SLh0nN}p7do==zkq&mVi9Rd__YEYpxqhL;+99f
zJ8A_9VyY-y$(3Dib|yB(G~pj%Ebv~J4I50d<d@0y|G1gP1BBTj2VIzp6Q<qp<4v~v
z8a2*H3}_4#(hX1S{&d{RVtGU4t0IFkHwan5j`A?V%;|vSQ#~?t#C#ec!0+%?&zxVD
z1<_e6I-GVt?i-h<GeHpNP5RuSa2J>vTxlMecKuBFXPo=Eq^WO2>!t`T`+7Dd`dkR8
zSzZO@^$1xhjDt_pL>P1UD2bu?-8-d;?L(sns1$*N(#nLx0FBFM9=a&be9b{?medla
z;~%LVSz!z4cvhViS_Lw^3rDc4bGj;eid(rSdvTaTT1xe(MYW?8=*AJL0W}SVl&_sY
z!1gC(Yh-cTGu)H}A2O7<bOjDNl_Blxcz_MX(N@l`LniPPi@<ELmR`8MQl79b2@YNp
z*|%BJi>F~!UPMPNMJlvphs0!~eh}ijeN;We(j{7rB%)<AtbYRRz6tix{^6#Z`v&N%
z;a(x8DKc@UjmA;0JjW$AG>jeaIbuOy?+gFTvL#P$)?1w?W(}X0I@Dd^abY5)BP;kO
zk#0n@|1jFGVgqdI_cU8IKjlWNUj%|38D+=Z07Hw4VXA7i0rWyZvc72mfW%~}7|;2s
zizGbW^hA;<s3ZXgqT)Oy`~vv#o?$2(S_M~ulSJ9vkR4SlK2CIWqWZ=v<*?4Y_)|YK
znwBh1(Kgl~6dG1#1h;in66Oju)Q<wO;+N6vZAW`_DzAloIk)#<1~L+W$8I2l<Pwy&
z+_aQRdAN^32;oRFpaabh=V-4^yH)dPbG`i|ZOV)zDh!uaiPkR~WeDY5HU?S<!FC8D
z!7RW-5?n|&EhNuUO8Dw691bLUZC+Q$$8mn{EKJo+UcEz0ny;WDpd}#>)+GU5Is!u%
z*;w+6Lc^e)tjf!NJR-EoK&^i4!yU(ArcCKfPEmyBRYH7#tV`f{UJJm%>@`^#<Y~`w
zzg+QfPl6y*9&{3&Qyy{SQR>)PdOAq18XgID{emLWznJDCUy-2*qXbf>Zfz#+Rigkl
zVXLvi=kkJhP;Fa+_N_YJAygd9!_5i;0iof-lwe$$Vr-*oyqdQS{qdD`KJKWpxr`ug
z5(q%0K9tFUMBU@uYrbLxTZl#!kB2G8lzrqa#I1pa=~?y`VF<~g5O@NLvserUbnc+#
z`W|OZS4x2)rb-pwWOabrQK%Rfk#|sxPU0Y7?70M5`C~R&p)buyG;=AlwMCIUcQ|-S
zM4`ey<b>!9FLBxkx>X20F-AMhP-!TL9H(wGoX4Jk`zHb-eKSTtKBgtlrhlR7VMLGl
zOe5UE^Y4JmIwYHxmSRMxZJ34)nY-HBY8(g@g%Pi|wjt+Qg>fG{xG2>koDh`4!)8#-
zr<oUb@}2SMm@jGj&C3{y;YC5%XoCxC!yAdJw>>Ck8fXW5hmBSb^%1HXHm5ydD?{g|
z8X57bX;xDLBY41I$Bs0gE0bi(ZFU;{Lh{+lIz0s|<4Pl**(3dY&7zHQofL#ZCwY!n
z--1yFl$Lc>v?yv6tp!ULR_3XTy#{MPy~oC#-mc=B?icpd-R2eQMX;t#LS={YoiVY*
z=Q7-1KPROnwW+roHhf6h+uPf%-Ps%3X`rd-?(VL^eloh-P2vE;k1o?LDK14Xy)H!q
zi~?LPn=j*zF8Ky`8b}mJ-;RN8EuxyBBKFPolZa5aBDr7^6+p9{aH=qxaH_G0kH`T~
z#{sA#iMT>iZ{zOupV$S2w#WiK;zPH~i#2(`1|FEU&Cpo)M<Z9L-xrWZvr_lvPA3ve
zVcUUdQl=cQjrm&NIdCAy>~oQoVrTLjn(Nf!u#5Lzue{FFWCPL!4mQZJQwE#iN<2l|
zmIf~iZBtZ^+wRS-rgB|73tk0x&`#Pk%qZu4ESlV#a^1ey(P83r@-FuafLZ5D|Atd~
zw(?&99dX#EyEDF$x2lRS2Ou0N{H=`=-#rrer3@*@ZGJACLRJP$DHG1u)6<6;52a;_
zS7R4AbMuXQZ!ft8jC22l8@iV+Avowv*h&a?30(o}-RO4f7#=PN>!IME0K_o@Q3zv=
z$)V(|Y$Bq{DrmcDxUHvGQ!~;qEc_7GH^c6cR?>fT{LiX74v;_z(ECc`lRuB+MmeUm
zhI#d8V_+Tg9)3sP<g21BGnoY+ss$g$Jz2s%S<)x@_#KlG%eKEMlBzNqGa8>|rDalN
zT5Fs8^Vr?;M|_qk&6bJCl_{CjT8v7h7k7TA9y3iZQF<HeasCsfYn9Eo<5C)`G4hCG
z(XY=K5~0!Is61+ZS<2{@Cl%}G(&^zti_t4S>`l*d6-f~*O;1_NW|D?%Zgf9B79$=0
z5@BgtC;O#No~J~gh{m2?FUN)2r8pPs^N^UqYvrgf?>r!0Mz8(hZEo))N%{e&x)71`
z?yThIqw^!LF1PO|n}SbC61APN#b}>hdj*`q5I?+sdlk-wY;M0&^X`JW*6s4WSPP$2
zl~{AgukVbU)zCj2M=XWNa^JEPI0gR&jGC7=CAuTN^*z78+-3f5(Y(gN?6-Sw;$Y|c
z^2yjXcaD_#pXtFoYF>x2x8pzPzkKx!y5^>NH#OV2)mN1{gRL&_GppgC3~ah&_U)Dg
zjpeVLnv7H~+_>knY6V?ADe0aC;?``=6pu<KOJk+^O&)o7fv=T3UNw6E<{=C|!P>x#
zky>x`_f)T6NZ-%7xG@poBDi{A<Z2T11(lcA!^M&_yl`pg_PF}pQn;ReNP1+x?Ql7z
zR-gY<B{AoZ(o1KCkN@C~ceFHd5p3<3ELfSw%P}|QeWaHP%Al9(igLAZUXqykteGBu
z{KNZf>M!6^C0@q-F^lVs%G0#<1OGNlymTvpEe#5fg5b~KVLcbsWHr@Y2Dw2Oar4@n
z5`E=w_J0AaNtcc%w7VJiyW17i{=hB>ByjU;ewa(z-hZZm>#fm7|4cSk!ns5r_Th^T
zdERIs_m=$ykp#T2wPpHNtFp!UzT6KsK+Y0oS_$(k9EY!ubs0pBQF&a2uhZRCB?{UI
zUPS2UHa=d}?VQ+ltB930P<q5!>oxIX=*6kzQ?WZw+GlTx+g6^sK9dM0MXbtScTxOT
z%p*sR_<VqPVR7=$X^Fl5b6O3?yIN!Zb-qb`<T{o5$d^Lk<(gXSlIH7Xwbllef1u7-
z>W`jmSOJ!|4F4wlpTt;_g|`I%8`(dyv|5)$>L*7kyV1WTnKuWP76V_9dD|VhDZG#V
z^O45e{=m)ZeSEuoC%G?Imc8J{aet27^LK<BD>3jqa?z(~<$C(hQLl^ZtM03d|IZ`A
zc^G>nK2o(rFU(1_k~oJGsDwk{|2nW))2|a-9+i-^D3_wJKTa&-UsU<Y*tSISwk^TI
z!~WSk2=`z1IJchCQiY9-)B2~O6mStF+P05P*{-;Gm6cpHT*c5c?9l$7Mg(-*h)ltZ
zjg8UDRT6kbbMz5t7m|O2;V%CP5bOrgh!ksBjegUKp(R_%Yi%*dvr<VLm)lF=v#QCo
zSeh>!6hg1H`QBzcurkc|-ABdlr}=0lq?hPA<Wt;7*iSelm?xyhDwS=0*m1=k?_Krq
zzbelv|4z3O&E3iP;GG+N;EjGe`7pQV$7bu7o10tC64cq4diEc+mxnh!Nrp~=UY4xK
zPlw#`eewSV`x15C_{oWVN&A$Xx+1@@OZLU!Hbdmt7k7<bz9l4)p~c_WykIHw1Nq80
zwl=a|Bsu$IF81XN3?DJ9bzR)8ekt?T@Z>E`WqLlWn7P4+AxWXh8`~XGy)z-)&Nn7c
zAGC428hqHcz0{M4e{9+Exa^feyFdZEL3et{$;>CL=y&85^tIy|d#oC_Ma!!v?3UI=
zy-fboUu$T(cv$I*z9p(2&_pk2+*NZ?t&6Hrs;9cuB2OMapC*l=+U<k8&R*1uvxc>{
zIDswoT^+0<m#ZuC+g&XOrP$JhUeeo8KuV$-)xaB;;v3?AJ~DnO8fJ#rdS!iV!(El*
z@Jj|_%eEM4!|l2MLH(N9X927A>3*-jz#l~mUt_ESS%326@qV>#HFe}poNaW!ePg3^
zet28AI*;RcY<UYx<m3EUJ<P72l2$2U9l`L*l~MX?I+b=PYxsmG?GVrXlTejlnxU&Y
zNO`Z}6XhaTCT6${|1S#Mf93o)%>R{#HTQoAB>YcNYTj1}_nWKC*G$PavD>+ek_y2J
zFiV2P)AJL(3Ru(L(e?{nF8k_#$GPWEc?)72BCv?u#apm0SdPj7g{?}H$=P=9$eJW?
zVR`^((_&4qYKbeO9JSwzX^AAJxa@yj-bAA=&lYQAd<<?Hf0zu)a(yHnx~H1VD$NC6
zDHuGn*0=XSIkQq4LNJDmS_D752YQ^@Pp>-#eP)*>sD8)AQydwVSo4bO45`QZ|8w|N
z9SKp<3w)>NSSwY_O{8!U*Q)xEn{e^3XqvMWg+=}^Ccmob$5hlDYXv(QTY55MLlkjx
z;7S>pvB_NQM(Ki$t$%h+=XzHZ>{K;j<#K$--eB&60S>4Y9ans@LYqpUJLYVeU~Sug
kMkV%#sNu6HZIN^@!-7(Ue`_->L`D8P&buP1@b9Pp2X!WmI{*Lx

literal 0
HcmV?d00001


From f8ffcf7a0803d2f907621c8122b1cfd9f193ca24 Mon Sep 17 00:00:00 2001
From: Buffett <1buffetts@gmail.com>
Date: Fri, 14 Feb 2025 01:14:00 +0800
Subject: [PATCH 5/7] deleted:    ParticipantView.svelte

---
 src/lib/components/session/ParticipantView.svelte | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 delete mode 100644 src/lib/components/session/ParticipantView.svelte

diff --git a/src/lib/components/session/ParticipantView.svelte b/src/lib/components/session/ParticipantView.svelte
deleted file mode 100644
index e69de29..0000000

From 3fb58b5eba3d3d4a6b94327ff3badfdded53f024 Mon Sep 17 00:00:00 2001
From: Buffett <1buffetts@gmail.com>
Date: Fri, 14 Feb 2025 01:16:01 +0800
Subject: [PATCH 6/7] fix: add ParticipantView component back

---
 .../components/session/ParticipantView.svelte | 815 ++++++++++++++++++
 1 file changed, 815 insertions(+)
 create mode 100644 src/lib/components/session/ParticipantView.svelte

diff --git a/src/lib/components/session/ParticipantView.svelte b/src/lib/components/session/ParticipantView.svelte
new file mode 100644
index 0000000..3cb25f1
--- /dev/null
+++ b/src/lib/components/session/ParticipantView.svelte
@@ -0,0 +1,815 @@
+<script lang="ts">
+	import { user as authUser } from '$lib/stores/auth';
+	import type { Session } from '$lib/schema/session';
+	import type { Group } from '$lib/schema/group';
+	import type { Conversation } from '$lib/schema/conversation';
+	import type { Profile } from '$lib/schema/profile';
+	import type { Readable } from 'svelte/store';
+	import { Button, Input, Label } from 'flowbite-svelte';
+	import { notifications } from '$lib/stores/notifications';
+	import { page } from '$app/stores';
+	import { UserPlus, User, Users, CircleCheck, LogOut } from 'lucide-svelte';
+	import { db } from '$lib/firebase';
+	import { collection, query, where, onSnapshot } from 'firebase/firestore';
+	import { onDestroy, onMount } from 'svelte';
+	import { getUser } from '$lib/utils/getUser';
+	import Chatroom from '$lib/components/Chatroom.svelte';
+	import { MicVAD } from '@ricky0123/vad-web';
+	import Summary from '$lib/components/session/Summary.svelte';
+	import GroupSummary from '$lib/components/session/GroupSummary.svelte';
+	import { initFFmpeg, float32ArrayToWav, wav2mp3 } from '$lib/utils/wav2mp3';
+	import EndedView from '$lib/components/session/EndedView.svelte';
+	import { language } from '$lib/stores/language'; // Import the global language store
+
+	interface ChatroomConversation {
+		name: string;
+		content: string;
+		self?: boolean;
+		audio?: string;
+		avatar?: string;
+	}
+
+	let { session, user } = $props<{
+		session: Readable<Session>;
+		// eslint-disable-next-line no-undef
+		user: App.Locals['user'];
+	}>();
+
+	let groupDoc = $state<{ data: Group; id: string } | null>(null);
+	let groupStatus = $derived.by(() => groupDoc?.data.status || 'discussion');
+	let conversationDoc = $state<{ data: Conversation; id: string } | null>(null);
+	let conversationDocUnsubscribe: (() => void) | null = null;
+	onDestroy(() => conversationDocUnsubscribe?.());
+
+	let loadingGroupSummary = $state(false);
+
+	let pInitFFmpeg: Promise<void> | null = null;
+	let selfUser: Promise<Profile> | null = null;
+
+	let isCreatingGroup = $state(false);
+
+	onMount(() => {
+		const groupsRef = collection(db, 'sessions', $page.params.id, 'groups');
+		const groupDocQuery = query(groupsRef, where('participants', 'array-contains', user.uid));
+		selfUser = getUser(user.uid);
+		const unsbscribe = onSnapshot(groupDocQuery, (snapshot) => {
+			if (snapshot.empty) {
+				groupDoc = null;
+				return;
+			}
+			groupDoc = {
+				data: snapshot.docs[0].data() as Group,
+				id: snapshot.docs[0].id
+			};
+
+			updateConversationDoc();
+		});
+
+		pInitFFmpeg = initFFmpeg();
+
+		return unsbscribe;
+	});
+
+	$effect(() => {
+		if ($session?.status === 'before-group' && conversationDoc && !conversationDoc.data.summary) {
+			fetchSummary();
+		}
+		if ($session?.status === 'ended' && groupDoc && !groupDoc.data.summary) {
+			fetchGroupSummary();
+		}
+	});
+
+	function updateConversationDoc() {
+		if (!groupDoc) {
+			conversationDoc = null;
+			conversationDocUnsubscribe?.();
+			conversationDocUnsubscribe = null;
+			return;
+		}
+		if (conversationDocUnsubscribe) {
+			return;
+		}
+
+		console.log('Updating conversation doc...');
+		const conversationsRef = collection(
+			db,
+			`sessions/${$page.params.id}/groups/${groupDoc.id}/conversations`
+		);
+		const conversationDocQuery = query(conversationsRef, where('userId', '==', user.uid));
+
+		conversationDocUnsubscribe = onSnapshot(conversationDocQuery, (snapshot) => {
+			if (snapshot.empty) {
+				return;
+			}
+			conversationDoc = {
+				data: snapshot.docs[0].data() as Conversation,
+				id: snapshot.docs[0].id
+			};
+		});
+	}
+
+	let groupNumber = $state('');
+	let creating = $state(false);
+	let conversations = $derived.by<ChatroomConversation[]>(() => {
+		if (!conversationDoc) {
+			return [];
+		}
+		return conversationDoc.data.history.map((message) => ({
+			name: message.role === 'user' ? 'You' : '小菊(Hinagiku)',
+			self: message.role === 'user',
+			content: message.content,
+			audio: message.audio || undefined
+		}));
+	});
+
+	async function handleCreateGroup() {
+		if (isCreatingGroup) return;
+		isCreatingGroup = true;
+
+		try {
+			const response = await fetch(`/api/session/${$page.params.id}/group`, {
+				method: 'POST'
+			});
+
+			if (!response.ok) {
+				await response.json(); // ignore result
+				notifications.error(translations[$language].failedCreateGroup);
+				return;
+			}
+
+			notifications.success(translations[$language].successCreateGroup);
+			creating = false;
+		} catch (error) {
+			console.error('Error creating group:', error);
+			notifications.error(translations[$language].failedCreateGroup);
+		} finally {
+			isCreatingGroup = false;
+		}
+	}
+
+	async function handleJoinGroup() {
+		if (!groupNumber || !/^(?:[1-9]|[1-4][0-9]|50)$/.test(groupNumber)) {
+			notifications.error(
+				translations[$language].invalidGroupNumber || 'Please enter a valid group number (1-50)'
+			);
+			return;
+		}
+
+		try {
+			const response = await fetch(`/api/session/${$page.params.id}/group/${groupNumber}/join`, {
+				method: 'POST'
+			});
+
+			if (!response.ok) {
+				await response.json(); // ignore result
+				notifications.error(translations[$language].failedJoinGroup);
+				return;
+			}
+
+			notifications.success(translations[$language].successJoinGroup);
+			creating = false;
+		} catch (error) {
+			console.error('Error joining group:', error);
+			notifications.error(translations[$language].failedJoinGroup);
+		}
+	}
+
+	async function sendAudioToSTT(file: File) {
+		const formData = new FormData();
+		formData.append('file', file);
+		console.log('Sending audio to STT...', formData);
+
+		try {
+			const response = await fetch('/api/stt', {
+				method: 'POST',
+				body: formData
+			});
+			console.log('STT response:', response);
+			if (!response.ok) {
+				throw new Error('Failed to transcribe audio');
+			}
+			const data = await response.json();
+			if (data.status === 'success') {
+				return { transcription: data.transcription, url: data.url };
+			}
+			throw new Error(data.message || 'Failed to transcribe audio');
+		} catch (error) {
+			notifications.error('Failed to transcribe audio');
+			console.error(error);
+			return null;
+		}
+	}
+
+	async function createAudioHandler({
+		onMessage
+	}: {
+		onMessage: (content: string, audio: string) => Promise<void>;
+	}) {
+		const vad = await MicVAD.new({
+			model: 'v5',
+			minSpeechFrames: 16, // 0.5s
+			redemptionFrames: 32, // 1s
+			onSpeechEnd: async (audio: Float32Array) => {
+				await pInitFFmpeg;
+				console.log('Audio recorded:', audio);
+				// remove last 8000 samples (0.5s)
+				const wav = float32ArrayToWav(audio.slice(0, -8000));
+				console.log('Audio converted to wav:', wav);
+				const mp3 = await wav2mp3(wav);
+				console.log('Audio converted to mp3:', mp3);
+				const result = await sendAudioToSTT(mp3);
+
+				if (result) {
+					try {
+						await onMessage(result.transcription, result.url);
+					} catch (error) {
+						console.error('Error sending message:', error);
+						notifications.error('Failed to send message');
+					}
+				}
+			},
+			submitUserSpeechOnPause: true
+		});
+		vad.start();
+
+		return async () => {
+			vad.pause();
+			vad.destroy();
+		};
+	}
+
+	async function handleRecord() {
+		if (!conversationDoc || !groupDoc) {
+			notifications.error('No group or conversation found');
+			return async () => {};
+		}
+
+		return createAudioHandler({
+			onMessage: async (content, audio) => {
+				if (!conversationDoc || !groupDoc) {
+					notifications.error('No group or conversation found');
+					return;
+				}
+				const response = await fetch(
+					`/api/session/${$page.params.id}/group/${groupDoc.id}/conversations/${conversationDoc.id}/chat`,
+					{
+						method: 'POST',
+						headers: {
+							'Content-Type': 'application/json'
+						},
+						body: JSON.stringify({ content, audio })
+					}
+				);
+
+				if (!response.ok) {
+					throw new Error('Failed to send message');
+				}
+			}
+		});
+	}
+
+	async function handleGroupRecord() {
+		if (!groupDoc) {
+			notifications.error('找不到群組');
+			return async () => {};
+		}
+
+		return createAudioHandler({
+			onMessage: async (content, audio) => {
+				if (!groupDoc) {
+					notifications.error('找不到群組');
+					return;
+				}
+				const response = await fetch(
+					`/api/session/${$page.params.id}/group/${groupDoc.id}/discussions/add`,
+					{
+						method: 'POST',
+						headers: {
+							'Content-Type': 'application/json'
+						},
+						body: JSON.stringify({
+							content,
+							speaker: $authUser?.displayName || 'Unknown User',
+							audio
+						})
+					}
+				);
+
+				if (!response.ok) {
+					throw new Error('Failed to send message');
+				}
+			}
+		});
+	}
+
+	async function handleSend(text: string) {
+		if (!conversationDoc || !groupDoc) {
+			notifications.error('No group or conversation found');
+			return;
+		}
+
+		try {
+			const response = await fetch(
+				`/api/session/${$page.params.id}/group/${groupDoc.id}/conversations/${conversationDoc.id}/chat`,
+				{
+					method: 'POST',
+					headers: {
+						'Content-Type': 'application/json'
+					},
+					body: JSON.stringify({
+						content: text,
+						audio: null
+					})
+				}
+			);
+
+			if (!response.ok) {
+				throw new Error('Failed to send message');
+			}
+			notifications.success('Message sent!');
+		} catch (error) {
+			console.error('Error sending message:', error);
+			notifications.error('Failed to send message');
+		}
+	}
+
+	let loadingSummary = $state(false);
+
+	async function fetchSummary() {
+		if (!groupDoc || !conversationDoc) {
+			notifications.error('無法獲取總結：找不到群組或對話');
+			return;
+		}
+
+		loadingSummary = true;
+		try {
+			const response = await fetch(
+				`/api/session/${$page.params.id}/group/${groupDoc.id}/conversations/${conversationDoc.id}/summary`
+			);
+
+			if (!response.ok) {
+				const data = await response.json();
+				throw new Error(data.error || '無法獲取總結');
+			}
+
+			notifications.success('成功獲取總結');
+		} catch (error) {
+			console.error('獲取總結時出錯:', error);
+			notifications.error('無法獲取總結');
+		} finally {
+			loadingSummary = false;
+		}
+	}
+
+	let groupDiscussions = $derived.by<ChatroomConversation[]>(() => {
+		if (!groupDoc?.data.discussions) {
+			return [];
+		}
+		return groupDoc.data.discussions.map((message) => ({
+			name: message.speaker,
+			self: message.id === user.uid,
+			content: message.content,
+			audio: message.audio || undefined
+		}));
+	});
+
+	async function handleGroupSend(text: string) {
+		if (!groupDoc) {
+			notifications.error('找不到群組');
+			return;
+		}
+
+		try {
+			const response = await fetch(
+				`/api/session/${$page.params.id}/group/${groupDoc.id}/discussions/add`,
+				{
+					method: 'POST',
+					headers: {
+						'Content-Type': 'application/json'
+					},
+					body: JSON.stringify({
+						content: text,
+						speaker: (await selfUser)?.displayName || 'Unknown User',
+						audio: null
+					})
+				}
+			);
+
+			if (!response.ok) {
+				throw new Error('Failed to send message');
+			}
+			notifications.success('訊息已送出');
+		} catch (error) {
+			console.error('Error sending group message:', error);
+			notifications.error('無法發送訊息');
+		}
+	}
+
+	async function fetchGroupSummary() {
+		if (!groupDoc) {
+			notifications.error('找不到群組');
+			return;
+		}
+
+		loadingGroupSummary = true;
+		try {
+			const response = await fetch(
+				`/api/session/${$page.params.id}/group/${groupDoc.id}/discussions/summary`
+			);
+
+			if (!response.ok) {
+				const data = await response.json();
+				throw new Error(data.error || '無法獲取群組討論總結');
+			}
+
+			notifications.success('成功獲取群組討論總結');
+		} catch (error) {
+			console.error('獲取群組討論總結時出錯:', error);
+			notifications.error('無法獲取群組討論總結');
+		} finally {
+			loadingGroupSummary = false;
+		}
+	}
+
+	async function handleUpdateGroupSummary(summary: string, keywords: Record<string, number>) {
+		if (!groupDoc) {
+			notifications.error('找不到群組');
+			return;
+		}
+
+		try {
+			const response = await fetch(
+				`/api/session/${$page.params.id}/group/${groupDoc.id}/discussions/summary`,
+				{
+					method: 'PUT',
+					headers: {
+						'Content-Type': 'application/json'
+					},
+					body: JSON.stringify({
+						updated_summary: summary,
+						keywords: keywords
+					})
+				}
+			);
+
+			if (!response.ok) {
+				throw new Error('更新失敗');
+			}
+			notifications.success('成功更新群組討論總結');
+		} catch (error) {
+			console.error('更新群組討論總結時出錯:', error);
+			notifications.error('無法更新群組討論總結');
+		}
+	}
+
+	async function handleEndGroup() {
+		if (!groupDoc) {
+			notifications.error('找不到群組');
+			return;
+		}
+
+		try {
+			await fetchGroupSummary();
+			notifications.success('成功結束群組討論');
+		} catch (error) {
+			console.error('結束群組階段時出錯:', error);
+			notifications.error('無法結束群組階段');
+		}
+	}
+
+	async function handleEndSummarize() {
+		if (!groupDoc) {
+			notifications.error('找不到群組');
+			return;
+		}
+
+		try {
+			const response = await fetch(
+				`/api/session/${$page.params.id}/group/${groupDoc.id}/discussions/end`,
+				{
+					method: 'POST'
+				}
+			);
+
+			if (!response.ok) {
+				const { error: errMsg } = await response.json();
+				throw new Error(errMsg || '無法結束總結階段');
+			}
+
+			notifications.success('成功完成群組總結');
+		} catch (error) {
+			console.error('結束總結階段時出錯:', error);
+			notifications.error('無法結束總結階段');
+		}
+	}
+
+	async function handleLeaveGroup(groupId: string, participant: string) {
+		try {
+			const response = await fetch(
+				`/api/session/${$page.params.id}/group/${groupId}/leave/${participant}`,
+				{
+					method: 'DELETE'
+				}
+			);
+
+			if (!response.ok) {
+				await response.json();
+				throw new Error(translations[$language].failedLeaveGroup);
+			}
+
+			notifications.success(translations[$language].successLeaveGroup);
+			groupDoc = null;
+			conversationDoc = null;
+		} catch (error) {
+			console.error('Error leaving group:', error);
+			notifications.error(translations[$language].failedLeaveGroup);
+		}
+	}
+
+	const translations = {
+		en: {
+			confirmEndGroup:
+				'Entering the Ended Stage is irreversible. Are you sure you want to proceed?',
+			confirm: 'Confirm',
+			cancel: 'Cancel',
+			confirmEndSummarize: 'Are you sure you want to confirm the group summary?',
+			finishgroup: 'Finish Group Discussion',
+			groupInfo: 'Group Information',
+			groupManagement: 'Group Management',
+			createNewGroup: 'Create New Group',
+			jointGroup: 'Join Group',
+			waitStart: 'Waiting for session to start...',
+			end: 'Please wait for the host to end the session.',
+			status: 'Session Status',
+			individual: 'Work on your individual contributions',
+			beforeGroup: 'Get ready to collaborate with your group.',
+			group: 'Collaborate with your group members.',
+			ended: 'Ended',
+			member: 'Members: ',
+			groupNum: 'Group Number',
+			notInGroup: 'You are not in a group yet.',
+			leaveGroup: 'Leave Group',
+			hostBeginShortly: 'The host will begin the session shortly.',
+			unknownUser: 'Unknown User',
+			loadingProfile: 'Loading...',
+			you: 'You',
+			leader: ' (Leader)',
+			creatingGroup: 'Creating...',
+			joinExistingGroup: 'Join Existing Group',
+			enterGroupNumber: 'Enter group number (1-50)',
+			successCreateGroup: 'Group created successfully',
+			failedCreateGroup: 'Failed to create group',
+			successJoinGroup: 'Joined group successfully',
+			failedJoinGroup: 'Failed to join group',
+			successLeaveGroup: 'Successfully left group',
+			failedLeaveGroup: 'Failed to leave group',
+			invalidGroupNumber: 'Please enter a valid group number (1-50)'
+		},
+		zh: {
+			confirmEndGroup: '進入 Ended Stage 將無法返回，確定要繼續嗎？',
+			confirm: '確定',
+			cancel: '取消',
+			finishgroup: '結束群組討論',
+			confirmEndSummarize: '確定要確認群組總結嗎？',
+			groupInfo: '群組資訊',
+			groupManagement: '群組管理',
+			createNewGroup: '建立新群組',
+			jointGroup: '加入群組',
+			waitStart: '等待會議開始...',
+			end: '請等待主持人結束會議。',
+			status: '會議狀態',
+			individual: '進行個人觀念發想',
+			beforeGroup: '準備好與您的小組合作',
+			group: '與您的小組成員合作討論',
+			ended: '已結束',
+			member: '成員：',
+			groupNum: '小組編號',
+			notInGroup: '您還沒有加入任何群組。',
+			leaveGroup: '退出群組',
+			hostBeginShortly: '主持人即將開始會議。',
+			unknownUser: '未知使用者',
+			loadingProfile: '載入中...',
+			you: '您',
+			leader: '（組長）',
+			creatingGroup: '正在建立...',
+			joinExistingGroup: '加入現有群組',
+			enterGroupNumber: '請輸入群組編號 (1-50)',
+			successCreateGroup: '成功建立群組',
+			failedCreateGroup: '無法建立群組',
+			successJoinGroup: '成功加入群組',
+			failedJoinGroup: '無法加入群組',
+			successLeaveGroup: '成功退出群組',
+			failedLeaveGroup: '無法退出群組',
+			invalidGroupNumber: '請輸入有效的群組編號 (1-50)'
+		}
+	};
+</script>
+
+<main class="mx-auto max-w-7xl px-2 py-8">
+	<div class="flex items-center justify-between">
+		<h1 class="mb-8 text-3xl font-bold">{$session?.title}</h1>
+		{#if $session?.status === 'group' && groupDoc && groupDoc.data.participants[0] === user.uid}
+			{#if groupStatus === 'discussion'}
+				<Button color="green" on:click={handleEndGroup}>
+					<CircleCheck class="mr-2 h-4 w-4" />
+					{translations[$language].finishgroup}
+				</Button>
+			{:else if groupStatus === 'summarize'}
+				<Button color="green" on:click={handleEndSummarize}>
+					<CircleCheck class="mr-2 h-4 w-4" />
+					{translations[$language].confirmEndSummarize}
+				</Button>
+			{:else if groupStatus === 'end'}
+				<p class="text-gray-600">{translations[$language].end}</p>
+			{/if}
+		{/if}
+	</div>
+
+	<div class="grid gap-8 md:grid-cols-4">
+		<div class="space-y-8 md:col-span-1">
+			<!-- Status Section -->
+			<div class="rounded-lg border p-6">
+				<h2 class="mb-4 text-xl font-semibold">{translations[$language].status}</h2>
+				<div class="space-y-4">
+					<div class="flex items-center gap-2">
+						<!-- svelte-ignore element_invalid_self_closing_tag -->
+						<span
+							class="inline-block h-3 w-3 rounded-full {$session?.status === 'preparing'
+								? 'bg-yellow-500'
+								: $session?.status === 'individual'
+									? 'bg-blue-500'
+									: $session?.status === 'before-group'
+										? 'bg-purple-500'
+										: $session?.status === 'group'
+											? 'bg-green-500'
+											: 'bg-gray-500'}"
+						/>
+						<span class="capitalize">{$session?.status}</span>
+					</div>
+					{#if $session?.status === 'individual'}
+						<p class="text-gray-600">{translations[$language].individual}</p>
+					{:else if $session?.status === 'before-group'}
+						<p class="text-gray-600">{translations[$language].beforeGroup}</p>
+					{:else if $session?.status === 'group'}
+						<p class="text-gray-600">{translations[$language].group}</p>
+					{/if}
+				</div>
+			</div>
+
+			<!-- Group Section -->
+			<div class="rounded-lg border p-6">
+				<h2 class="mb-4 text-xl font-semibold">{translations[$language].groupInfo}</h2>
+				{#if groupDoc}
+					<div class="space-y-4">
+						<div class="flex items-center justify-between">
+							<div class="flex items-center gap-2">
+								<span class="font-medium">Group </span>
+								<span class="text-lg">#{groupDoc.data.number}</span>
+							</div>
+						</div>
+						<div>
+							<h3 class="mb-2 font-medium">{translations[$language].member}</h3>
+							<ul class="space-y-2">
+								{#each groupDoc.data.participants as participant, index}
+									<li class="flex items-center gap-2">
+										<User class="h-4 w-4" />
+										<span>
+											{#if participant === user.uid}
+												{translations[$language].you}{index === 0
+													? translations[$language].leader
+													: ''}
+											{:else}
+												{#await getUser(participant)}
+													<span class="text-gray-500">{translations[$language].loadingProfile}</span
+													>
+												{:then profile}
+													{profile.displayName}{index === 0 ? translations[$language].leader : ''}
+												{:catch}
+													<span class="text-red-500">{translations[$language].unknownUser}</span>
+												{/await}
+											{/if}
+										</span>
+									</li>
+								{/each}
+							</ul>
+						</div>
+						<div>
+							{#if $session?.status === 'preparing'}
+								<Button
+									color="red"
+									size="xs"
+									class="hidden sm:flex"
+									onclick={() => groupDoc?.id && handleLeaveGroup(groupDoc.id, user.uid)}
+								>
+									<LogOut class="mr-2 h-4 w-4" />
+									{translations[$language].leaveGroup}
+								</Button>
+								<Button
+									color="red"
+									size="xs"
+									class="sm:hidden"
+									onclick={() => groupDoc?.id && handleLeaveGroup(groupDoc.id, user.uid)}
+								>
+									<LogOut class="h-4 w-4" />
+								</Button>
+							{/if}
+						</div>
+					</div>
+				{:else if $session?.status === 'preparing'}
+					<div class="mt-6 space-y-4">
+						<h3 class="font-medium">{translations[$language].groupManagement}</h3>
+						{#if creating}
+							<div class="space-y-4">
+								<div class="flex items-center gap-2">
+									<Label for="groupNumber">{translations[$language].groupNum}</Label>
+									<Input
+										id="groupNumber"
+										type="number"
+										bind:value={groupNumber}
+										min="1"
+										max="50"
+										placeholder={translations[$language].enterGroupNumber}
+									/>
+								</div>
+								<Button color="primary" on:click={handleJoinGroup}>
+									<UserPlus class="mr-2 h-4 w-4" />
+									{translations[$language].jointGroup}
+								</Button>
+							</div>
+						{:else}
+							<Button color="primary" on:click={handleCreateGroup} disabled={isCreatingGroup}>
+								<Users class="mr-2 h-4 w-4" />
+								{isCreatingGroup
+									? translations[$language].creatingGroup
+									: translations[$language].createNewGroup}
+							</Button>
+						{/if}
+						<Button color="alternative" on:click={() => (creating = !creating)}>
+							{creating
+								? translations[$language].cancel
+								: translations[$language].joinExistingGroup}
+						</Button>
+					</div>
+				{:else}
+					<p class="text-gray-600">{translations[$language].notInGroup}</p>
+				{/if}
+			</div>
+		</div>
+
+		<div
+			class="max-h-[calc(100vh-12rem)] min-h-[calc(100vh-12rem)] overflow-y-auto rounded-lg border p-6 md:col-span-3"
+		>
+			{#if $session?.status === 'preparing'}
+				<div class="mt-4">
+					<h3 class="mb-2 font-medium">{translations[$language].waitStart}</h3>
+					<p class="text-gray-600">{translations[$language].hostBeginShortly}</p>
+				</div>
+			{:else if $session?.status === 'individual'}
+				<Chatroom record={handleRecord} send={handleSend} {conversations} isIndividual />
+			{:else if $session?.status === 'before-group'}
+				<div class="space-y-6">
+					{#if groupDoc && conversationDoc}
+						<Summary
+							conversation={conversationDoc}
+							loading={loadingSummary}
+							onRefresh={fetchSummary}
+						/>
+					{/if}
+				</div>
+			{:else if $session?.status === 'group'}
+				{#if groupStatus === 'discussion' && !loadingGroupSummary}
+					<Chatroom
+						conversations={groupDiscussions}
+						record={handleGroupRecord}
+						send={handleGroupSend}
+					/>
+				{:else if groupStatus === 'summarize' || loadingGroupSummary}
+					<div class="space-y-6">
+						{#if groupDoc}
+							<GroupSummary
+								group={groupDoc}
+								loading={loadingGroupSummary}
+								onRefresh={fetchGroupSummary}
+								onUpdate={handleUpdateGroupSummary}
+							/>
+						{/if}
+					</div>
+				{:else if groupStatus === 'end'}
+					<div class="space-y-6">
+						{#if groupDoc}
+							<GroupSummary
+								readonly
+								group={groupDoc}
+								loading={loadingGroupSummary}
+								onRefresh={fetchGroupSummary}
+								onUpdate={handleUpdateGroupSummary}
+							/>
+						{/if}
+					</div>
+				{/if}
+			{:else if $session?.status === 'ended'}
+				<EndedView {conversationDoc} {groupDoc} {user} />
+			{/if}
+		</div>
+	</div>
+</main>

From 367d2d83098dbe95dded99a4259d550af615d6d8 Mon Sep 17 00:00:00 2001
From: Buffett <1buffetts@gmail.com>
Date: Fri, 14 Feb 2025 01:29:54 +0800
Subject: [PATCH 7/7] feat: add language drop-down menu to navbar fix: fix
 parts of the translation texts

---
 src/lib/components/Navbar.svelte                | 4 ++--
 src/lib/components/session/HostView.svelte      | 2 +-
 src/lib/components/session/StageProgress.svelte | 4 ++--
 src/routes/dashboard/+page.svelte               | 2 +-
 src/routes/session/[id]/status/+page.svelte     | 2 +-
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte
index dfd3b6e..bed8d55 100644
--- a/src/lib/components/Navbar.svelte
+++ b/src/lib/components/Navbar.svelte
@@ -19,8 +19,8 @@
 			login: 'Login'
 		},
 		zh: {
-			welcome: '歡迎來到Hinagiku!',
-			profile: '個人资料',
+			welcome: '歡迎來到 Hinagiku!',
+			profile: '個人資料',
 			dashboard: '儀表板',
 			signOut: '登出',
 			login: '登入'
diff --git a/src/lib/components/session/HostView.svelte b/src/lib/components/session/HostView.svelte
index c89d0ff..036ea5b 100644
--- a/src/lib/components/session/HostView.svelte
+++ b/src/lib/components/session/HostView.svelte
@@ -116,7 +116,7 @@
 			openChatHistory: '打開聊天記錄',
 			openGroupChatHistory: '打開小組聊天記錄',
 			warningInappropriate: '警告：檢測到不適當內容。',
-			warningOffTopic: '警告：許多離題消息。'
+			warningOffTopic: '警告：許多離題訊息。'
 		}
 	};
 
diff --git a/src/lib/components/session/StageProgress.svelte b/src/lib/components/session/StageProgress.svelte
index 6a270a0..6e3a048 100644
--- a/src/lib/components/session/StageProgress.svelte
+++ b/src/lib/components/session/StageProgress.svelte
@@ -7,7 +7,7 @@
 	const stages = [
 		{ id: 'preparing', name: '準備階段', color: 'bg-yellow-500' },
 		{ id: 'individual', name: '個人階段', color: 'bg-blue-500' },
-		{ id: 'before-group', name: '團體套論前階段', color: 'bg-purple-500' },
+		{ id: 'before-group', name: '團體討論前階段', color: 'bg-purple-500' },
 		{ id: 'group', name: '團體討論階段', color: 'bg-green-500' },
 		{ id: 'ended', name: '總結階段', color: 'bg-gray-500' }
 	] as const;
@@ -33,7 +33,7 @@
 			cancel: 'Cancel'
 		},
 		zh: {
-			confirmEndStage: '進入 Ended Stage 將無法返回，確定要繼續嗎？',
+			confirmEndStage: '進入總結階段將無法返回，確定要繼續嗎？',
 			confirm: '確定',
 			cancel: '取消'
 		}
diff --git a/src/routes/dashboard/+page.svelte b/src/routes/dashboard/+page.svelte
index f7def7c..7d65a77 100644
--- a/src/routes/dashboard/+page.svelte
+++ b/src/routes/dashboard/+page.svelte
@@ -170,7 +170,7 @@
 		},
 		zh: {
 			welcome: '歡迎來到Hinagiku!',
-			profile: '個人资料',
+			profile: '個人資料',
 			dashboard: '儀表板',
 			signOut: '登出',
 			login: '登入',
diff --git a/src/routes/session/[id]/status/+page.svelte b/src/routes/session/[id]/status/+page.svelte
index e348911..ac39be3 100644
--- a/src/routes/session/[id]/status/+page.svelte
+++ b/src/routes/session/[id]/status/+page.svelte
@@ -27,7 +27,7 @@
 		},
 		zh: {
 			dashboardTitle: '參與者狀態儀表板',
-			loadingGroups: '加載小組...',
+			loadingGroups: '載入小組...',
 			noParticipants: '此小組中沒有參與者。'
 		}
 	};