@sparkelf/dsh-task-bus 0.1.8 → 0.2.0

package/lib/client.js

@@ -837,214 +837,523 @@ window.__ModuleLoader__.load({
 		* that stands in for "disabled". A row missing `reviewStatus` counts as pending, which
 		* matches `reviewStatusOf` in the package.
 		*/
-		async function readSkillPending() {
+		async function readSkillPlazaRows() {
 			try {
-				const [listResponse, plazaResponse] = await Promise.all([fetch("/api/dsh-skill-center/list", { cache: "no-store" }), fetch("/integrations/dataops/skill-plaza?mine=1", { cache: "no-store" })]);
+				const [listResponse, plazaResponse] = await Promise.all([fetch("api/dsh-skill-center/list", { cache: "no-store" }), fetch("integrations/dataops/skill-plaza?mine=1", { cache: "no-store" })]);
 				const disabled = /* @__PURE__ */ new Set();
 				if (listResponse.ok) {
 					const body = await listResponse.json();
 					for (const group of body.groups ?? []) for (const skill of group.skills ?? []) if (typeof skill.name === "string" && skill.modelInvocable === false) disabled.add(skill.name);
 				}
-				if (!plazaResponse.ok) return 0;
+				if (!plazaResponse.ok) return [];
 				const plaza = await plazaResponse.json();
-				const names = /* @__PURE__ */ new Set();
+				const names = [];
 				for (const row of plaza.skills ?? []) {
 					if (typeof row.name !== "string" || row.name === "") continue;
 					if (row.reviewStatus === "approved") continue;
 					if (disabled.has(row.name)) continue;
-					names.add(row.name);
+					names.push(row.name);
 				}
-				return names.size;
+				return names;
 			} catch {
-				return 0;
+				return [];
 			}
 		}
-		/** A grouped notification row for the skill plaza. */
-		function SkillPendingRow({ count, onOpen }) {
+		/**
+		* The same review inbox the plaza bell used to show, now rendered inside the task center's
+		* notification tab so every notification lives in one list.
+		*/
+		async function readReviewInbox() {
+			try {
+				const response = await fetch("integrations/dataops/review-notifications", { cache: "no-store" });
+				if (!response.ok) return [];
+				const body = await response.json();
+				const rows = [];
+				for (const raw of body.items ?? []) {
+					if (typeof raw.id !== "string" || typeof raw.title !== "string") continue;
+					rows.push({
+						id: raw.id,
+						type: typeof raw.type === "string" ? raw.type : "info",
+						title: raw.title,
+						...typeof raw.body === "string" && raw.body !== "" ? { body: raw.body } : {},
+						createdAt: typeof raw.createdAt === "string" ? raw.createdAt : (/* @__PURE__ */ new Date()).toISOString(),
+						read: raw.read === true
+					});
+				}
+				return rows.sort((a, b) => Date.parse(b.createdAt) - Date.parse(a.createdAt)).slice(0, 20);
+			} catch {
+				return [];
+			}
+		}
+		/** One notification card shared by every source in the notification tab. */
+		function NotificationCard({ title, body, time, unread, onClick }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 				type: "button",
-				onClick: onOpen,
+				onClick,
+				disabled: onClick === void 0,
 				style: {
 					display: "flex",
-					alignItems: "center",
-					gap: 8,
+					alignItems: "flex-start",
+					gap: 10,
 					width: "100%",
-					padding: "9px 12px",
+					padding: "10px 12px",
 					border: "1px solid " + colors.line,
 					borderRadius: 8,
 					background: colors.panelAlt,
 					color: colors.text,
 					fontSize: 12,
 					textAlign: "left",
-					cursor: "pointer"
+					cursor: onClick === void 0 ? "default" : "pointer"
 				},
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-					style: { flex: 1 },
-					children: [
-						"技能广场 · ",
-						count,
-						" 个待审核技能"
-					]
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					style: {
-						color: colors.muted,
-						fontSize: 11
-					},
-					children: "打开技能中心 →"
-				})]
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { style: {
+						flex: "0 0 auto",
+						width: 6,
+						height: 6,
+						marginTop: 6,
+						borderRadius: 99,
+						background: unread === true ? colors.accent : "transparent"
+					} }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						style: {
+							flex: 1,
+							minWidth: 0
+						},
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							style: {
+								display: "block",
+								fontSize: 12,
+								fontWeight: 500,
+								overflow: "hidden",
+								textOverflow: "ellipsis",
+								whiteSpace: "nowrap"
+							},
+							children: title
+						}), body === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							style: {
+								display: "block",
+								marginTop: 2,
+								fontSize: 11,
+								color: colors.muted
+							},
+							children: body
+						})]
+					}),
+					time === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						style: {
+							fontSize: 10,
+							color: colors.muted,
+							whiteSpace: "nowrap"
+						},
+						children: time
+					})
+				]
 			});
 		}
