From 67ad02f5502872be7a9ba42fea1ea397591897e4 Mon Sep 17 00:00:00 2001
From: sw3205933776 <3205933776@qq.com>
Date: Sat, 11 Oct 2025 15:52:32 +0800
Subject: [PATCH 1/2] fix: prevent app freeze and white screen after clicking
 Task Hub

---
 src/components/HistorySidebar/index.tsx | 217 +++++++++++++-----------
 src/pages/History.tsx                   |  12 +-
 2 files changed, 123 insertions(+), 106 deletions(-)

diff --git a/src/components/HistorySidebar/index.tsx b/src/components/HistorySidebar/index.tsx
index 141b55256..874f089c7 100644
--- a/src/components/HistorySidebar/index.tsx
+++ b/src/components/HistorySidebar/index.tsx
@@ -299,7 +299,8 @@ export default function HistorySidebar() {
 																	/>
 																</div>
 																<div className="text-left text-[14px] text-text-primary font-bold leading-9 overflow-hidden text-ellipsis break-words line-clamp-3">
-																	{task?.messages[0]?.content || t("task-hub.new-project")}
+																	{task?.messages?.[0]?.content ||
+																		t("task-hub.new-project")}
 																</div>
 																<div className="w-full">
 																	<Progress
@@ -398,13 +399,13 @@ export default function HistorySidebar() {
 															<Tooltip>
 																<TooltipTrigger asChild>
 																	<span>
-																		{task?.messages[0]?.content ||
+																		{task?.messages?.[0]?.content ||
 																			t("task-hub.new-project")}
 																	</span>
 																</TooltipTrigger>
 																<TooltipContent className="w-[200px] bg-white-100% p-2 text-wrap break-words text-xs select-text pointer-events-auto !fixed ">
 																	<p>
-																		{task?.messages[0]?.content ||
+																		{task?.messages?.[0]?.content ||
 																			t("task-hub.new-project")}
 																	</p>
 																</TooltipContent>
@@ -449,7 +450,7 @@ export default function HistorySidebar() {
 												<div className="flex justify-start items-center flex-wrap gap-2 ">
 													{historyTasks
 														.filter((task) =>
-															task.question
+															task?.question
 																?.toLowerCase()
 																.includes(searchValue.toLowerCase())
 														)
@@ -457,11 +458,14 @@ export default function HistorySidebar() {
 															return (
 																<div
 																	onClick={() =>
-																		handleSetActive(task.task_id, task.question)
+																		handleSetActive(
+																			task?.task_id,
+																			task?.question
+																		)
 																	}
 																	key={task.task_id}
 																	className={`${
-																		chatStore.activeTaskId === task.task_id
+																		chatStore.activeTaskId === task?.task_id
 																			? "!bg-white-100%"
 																			: ""
 																	} max-w-full relative cursor-pointer transition-all duration-300 bg-white-30% hover:bg-white-100% rounded-3xl w-[316px] h-[180px] p-6 shadow-history-item`}
@@ -475,16 +479,16 @@ export default function HistorySidebar() {
 																			alt="folder-icon"
 																		/>
 																		<Tag variant="primary">
-																			# Token {task.tokens || 0}
+																			# Token {task?.tokens || 0}
 																		</Tag>
 																	</div>
 
 																	<div className="text-[14px] text-text-primary font-bold leading-9 overflow-hidden text-ellipsis whitespace-nowrap">
-																		{task?.question.split("|")[0] ||
+																		{task?.question?.split("|")?.[0] ||
 																			t("task-hub.new-project")}
 																	</div>
 																	<div className="text-xs text-black leading-17  overflow-hidden text-ellipsis break-words line-clamp-2">
-																		{task?.question.split("|")[1] ||
+																		{task?.question?.split("|")?.[1] ||
 																			t("task-hub.new-project")}
 																	</div>
 																</div>
@@ -494,98 +498,111 @@ export default function HistorySidebar() {
 											) : (
 												// List
 												<div className=" flex flex-col justify-start items-center gap-4 ">
-												{historyTasks.map((task) => {
-													return (
-														<div
-															onClick={() => {
-																handleSetActive(task.task_id, task.question);
-															}}
-															key={task.task_id}
-															className={`${
-																chatStore.activeTaskId === task.task_id
-																	? "!bg-white-100%"
-																	: ""
-															} max-w-full relative cursor-pointer transition-all duration-300 bg-white-30% hover:bg-white-100% rounded-2xl flex justify-between items-center gap-md w-full p-3 h-14 shadow-history-item border border-solid border-border-disabled`}
-														>
-															<img className="w-8 h-8" src={folderIcon} alt="folder-icon" />
-						
-															<div className="w-full text-[14px] text-text-primary font-bold leading-9 overflow-hidden text-ellipsis whitespace-nowrap">
-																<Tooltip>
-																	<TooltipTrigger asChild>
-																		<span>
-																			{" "}
-																			{task?.question.split("|")[0] || t("task-hub.new-project")}
-																		</span>
-																	</TooltipTrigger>
-																	<TooltipContent
-																		align="start"
-																		className="w-[800px] bg-white-100% p-2 text-wrap break-words text-xs select-text pointer-events-auto"
-																	>
-																		<div>
-																			{" "}
-																			{task?.question.split("|")[0] || t("task-hub.new-project")}
-																		</div>
-																	</TooltipContent>
-																</Tooltip>
-															</div>
-															<Tag
-																variant="primary"
-																className="text-xs leading-17 font-medium text-nowrap"
+													{historyTasks.map((task) => {
+														return (
+															<div
+																onClick={() => {
+																	handleSetActive(
+																		task?.task_id,
+																		task?.question
+																	);
+																}}
+																key={task.task_id}
+																className={`${
+																	chatStore.activeTaskId === task?.task_id
+																		? "!bg-white-100%"
+																		: ""
+																} max-w-full relative cursor-pointer transition-all duration-300 bg-white-30% hover:bg-white-100% rounded-2xl flex justify-between items-center gap-md w-full p-3 h-14 shadow-history-item border border-solid border-border-disabled`}
 															>
-																# Token {task.tokens || 0}
-															</Tag>
-						
-															<Popover>
-																<PopoverTrigger asChild>
-																	<Button
-																		size="icon"
-																		onClick={(e) => e.stopPropagation()}
-																		variant="ghost"
-																	>
-																		<Ellipsis size={16} className="text-text-primary" />
-																	</Button>
-																</PopoverTrigger>
-																<PopoverContent className=" w-[98px] p-sm rounded-[12px] bg-dropdown-bg border border-solid border-dropdown-border">
-																	<div className="space-y-1">
-																		<PopoverClose asChild>
-																			<Button
-																				variant="ghost"
-																				size="sm"
-																				className="w-full"
-																				onClick={(e) => {
-																					e.stopPropagation();
-																					handleShare(task.task_id);
-																				}}
-																			>
-																				<Share size={16} />
-																				{t("task-hub.share")}
-																			</Button>
-																		</PopoverClose>
-						
-																		<PopoverClose asChild>
-																			<Button
-																				variant="ghost"
-																				size="sm"
-																				className="w-full"
-																				onClick={(e) => {
-																					e.stopPropagation();
-																					handleDelete(task.id);
-																				}}
-																			>
-																				<Trash2
-																					size={16}
-																					className="text-icon-primary group-hover:text-icon-cuation"
-																				/>
-																				{t("task-hub.delete")}
-																			</Button>
-																		</PopoverClose>
-																	</div>
-																</PopoverContent>
-															</Popover>
-														</div>
-													);
-												})}
-											</div>
+																<img
+																	className="w-8 h-8"
+																	src={folderIcon}
+																	alt="folder-icon"
+																/>
+
+																<div className="w-full text-[14px] text-text-primary font-bold leading-9 overflow-hidden text-ellipsis whitespace-nowrap">
+																	<Tooltip>
+																		<TooltipTrigger asChild>
+																			<span>
+																				{" "}
+																				{(task?.question &&
+																					task?.question?.split("|")?.[0]) ||
+																					t("task-hub.new-project")}
+																			</span>
+																		</TooltipTrigger>
+																		<TooltipContent
+																			align="start"
+																			className="w-[800px] bg-white-100% p-2 text-wrap break-words text-xs select-text pointer-events-auto"
+																		>
+																			<div>
+																				{" "}
+																				{task?.question?.split("|")?.[0] ||
+																					t("task-hub.new-project")}
+																			</div>
+																		</TooltipContent>
+																	</Tooltip>
+																</div>
+																<Tag
+																	variant="primary"
+																	className="text-xs leading-17 font-medium text-nowrap"
+																>
+																	# Token {task?.tokens || 0}
+																</Tag>
+
+																<Popover>
+																	<PopoverTrigger asChild>
+																		<Button
+																			size="icon"
+																			onClick={(e) => e.stopPropagation()}
+																			variant="ghost"
+																		>
+																			<Ellipsis
+																				size={16}
+																				className="text-text-primary"
+																			/>
+																		</Button>
+																	</PopoverTrigger>
+																	<PopoverContent className=" w-[98px] p-sm rounded-[12px] bg-dropdown-bg border border-solid border-dropdown-border">
+																		<div className="space-y-1">
+																			<PopoverClose asChild>
+																				<Button
+																					variant="ghost"
+																					size="sm"
+																					className="w-full"
+																					onClick={(e) => {
+																						e.stopPropagation();
+																						handleShare(task?.task_id);
+																					}}
+																				>
+																					<Share size={16} />
+																					{t("task-hub.share")}
+																				</Button>
+																			</PopoverClose>
+
+																			<PopoverClose asChild>
+																				<Button
+																					variant="ghost"
+																					size="sm"
+																					className="w-full"
+																					onClick={(e) => {
+																						e.stopPropagation();
+																						handleDelete(task?.id);
+																					}}
+																				>
+																					<Trash2
+																						size={16}
+																						className="text-icon-primary group-hover:text-icon-cuation"
+																					/>
+																					{t("task-hub.delete")}
+																				</Button>
+																			</PopoverClose>
+																		</div>
+																	</PopoverContent>
+																</Popover>
+															</div>
+														);
+													})}
+												</div>
 											)}
 										</motion.div>
 									)}
diff --git a/src/pages/History.tsx b/src/pages/History.tsx
index c0e8548e7..e2ed0271e 100644
--- a/src/pages/History.tsx
+++ b/src/pages/History.tsx
@@ -571,7 +571,7 @@ export default function Home() {
 												variant="primary"
 												className="text-xs leading-17 font-medium text-nowrap"
 											>
-												# Token {task.tokens || 0}
+												# Token {task?.tokens || 0}
 											</Tag>
 										</div>
 									</div>
@@ -609,7 +609,7 @@ export default function Home() {
 											<TooltipTrigger asChild>
 												<span>
 													{" "}
-													{task?.question.split("|")[0] || t("task-hub.new-project")}
+													{task?.question?.split("|")?.[0] || t("task-hub.new-project")}
 												</span>
 											</TooltipTrigger>
 											<TooltipContent
@@ -618,7 +618,7 @@ export default function Home() {
 											>
 												<div>
 													{" "}
-													{task?.question.split("|")[0] || t("task-hub.new-project")}
+													{task?.question?.split("|")?.[0] || t("task-hub.new-project")}
 												</div>
 											</TooltipContent>
 										</Tooltip>
@@ -627,7 +627,7 @@ export default function Home() {
 										variant="primary"
 										className="text-xs leading-17 font-medium text-nowrap"
 									>
-										# Token {task.tokens || 0}
+										# Token {task?.tokens || 0}
 									</Tag>
 
 									<Popover>
@@ -649,7 +649,7 @@ export default function Home() {
 														className="w-full"
 														onClick={(e) => {
 															e.stopPropagation();
-															handleShare(task.task_id);
+															handleShare(task?.task_id);
 														}}
 													>
 														<Share size={16} />
@@ -664,7 +664,7 @@ export default function Home() {
 														className="w-full"
 														onClick={(e) => {
 															e.stopPropagation();
-															handleDelete(task.id);
+															handleDelete(task?.id);
 														}}
 													>
 														<Trash2

From d9015798a194d43724e11ebc6258b3325b4c4762 Mon Sep 17 00:00:00 2001
From: Wendong-Fan <w3ndong.fan@gmail.com>
Date: Mon, 20 Oct 2025 05:23:23 +0800
Subject: [PATCH 2/2] enhance: prevent app freeze and white screen after
 clicking Task Hub PR491

---
 src/components/HistorySidebar/index.tsx |  3 +--
 src/pages/History.tsx                   | 12 ++++++------
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/components/HistorySidebar/index.tsx b/src/components/HistorySidebar/index.tsx
index f5bb5e944..059f1456b 100644
--- a/src/components/HistorySidebar/index.tsx
+++ b/src/components/HistorySidebar/index.tsx
@@ -536,8 +536,7 @@ export default function HistorySidebar() {
 																		<TooltipTrigger asChild>
 																			<span>
 																				{" "}
-																				{(task?.question &&
-																					task?.question?.split("|")?.[0]) ||
+																				{task?.question?.split("|")?.[0] ||
 																					t("task-hub.new-project")}
 																			</span>
 																		</TooltipTrigger>
diff --git a/src/pages/History.tsx b/src/pages/History.tsx
index efcbe6dae..5b6d47bab 100644
--- a/src/pages/History.tsx
+++ b/src/pages/History.tsx
@@ -565,10 +565,10 @@ export default function Home() {
 						{historyTasks.map((task) => {
 							return (
 								<div
-									onClick={() => handleSetActive(task.task_id, task.question)}
+									onClick={() => handleSetActive(task?.task_id, task?.question)}
 									key={task.task_id}
 									className={`${
-										chatStore.activeTaskId === task.task_id
+										chatStore.activeTaskId === task?.task_id
 											? "!bg-white-100%"
 											: ""
 									} relative cursor-pointer transition-all duration-300 bg-white-30% hover:bg-white-100% rounded-3xl flex justify-between items-center flex-wrap gap-md flex-initial w-[calc(33%-48px)] min-w-[300px] max-w-[500px] h-[180px] p-6 shadow-history-item border border-solid border-border-disabled`}
@@ -607,11 +607,11 @@ export default function Home() {
 							return (
 								<div
 									onClick={() => {
-										handleSetActive(task.task_id, task.question);
+										handleSetActive(task?.task_id, task?.question);
 									}}
 									key={task.task_id}
 									className={`${
-										chatStore.activeTaskId === task.task_id
+										chatStore.activeTaskId === task?.task_id
 											? "!bg-white-100%"
 											: ""
 									} max-w-full relative cursor-pointer transition-all duration-300 bg-white-30% hover:bg-white-100% rounded-2xl flex justify-between items-center gap-md w-full p-3 h-14 shadow-history-item border border-solid border-border-disabled`}
@@ -625,7 +625,7 @@ export default function Home() {
 											<TooltipTrigger asChild>
 												<span>
 													{" "}
-													{task?.question.split("|")[0] ||
+													{task?.question?.split("|")?.[0] ||
 														t("task-hub.new-project")}
 												</span>
 											</TooltipTrigger>
@@ -635,7 +635,7 @@ export default function Home() {
 											>
 												<div>
 													{" "}
-													{task?.question.split("|")[0] ||
+													{task?.question?.split("|")?.[0] ||
 														t("task-hub.new-project")}
 												</div>
 											</TooltipContent>