-		/** The "notifications" tab: the KB task queue, read from the shared key. */
-		function KbNotificationPanel({ tasks, onClear }) {
-			const done = tasks.filter((task) => task.stage === "done" || task.stage === "uploaded").length;
+		/** How many rows one notification group shows before it pages. */
+		const NOTIFICATION_PAGE_SIZE = 10;
+		/** Names the reader hid from the review group; clearing is recoverable, so it outlives a reload. */
+		const HIDDEN_SKILLS_KEY = "dataops-task-bus-hidden-skills-v1";
+		/** Ids the reader cleared from the audit group, so a reload does not bring them back. */
+		const CLEARED_NOTIFICATIONS_KEY = "dataops-task-bus-cleared-notifications-v1";
+		/** Read a string set the browser persisted; an unreadable value is an empty set. */
+		function readStoredSet(key) {
+			try {
+				const raw = window.localStorage.getItem(key);
+				if (raw === null || raw === "") return /* @__PURE__ */ new Set();
+				const parsed = JSON.parse(raw);
+				return new Set(Array.isArray(parsed) ? parsed.filter((entry) => typeof entry === "string") : []);
+			} catch {
+				return /* @__PURE__ */ new Set();
+			}
+		}
+		/** Persist one string set; storage failures leave the in-memory set authoritative. */
+		function writeStoredSet(key, values) {
+			try {
+				window.localStorage.setItem(key, JSON.stringify([...values]));
+			} catch {}
+		}
+		/** Slice one page out of a list and report the page count a pager needs. */
+		function pageOf(items, page) {
+			const pages = Math.max(1, Math.ceil(items.length / NOTIFICATION_PAGE_SIZE));
+			const current = Math.min(Math.max(0, page), pages - 1);
+			return {
+				rows: items.slice(current * NOTIFICATION_PAGE_SIZE, (current + 1) * NOTIFICATION_PAGE_SIZE),
+				pages,
+				page: current
+			};
+		}
+		/** `上一页 / 第 x/y 页 / 下一页`, hidden while a group fits on one page. */
+		function NotificationPager({ page, pages, onChange }) {
+			if (pages <= 1) return null;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				style: {
 					display: "flex",
-					flexDirection: "column",
-					gap: 10
+					alignItems: "center",
+					justifyContent: "flex-end",
+					gap: 8
+				},
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						size: "sm",
+						variant: "ghost",
+						disabled: page <= 0,
+						onClick: () => onChange(page - 1),
+						children: "上一页"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						style: {
+							fontSize: 12,
+							color: colors.muted,
+							fontVariantNumeric: "tabular-nums"
+						},
+						children: [
+							"第 ",
+							page + 1,
+							"/",
+							pages,
+							" 页"
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						size: "sm",
+						variant: "ghost",
+						disabled: page >= pages - 1,
+						onClick: () => onChange(page + 1),
+						children: "下一页"
+					})
+				]
+			});
+		}
+		/** The header every group shares: title, total, current page, and its own clear action. */
+		function NotificationGroupHeader({ title, total, pages, page, clearLabel, onClear, restore, testId }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				"data-testid": testId,
+				style: {
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "space-between",
+					gap: 8
 				},
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					style: {
 						display: "flex",
-						alignItems: "center",
-						justifyContent: "space-between",
-						gap: 8
+						alignItems: "baseline",
+						gap: 8,
+						minWidth: 0
 					},
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						style: {
-							display: "flex",
-							alignItems: "baseline",
-							gap: 8
+							fontSize: 13,
+							fontWeight: 600,
+							color: colors.text
 						},
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							style: {
-								fontSize: 13,
-								fontWeight: 600,
-								color: colors.text
-							},
-							children: "任务队列"
-						}), tasks.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							style: {
-								fontSize: 12,
-								color: "#8ea6c6"
-							},
-							children: [
-								done,
-								"/",
-								tasks.length
-							]
-						}) : null]
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						children: title
+					}), total > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						style: {
+							fontSize: 12,
+							color: "#8ea6c6",
+							fontVariantNumeric: "tabular-nums"
+						},
+						children: [
+							total,
+							" 条",
+							pages > 1 ? ` · 第 ${page + 1}/${pages} 页` : ""
+						]
+					}) : null]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					style: {
+						display: "flex",
+						alignItems: "center",
+						gap: 6
+					},
+					children: [restore === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
 						size: "sm",
 						variant: "ghost",
-						disabled: tasks.length === 0,
+						onClick: restore.onClick,
+						children: restore.label
+					}), clearLabel === void 0 || onClear === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						size: "sm",
+						variant: "ghost",
+						"data-testid": testId === void 0 ? void 0 : testId + "-clear",
+						disabled: total === 0,
 						onClick: onClear,
-						children: "清空记录"
+						children: clearLabel
 					})]
-				}), tasks.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					style: {
-						padding: 18,
-						textAlign: "center",
-						color: colors.muted,
-						fontSize: 12
-					},
-					children: "暂无通知"
-				}) : tasks.map((task) => {
-					const percent = Math.max(0, Math.min(100, Math.round(task.progress ?? (task.stage === "done" ? 100 : task.stage === "uploaded" ? 25 : 0))));
-					const tone = task.stage === "failed" ? colors.danger : task.stage === "done" || task.stage === "uploaded" ? colors.success : colors.accent;
-					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				})]
+			});
+		}
+		/** The "notifications" tab: every source rendered as the same notification card, paged per source. */
+		function KbNotificationPanel({ tasks, skillRows, reviewItems, onOpenSkill, onClear }) {
+			const [auditPage, setAuditPage] = (0, react.useState)(0);
+			const [skillPage, setSkillPage] = (0, react.useState)(0);
+			const [kbPage, setKbPage] = (0, react.useState)(0);
+			const [hiddenSkills, setHiddenSkills] = (0, react.useState)(() => readStoredSet(HIDDEN_SKILLS_KEY));
+			const [clearedIds, setClearedIds] = (0, react.useState)(() => readStoredSet(CLEARED_NOTIFICATIONS_KEY));
+			const audits = reviewItems.filter((item) => !clearedIds.has(item.id));
+			const skills = skillRows.filter((name) => !hiddenSkills.has(name));
+			const audit = pageOf(audits, auditPage);
+			const skill = pageOf(skills, skillPage);
+			const kb = pageOf(tasks, kbPage);
+			const done = tasks.filter((task) => task.stage === "done" || task.stage === "uploaded").length;
+			const timeOf = (value) => {
+				const date = new Date(value);
+				if (Number.isNaN(date.getTime())) return "";
+				return date.toLocaleString("zh-CN", {
+					month: "2-digit",
+					day: "2-digit",
+					hour: "2-digit",
+					minute: "2-digit"
+				});
+			};
+			/** Mark every audit row read on the host, then keep them out of the list so clearing is visible. */
+			const clearAudits = () => {
+				const ids = new Set(clearedIds);
+				for (const item of reviewItems) ids.add(item.id);
+				setClearedIds(ids);
+				writeStoredSet(CLEARED_NOTIFICATIONS_KEY, ids);
+				fetch("integrations/dataops/review-notifications", {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body: JSON.stringify({ all: true })
+				}).catch(() => {});
+			};
+			/** Hide the pending skills; the header keeps a 恢复 entry so nothing is lost. */
+			const clearSkills = () => {
+				const names = new Set(hiddenSkills);
+				for (const name of skillRows) names.add(name);
+				setHiddenSkills(names);
+				writeStoredSet(HIDDEN_SKILLS_KEY, names);
+			};
+			const restoreSkills = () => {
+				setHiddenSkills(/* @__PURE__ */ new Set());
+				writeStoredSet(HIDDEN_SKILLS_KEY, []);
+				setSkillPage(0);
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 14
+				},
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						style: {
-							padding: "10px 12px",
-							border: "1px solid " + colors.line,
-							borderRadius: 8,
-							background: colors.panelAlt,
 							display: "flex",
 							flexDirection: "column",
-							gap: 6
+							gap: 8
 						},
 						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(NotificationGroupHeader, {
+								title: "审核通知",
+								testId: "notify-audit",
+								total: audits.length,
+								pages: audit.pages,
+								page: audit.page,
+								clearLabel: "清空",
+								onClear: clearAudits
+							}),
+							audits.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								style: {
-									display: "flex",
-									alignItems: "center",
-									gap: 8
+									padding: 14,
+									textAlign: "center",
+									color: colors.muted,
+									fontSize: 12
+								},
+								children: "暂无审核通知"
+							}) : audit.rows.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NotificationCard, {
+								title: item.title,
+								body: item.body,
+								time: timeOf(item.createdAt),
+								unread: !item.read,
+								onClick: onOpenSkill
+							}, item.id)),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(NotificationPager, {
+								page: audit.page,
+								pages: audit.pages,
+								onChange: setAuditPage
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						style: {
+							display: "flex",
+							flexDirection: "column",
+							gap: 8
+						},
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(NotificationGroupHeader, {
+								title: "技能广场待审核",
+								testId: "notify-skills",
+								total: skills.length,
+								pages: skill.pages,
+								page: skill.page,
+								clearLabel: "清空",
+								onClear: clearSkills,
+								...hiddenSkills.size > 0 ? { restore: {
+									label: `恢复隐藏的 ${hiddenSkills.size} 条`,
+									onClick: restoreSkills
+								} } : {}
+							}),
+							skills.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								style: {
+									padding: 14,
+									textAlign: "center",
+									color: colors.muted,
+									fontSize: 12
+								},
+								children: "暂无待审核技能"
+							}) : skill.rows.map((name) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NotificationCard, {
+								title: "技能「" + name + "」等待审核",
+								body: "提交到技能广场，等待管理员审核",
+								unread: true,
+								onClick: onOpenSkill
+							}, name)),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(NotificationPager, {
+								page: skill.page,
+								pages: skill.pages,
+								onChange: setSkillPage
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						style: {
+							display: "flex",
+							flexDirection: "column",
+							gap: 8
+						},
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(NotificationGroupHeader, {
+								title: "知识库任务",
+								testId: "notify-kb",
+								total: tasks.length,
+								pages: kb.pages,
+								page: kb.page,
+								clearLabel: "清空记录",
+								onClear
+							}),
+							tasks.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: {
+									fontSize: 12,
+									color: colors.muted,
+									fontVariantNumeric: "tabular-nums"
 								},
 								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										style: {
-											flex: 1,
-											minWidth: 0,
-											overflow: "hidden",
-											textOverflow: "ellipsis",
-											whiteSpace: "nowrap",
-											fontSize: 12,
-											fontWeight: 500,
-											color: colors.text
-										},
-										children: task.fileName
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										style: {
-											fontSize: 10,
-											color: colors.muted
-										},
-										children: new Date(task.startedAt).toLocaleTimeString("zh-CN", {
-											hour: "2-digit",
-											minute: "2-digit"
-										})
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										style: {
-											fontSize: 10,
-											color: tone,
-											whiteSpace: "nowrap"
-										},
-										children: KB_STAGE_LABEL[task.stage]
-									})
+									"已完成 ",
+									done,
+									"/",
+									tasks.length
 								]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							}) : null,
+							tasks.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								style: {
-									display: "flex",
-									alignItems: "center",
-									gap: 8
+									padding: 14,
+									textAlign: "center",
+									color: colors.muted,
+									fontSize: 12
 								},
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									style: {
-										flex: 1,
-										height: 6,
-										borderRadius: 999,
-										background: "rgba(255,255,255,.08)",
-										overflow: "hidden"
-									},
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { style: {
-										width: String(percent) + "%",
-										height: "100%",
-										borderRadius: 999,
-										background: tone,
-										transition: "width 120ms linear"
-									} })
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								children: "暂无提取任务"
+							}) : kb.rows.map((task) => {
+								const percent = Math.max(0, Math.min(100, Math.round(task.progress ?? (task.stage === "done" ? 100 : task.stage === "uploaded" ? 100 : 0))));
+								const tone = task.stage === "failed" ? colors.danger : task.stage === "done" || task.stage === "uploaded" ? colors.success : colors.accent;
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									style: {
-										minWidth: 34,
-										textAlign: "right",
-										fontSize: 11,
-										color: colors.muted,
-										fontVariantNumeric: "tabular-nums"
+										padding: "10px 12px",
+										border: "1px solid " + colors.line,
+										borderRadius: 8,
+										background: colors.panelAlt
 									},
-									children: String(percent) + "%"
-								})]
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											style: {
+												display: "flex",
+												alignItems: "center",
+												gap: 8
+											},
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													style: {
+														flex: 1,
+														minWidth: 0,
+														overflow: "hidden",
+														textOverflow: "ellipsis",
+														whiteSpace: "nowrap",
+														fontSize: 12,
+														fontWeight: 600,
+														color: colors.text
+													},
+													children: task.fileName
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													style: {
+														fontSize: 10,
+														color: colors.muted
+													},
+													children: new Date(task.startedAt).toLocaleTimeString("zh-CN", {
+														hour: "2-digit",
+														minute: "2-digit"
+													})
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													style: {
+														fontSize: 10,
+														color: tone,
+														whiteSpace: "nowrap"
+													},
+													children: KB_STAGE_LABEL[task.stage]
+												})
+											]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											style: {
+												display: "flex",
+												alignItems: "center",
+												gap: 8
+											},
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												style: {
+													flex: 1,
+													height: 6,
+													borderRadius: 999,
+													background: "rgba(255,255,255,.08)",
+													overflow: "hidden"
+												},
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { style: {
+													width: String(percent) + "%",
+													height: "100%",
+													borderRadius: 999,
+													background: tone,
+													transition: "width 120ms ease"
+												} })
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												style: {
+													minWidth: 34,
+													textAlign: "right",
+													fontSize: 11,
+													color: colors.muted,
+													fontVariantNumeric: "tabular-nums"
+												},
+												children: String(percent) + "%"
+											})]
+										}),
+										task.error !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											style: {
+												fontSize: 11,
+												color: colors.danger
+											},
+											children: task.error
+										}) : null
+									]
+								}, task.id);
 							}),
-							task.error !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								style: {
-									fontSize: 11,
-									color: colors.danger
-								},
-								children: task.error
-							}) : null
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(NotificationPager, {
+								page: kb.page,
+								pages: kb.pages,
+								onChange: setKbPage
+							})
 						]
-					}, task.id);
-				})]
+					})
+				]
 			});
 		}
 		const TaskCenterButton = ({ openSession }) => {
@@ -1059,7 +1368,8 @@ window.__ModuleLoader__.load({
 			const [anchor, setAnchor] = (0, react.useState)(null);
 			const [pendingCount, setPendingCount] = (0, react.useState)(0);
 			const [kbTasks, setKbTasks] = (0, react.useState)(() => readKbTasks());
-			const [skillPending, setSkillPending] = (0, react.useState)(0);
+			const [skillRows, setSkillRows] = (0, react.useState)([]);
+			const [reviewInbox, setReviewInbox] = (0, react.useState)([]);
 			(0, react.useEffect)(() => {
 				if (document.getElementById(TASK_BUS_STYLE_ID) !== null) return;
 				const style = document.createElement("style");
@@ -1160,8 +1470,11 @@ window.__ModuleLoader__.load({
 			(0, react.useEffect)(() => {
 				let alive = true;
 				const sync = () => {
-					readSkillPending().then((count) => {
-						if (alive) setSkillPending(count);
+					readSkillPlazaRows().then((rows) => {
+						if (alive) setSkillRows(rows);
+					});
+					readReviewInbox().then((items) => {
+						if (alive) setReviewInbox(items);
 					});
 				};
 				sync();
@@ -1321,7 +1634,7 @@ window.__ModuleLoader__.load({
 					strokeLinejoin: "round",
 					"aria-hidden": "true",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M13.7 21a2 2 0 0 1-3.4 0" })]
-				}), pendingCount + kbPending + skillPending > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				}), pendingCount + kbPending + skillRows.length + reviewInbox.filter((item) => !item.read).length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					style: {
 						position: "absolute",
 						bottom: -2,
@@ -1337,7 +1650,7 @@ window.__ModuleLoader__.load({
 						lineHeight: "14px",
 						textAlign: "center"
 					},
-					children: pendingCount + kbPending + skillPending > 99 ? "99+" : pendingCount + kbPending + skillPending
+					children: pendingCount + kbPending + skillRows.length + reviewInbox.filter((item) => !item.read).length > 99 ? "99+" : pendingCount + kbPending + skillRows.length + reviewInbox.filter((item) => !item.read).length
 				}) : null]
 			}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
 				open,
@@ -1433,13 +1746,13 @@ window.__ModuleLoader__.load({
 								overflowY: "auto",
 								flex: 1
 							},
-							children: tab === "notifications" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [skillPending > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SkillPendingRow, {
-								count: skillPending,
-								onOpen: openSkillCenter
-							}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(KbNotificationPanel, {
+							children: tab === "notifications" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(KbNotificationPanel, {
 								tasks: kbTasks,
+								skillRows,
+								reviewItems: reviewInbox,
+								onOpenSkill: openSkillCenter,
 								onClear: clearKbTasks
-							})] }) : selected !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaskDetail, {
+							}) : selected !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaskDetail, {
 								task: selected,
 								onBack: () => setSelected(null)
 							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [