@houser/edus-plugin 1.0.7 → 1.0.8

package/lib/client.js

@@ -7046,27 +7046,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			});
 		}
 		//#endregion
-		//#region lib/types/client/MyWorksAction.js
+		//#region lib/types/client/MyWorksPanel.js
 		const PAGE_SIZE = 8;
-		let dialogOpen = false;
-		const dialogListeners = /* @__PURE__ */ new Set();
-		const dialog = {
-			getSnapshot: () => dialogOpen,
-			subscribe(listener) {
-				dialogListeners.add(listener);
-				return () => {
-					dialogListeners.delete(listener);
-				};
-			},
-			open() {
-				dialogOpen = true;
-				for (const listener of dialogListeners) listener();
-			},
-			close() {
-				dialogOpen = false;
-				for (const listener of dialogListeners) listener();
-			}
-		};
 		function Icon({ name, size = 16 }) {
 			return (0, react_jsx_runtime.jsx)("svg", {
 				"aria-hidden": "true",
@@ -7079,7 +7060,6 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
 				children: {
-					close: (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: (0, react_jsx_runtime.jsx)("path", { d: "M3 3l10 10M13 3L3 13" }) }),
 					copy: (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("rect", {
 						x: "5.5",
 						y: "5.5",
@@ -7112,72 +7092,15 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			}
 		}
 		const styles = {
-			triggerRow: {
-				width: "calc(100% + 4px)",
-				display: "flex",
-				alignItems: "center",
-				gap: 8,
-				flex: "none",
-				margin: "4px -2px"
-			},
-			triggerRowRail: {
-				width: 36,
-				margin: "8px 0 10px"
-			},
-			trigger: {
-				boxSizing: "border-box",
-				width: "auto",
+			page: {
 				minWidth: 0,
-				height: 42,
-				display: "flex",
-				alignItems: "center",
-				justifyContent: "flex-start",
+				minHeight: 0,
 				flex: 1,
-				gap: 8,
-				margin: 0,
-				padding: "0 10px 0 8px",
-				overflow: "hidden",
-				border: 0,
-				borderRadius: 12,
-				background: "transparent",
-				color: "var(--dsw-alias-label-primary)",
-				font: "inherit",
-				fontSize: 14,
-				lineHeight: "22px",
-				cursor: "pointer",
-				whiteSpace: "nowrap"
-			},
-			triggerRail: {
-				width: 36,
-				height: 36,
-				flex: "none",
-				gap: 0,
-				padding: 0,
-				borderRadius: "50%",
-				justifyContent: "center"
-			},
-			overlay: {
-				position: "fixed",
-				inset: 0,
-				zIndex: 1200,
-				display: "grid",
-				placeItems: "center",
-				padding: 24,
-				background: "var(--dsw-alias-bg-mask-1, rgb(0 0 0 / 32%))",
-				backdropFilter: "blur(5px)",
-				pointerEvents: "auto"
-			},
-			dialog: {
-				width: "min(960px, calc(100vw - 32px))",
-				height: "min(780px, calc(100vh - 32px))",
 				display: "flex",
 				flexDirection: "column",
 				overflow: "hidden",
-				border: "1px solid var(--dsw-alias-border-inverted)",
-				borderRadius: 22,
-				background: "var(--dsw-alias-bg-layer-2)",
-				color: "var(--dsw-alias-label-primary)",
-				boxShadow: "var(--dsw-shadow-lv3, 0 28px 90px rgb(0 0 0 / 30%))"
+				background: "var(--dsw-alias-bg-base)",
+				color: "var(--dsw-alias-label-primary)"
 			},
 			header: {
 				display: "flex",
@@ -7203,18 +7126,6 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				alignItems: "center",
 				gap: 12
 			},
-			close: {
-				width: 32,
-				height: 32,
-				display: "grid",
-				placeItems: "center",
-				flex: "none",
-				border: 0,
-				borderRadius: 9,
-				background: "transparent",
-				color: "var(--dsw-alias-label-secondary)",
-				cursor: "pointer"
-			},
 			toolbar: {
 				display: "flex",
 				alignItems: "center",
@@ -7225,6 +7136,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			search: {
 				minWidth: 0,
 				flex: 1,
+				maxWidth: 420,
 				height: 36,
 				boxSizing: "border-box",
 				border: "1px solid var(--dsw-alias-border-l2)",
@@ -7272,7 +7184,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				overflow: "hidden",
 				border: "1px solid var(--dsw-alias-border-l2)",
 				borderRadius: 14,
-				background: "var(--dsw-alias-bg-base)"
+				background: "var(--dsw-alias-bg-layer-2)"
 			},
 			thumb: {
 				aspectRatio: "3 / 2",
@@ -7303,14 +7215,6 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				textOverflow: "ellipsis",
 				whiteSpace: "nowrap"
 			},
-			description: {
-				height: 38,
-				margin: "7px 0 11px",
-				overflow: "hidden",
-				color: "var(--dsw-alias-label-secondary)",
-				fontSize: 12,
-				lineHeight: 1.55
-			},
 			meta: {
 				display: "flex",
 				alignItems: "center",
@@ -7399,7 +7303,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				border: 0,
 				padding: 0,
 				background: "transparent",
-				color: "var(--dsw-alias-label-tertiary)",
+				color: "orange",
 				font: "inherit",
 				fontSize: 12,
 				lineHeight: 1,
@@ -7440,37 +7344,21 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			if (status === 3) return "失败";
 			return `状态 ${status}`;
 		}
-		function MyWorksAction({ wide }) {
-			return (0, react_jsx_runtime.jsx)("div", {
-				style: {
-					...styles.triggerRow,
-					...!wide ? styles.triggerRowRail : {}
-				},
-				children: (0, react_jsx_runtime.jsxs)("button", {
-					type: "button",
-					"aria-label": "我的作品",
-					title: wide ? void 0 : "我的作品",
-					style: {
-						...styles.trigger,
-						...!wide ? styles.triggerRail : {}
-					},
-					onClick: dialog.open,
-					onMouseEnter: (event) => {
-						event.currentTarget.style.background = "var(--dsw-alias-interactive-bg-hover)";
-					},
-					onMouseLeave: (event) => {
-						event.currentTarget.style.background = "transparent";
-					},
-					children: [(0, react_jsx_runtime.jsx)(Icon, {
-						name: "folder",
-						size: wide ? 16 : 18
-					}), wide && (0, react_jsx_runtime.jsx)("span", { children: "我的作品" })]
-				})
+		/**
+		* 侧边栏「我的作品」行的图标。
+		*
+		* 按钮、标签、选中态都归 ui-sidebar 的 PanelRow：这里只按它要的尺寸画图形，
+		* 并用 currentColor 让选中态的配色由外壳决定。
+		*/
+		function MyWorksPanelIcon({ size }) {
+			return (0, react_jsx_runtime.jsx)(Icon, {
+				name: "folder",
+				size
 			});
 		}
-		function MyWorksDialog({ remote }) {
+		/** 主列的「我的作品」页：登录后按页展示当前账号发布过的网页作品。 */
+		function MyWorksPanel({ remote }) {
 			const account = useEdusLogin();
-			const open = (0, react.useSyncExternalStore)(dialog.subscribe, dialog.getSnapshot, () => false);
 			const [list, setList] = (0, react.useState)([]);
 			const [page, setPage] = (0, react.useState)(1);
 			const [total, setTotal] = (0, react.useState)(0);
@@ -7503,7 +7391,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				setError("");
 				await load(result.token, 1, "");
 			}, [load]);
-			/** 退出后弹窗停留在登录面板，因此顺手把上一个账号的列表状态清干净。 */
+			/** 退出后页面停留在登录面板，因此顺手把上一个账号的列表状态清干净。 */
 			const logout = (0, react.useCallback)(() => {
 				setConfirmLogout(false);
 				EdusAuthStore.logout();
@@ -7539,298 +7427,281 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					setSharing(null);
 				}
 			};
+			/**
+			* 主列面板在切走时会被卸载，所以每次进入都从存储的登录态重新拉一次列表；
+			* 这也顺带把过期 token 挡在渲染之前。
+			*/
 			(0, react.useEffect)(() => {
-				if (!open) return;
 				setError("");
 				setNotice("");
 				setConfirmLogout(false);
 				const stored = EdusAuthStore.getSnapshot();
-				if (stored === null) setLoading(false);
-				if (stored !== null) {
-					setLoading(true);
-					remote.loginInfo(stored.token).then(async (refreshed) => {
-						EdusAuthStore.set(refreshed);
-						await load(refreshed.token, 1, "");
-					}).catch(() => {
-						EdusAuthStore.logout();
-						setError("登录状态已失效，请重新登录。");
-						setLoading(false);
-					});
+				if (stored === null) {
+					setLoading(false);
+					return;
 				}
-				const onKeyDown = (event) => {
-					if (event.key === "Escape") dialog.close();
-				};
-				document.addEventListener("keydown", onKeyDown);
-				return () => document.removeEventListener("keydown", onKeyDown);
-			}, [
-				load,
-				open,
-				remote
-			]);
-			if (!open) return null;
-			return (0, react_jsx_runtime.jsx)("div", {
-				style: styles.overlay,
-				role: "presentation",
-				onMouseDown: dialog.close,
-				children: (0, react_jsx_runtime.jsxs)("section", {
-					style: styles.dialog,
-					role: "dialog",
-					"aria-modal": "true",
-					"aria-labelledby": "edus-my-works-title",
-					onMouseDown: (event) => event.stopPropagation(),
-					children: [
-						(0, react_jsx_runtime.jsxs)("header", {
-							style: styles.header,
-							children: [(0, react_jsx_runtime.jsxs)("div", {
+				setLoading(true);
+				remote.loginInfo(stored.token).then(async (refreshed) => {
+					EdusAuthStore.set(refreshed);
+					await load(refreshed.token, 1, "");
+				}).catch(() => {
+					EdusAuthStore.logout();
+					setError("登录状态已失效，请重新登录。");
+					setLoading(false);
+				});
+			}, [load, remote]);
+			return (0, react_jsx_runtime.jsxs)("section", {
+				style: styles.page,
+				"aria-labelledby": "edus-my-works-title",
+				children: [
+					(0, react_jsx_runtime.jsx)("header", {
+						style: styles.header,
+						children: (0, react_jsx_runtime.jsxs)("div", {
+							style: {
+								minWidth: 0,
+								flex: 1
+							},
+							children: [(0, react_jsx_runtime.jsx)("h2", {
+								id: "edus-my-works-title",
+								style: styles.title,
+								children: "我的作品"
+							}), (0, react_jsx_runtime.jsxs)("p", {
 								style: {
-									minWidth: 0,
-									flex: 1
+									...styles.subtitle,
+									...styles.subtitleRow
 								},
-								children: [(0, react_jsx_runtime.jsx)("h2", {
-									id: "edus-my-works-title",
-									style: styles.title,
-									children: "我的作品"
-								}), (0, react_jsx_runtime.jsxs)("p", {
-									style: {
-										...styles.subtitle,
-										...styles.subtitleRow
-									},
-									children: [(0, react_jsx_runtime.jsx)("span", {
-										style: {
-											minWidth: 0,
-											overflow: "hidden",
-											textOverflow: "ellipsis",
-											whiteSpace: "nowrap"
-										},
-										children: account === null ? "登录课成账号，查看你发布过的网页作品。" : `${account.title || account.phone} · 共 ${total} 个作品`
-									}), account !== null && (confirmLogout ? (0, react_jsx_runtime.jsxs)("span", {
-										style: styles.confirmRow,
-										children: [
-											(0, react_jsx_runtime.jsx)("span", { children: "确定退出登录？" }),
-											(0, react_jsx_runtime.jsx)("button", {
-												type: "button",
-												style: styles.danger,
-												onClick: logout,
-												children: "退出"
-											}),
-											(0, react_jsx_runtime.jsx)("button", {
-												type: "button",
-												style: styles.quiet,
-												onClick: () => setConfirmLogout(false),
-												children: "取消"
-											})
-										]
-									}) : (0, react_jsx_runtime.jsxs)("button", {
-										type: "button",
-										title: "退出登录",
-										style: { ...styles.quiet },
-										onClick: () => setConfirmLogout(true),
-										children: [(0, react_jsx_runtime.jsx)(Icon, {
-											name: "logout",
-											size: 13
-										}), "退出登录"]
-									}))]
-								})]
-							}), (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								"aria-label": "关闭我的作品",
-								style: styles.close,
-								onClick: dialog.close,
-								children: (0, react_jsx_runtime.jsx)(Icon, { name: "close" })
-							})]
-						}),
-						account !== null && (0, react_jsx_runtime.jsxs)("form", {
-							style: styles.toolbar,
-							onSubmit: (event) => {
-								event.preventDefault();
-								load(account.token, 1, searchInput.trim());
-							},
-							children: [
-								(0, react_jsx_runtime.jsx)("input", {
-									"aria-label": "搜索作品",
-									style: styles.search,
-									value: searchInput,
-									placeholder: "搜索标题或描述",
-									onChange: (event) => setSearchInput(event.target.value)
-								}),
-								(0, react_jsx_runtime.jsxs)("button", {
-									type: "submit",
+								children: [(0, react_jsx_runtime.jsx)("span", {
 									style: {
-										...styles.button,
-										...styles.primary
+										minWidth: 0,
+										flex: 1,
+										overflow: "hidden",
+										textOverflow: "ellipsis",
+										whiteSpace: "nowrap"
 									},
-									disabled: loading,
-									children: [(0, react_jsx_runtime.jsx)(Icon, {
-										name: "search",
-										size: 15
-									}), "搜索"]
-								}),
-								(0, react_jsx_runtime.jsxs)("button", {
-									type: "button",
-									style: styles.button,
-									disabled: loading,
-									onClick: () => void load(account.token, page, search),
-									children: [(0, react_jsx_runtime.jsx)(Icon, {
-										name: "refresh",
-										size: 15
-									}), "刷新"]
-								})
-							]
-						}),
-						(0, react_jsx_runtime.jsxs)("div", {
-							style: styles.body,
-							children: [account === null ? (0, react_jsx_runtime.jsx)("div", {
-								style: styles.login,
-								children: (0, react_jsx_runtime.jsx)(EdusLoginPanel, {
-									remote,
-									intro: (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("strong", { children: "登录课成账号" }), (0, react_jsx_runtime.jsx)("p", {
-										style: {
-											...styles.subtitle,
-											margin: "5px 0 0"
-										},
-										children: "作品列表仅展示当前账号创建的内容。"
-									})] }),
-									notice: error,
-									submitLabel: "登录并查看作品",
-									onSuccess: afterLogin,
-									theme: {
-										field: styles.field,
-										button: styles.button,
-										primary: {
-											...styles.button,
-											...styles.primary,
-											height: 40
-										},
-										error: styles.error
-									}
-								})
-							}) : loading ? (0, react_jsx_runtime.jsx)("div", {
-								style: styles.center,
-								children: "正在读取作品列表…"
-							}) : list.length === 0 ? (0, react_jsx_runtime.jsx)("div", {
-								style: styles.center,
-								children: (0, react_jsx_runtime.jsxs)("div", { children: [(0, react_jsx_runtime.jsx)(Icon, {
-									name: "folder",
-									size: 30
-								}), (0, react_jsx_runtime.jsx)("p", { children: search === "" ? "还没有发布过作品" : "没有找到匹配的作品" })] })
-							}) : (0, react_jsx_runtime.jsx)("div", {
-								style: styles.grid,
-								children: list.map((work) => (0, react_jsx_runtime.jsxs)("article", {
-									style: styles.card,
+									children: account === null ? "登录课成账号，查看你发布过的网页作品。" : `${account.title || account.phone} · 共 ${total} 个作品`
+								}), account !== null && (confirmLogout ? (0, react_jsx_runtime.jsxs)("span", {
+									style: styles.confirmRow,
 									children: [
-										work.thumb ? (0, react_jsx_runtime.jsx)("img", {
-											alt: "",
-											src: work.thumb,
-											style: styles.thumb
-										}) : (0, react_jsx_runtime.jsx)("div", {
-											style: styles.placeholder,
-											children: "暂无预览图"
+										(0, react_jsx_runtime.jsx)("span", { children: "确定退出登录？" }),
+										(0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											style: styles.danger,
+											onClick: logout,
+											children: "退出"
 										}),
-										(0, react_jsx_runtime.jsxs)("div", {
-											style: styles.cardBody,
-											children: [(0, react_jsx_runtime.jsx)("h3", {
-												title: work.title,
-												style: styles.cardTitle,
-												children: work.title || "未命名作品"
-											}), (0, react_jsx_runtime.jsxs)("div", {
-												style: styles.meta,
-												children: [
-													(0, react_jsx_runtime.jsx)("span", {
-														style: styles.badge,
-														children: statusOf(work.status)
-													}),
-													(0, react_jsx_runtime.jsx)("span", { children: formatDate(work.updatedAt) }),
-													(0, react_jsx_runtime.jsxs)("span", {
-														style: { marginLeft: "auto" },
-														children: [work.views, " 次浏览"]
-													})
-												]
-											})]
-										}),
-										(0, react_jsx_runtime.jsxs)("div", {
-											style: styles.cardActions,
-											children: [(0, react_jsx_runtime.jsxs)("button", {
-												type: "button",
-												style: styles.cardAction,
-												disabled: sharing === work.id || work.status !== 2,
-												onClick: () => void share(work, "open"),
-												children: [(0, react_jsx_runtime.jsx)(Icon, {
-													name: "open",
-													size: 14
-												}), "打开"]
-											}), (0, react_jsx_runtime.jsxs)("button", {
-												type: "button",
-												style: {
-													...styles.cardAction,
-													borderRight: 0
-												},
-												disabled: sharing === work.id || work.status !== 2,
-												onClick: () => void share(work, "copy"),
-												children: [(0, react_jsx_runtime.jsx)(Icon, {
-													name: "copy",
-													size: 14
-												}), sharing === work.id ? "处理中…" : "复制链接"]
-											})]
+										(0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											style: styles.quiet,
+											onClick: () => setConfirmLogout(false),
+											children: "取消"
 										})
 									]
-								}, work.id))
-							}), account !== null && error !== "" && (0, react_jsx_runtime.jsx)("p", {
+								}) : (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									title: "退出登录",
+									style: { ...styles.quiet },
+									onClick: () => setConfirmLogout(true),
+									children: [(0, react_jsx_runtime.jsx)(Icon, {
+										name: "logout",
+										size: 13
+									}), "退出登录"]
+								}))]
+							})]
+						})
+					}),
+					account !== null && (0, react_jsx_runtime.jsxs)("form", {
+						style: styles.toolbar,
+						onSubmit: (event) => {
+							event.preventDefault();
+							load(account.token, 1, searchInput.trim());
+						},
+						children: [
+							(0, react_jsx_runtime.jsx)("input", {
+								"aria-label": "搜索作品",
+								style: styles.search,
+								value: searchInput,
+								placeholder: "搜索标题或描述",
+								onChange: (event) => setSearchInput(event.target.value)
+							}),
+							(0, react_jsx_runtime.jsxs)("button", {
+								type: "submit",
 								style: {
-									...styles.error,
-									marginTop: 14
+									...styles.button,
+									...styles.primary
 								},
-								children: error
-							})]
-						}),
-						account !== null && (0, react_jsx_runtime.jsxs)("footer", {
-							style: styles.footer,
-							children: [
-								(0, react_jsx_runtime.jsxs)("span", { children: [
-									"第 ",
-									page,
-									" / ",
-									pages,
-									" 页"
-								] }),
-								notice !== "" && (0, react_jsx_runtime.jsx)("span", {
-									role: "status",
-									style: styles.toast,
-									children: notice
-								}),
-								(0, react_jsx_runtime.jsxs)("div", {
+								disabled: loading,
+								children: [(0, react_jsx_runtime.jsx)(Icon, {
+									name: "search",
+									size: 15
+								}), "搜索"]
+							}),
+							(0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								style: styles.button,
+								disabled: loading,
+								onClick: () => void load(account.token, page, search),
+								children: [(0, react_jsx_runtime.jsx)(Icon, {
+									name: "refresh",
+									size: 15
+								}), "刷新"]
+							})
+						]
+					}),
+					(0, react_jsx_runtime.jsxs)("div", {
+						style: styles.body,
+						children: [account === null ? (0, react_jsx_runtime.jsx)("div", {
+							style: styles.login,
+							children: (0, react_jsx_runtime.jsx)(EdusLoginPanel, {
+								remote,
+								intro: (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("strong", { children: "登录课成账号" }), (0, react_jsx_runtime.jsx)("p", {
 									style: {
-										display: "flex",
-										gap: 8
+										...styles.subtitle,
+										margin: "5px 0 0"
 									},
-									children: [(0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										style: styles.button,
-										disabled: loading || page <= 1,
-										onClick: () => void load(account.token, page - 1, search),
-										children: "上一页"
-									}), (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										style: styles.button,
-										disabled: loading || page >= pages,
-										onClick: () => void load(account.token, page + 1, search),
-										children: "下一页"
-									})]
-								})
-							]
-						})
-					]
-				})
+									children: "作品列表仅展示当前账号创建的内容。"
+								})] }),
+								notice: error,
+								submitLabel: "登录并查看作品",
+								onSuccess: afterLogin,
+								theme: {
+									field: styles.field,
+									button: styles.button,
+									primary: {
+										...styles.button,
+										...styles.primary,
+										height: 40
+									},
+									error: styles.error
+								}
+							})
+						}) : loading ? (0, react_jsx_runtime.jsx)("div", {
+							style: styles.center,
+							children: "正在读取作品列表…"
+						}) : list.length === 0 ? (0, react_jsx_runtime.jsx)("div", {
+							style: styles.center,
+							children: (0, react_jsx_runtime.jsxs)("div", { children: [(0, react_jsx_runtime.jsx)(Icon, {
+								name: "folder",
+								size: 30
+							}), (0, react_jsx_runtime.jsx)("p", { children: search === "" ? "还没有发布过作品" : "没有找到匹配的作品" })] })
+						}) : (0, react_jsx_runtime.jsx)("div", {
+							style: styles.grid,
+							children: list.map((work) => (0, react_jsx_runtime.jsxs)("article", {
+								style: styles.card,
+								children: [
+									work.thumb ? (0, react_jsx_runtime.jsx)("img", {
+										alt: "",
+										src: work.thumb,
+										style: styles.thumb
+									}) : (0, react_jsx_runtime.jsx)("div", {
+										style: styles.placeholder,
+										children: "暂无预览图"
+									}),
+									(0, react_jsx_runtime.jsxs)("div", {
+										style: styles.cardBody,
+										children: [(0, react_jsx_runtime.jsx)("h3", {
+											title: work.title,
+											style: styles.cardTitle,
+											children: work.title || "未命名作品"
+										}), (0, react_jsx_runtime.jsxs)("div", {
+											style: styles.meta,
+											children: [
+												(0, react_jsx_runtime.jsx)("span", {
+													style: styles.badge,
+													children: statusOf(work.status)
+												}),
+												(0, react_jsx_runtime.jsx)("span", { children: formatDate(work.updatedAt) }),
+												(0, react_jsx_runtime.jsxs)("span", {
+													style: { marginLeft: "auto" },
+													children: [work.views, " 次浏览"]
+												})
+											]
+										})]
+									}),
+									(0, react_jsx_runtime.jsxs)("div", {
+										style: styles.cardActions,
+										children: [(0, react_jsx_runtime.jsxs)("button", {
+											type: "button",
+											style: styles.cardAction,
+											disabled: sharing === work.id || work.status !== 2,
+											onClick: () => void share(work, "open"),
+											children: [(0, react_jsx_runtime.jsx)(Icon, {
+												name: "open",
+												size: 14
+											}), "打开"]
+										}), (0, react_jsx_runtime.jsxs)("button", {
+											type: "button",
+											style: {
+												...styles.cardAction,
+												borderRight: 0
+											},
+											disabled: sharing === work.id || work.status !== 2,
+											onClick: () => void share(work, "copy"),
+											children: [(0, react_jsx_runtime.jsx)(Icon, {
+												name: "copy",
+												size: 14
+											}), sharing === work.id ? "处理中…" : "复制链接"]
+										})]
+									})
+								]
+							}, work.id))
+						}), account !== null && error !== "" && (0, react_jsx_runtime.jsx)("p", {
+							style: {
+								...styles.error,
+								marginTop: 14
+							},
+							children: error
+						})]
+					}),
+					account !== null && (0, react_jsx_runtime.jsxs)("footer", {
+						style: styles.footer,
+						children: [
+							(0, react_jsx_runtime.jsxs)("span", { children: [
+								"第 ",
+								page,
+								" / ",
+								pages,
+								" 页"
+							] }),
+							notice !== "" && (0, react_jsx_runtime.jsx)("span", {
+								role: "status",
+								style: styles.toast,
+								children: notice
+							}),
+							(0, react_jsx_runtime.jsxs)("div", {
+								style: {
+									display: "flex",
+									gap: 8
+								},
+								children: [(0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									style: styles.button,
+									disabled: loading || page <= 1,
+									onClick: () => void load(account.token, page - 1, search),
+									children: "上一页"
+								}), (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									style: styles.button,
+									disabled: loading || page >= pages,
+									onClick: () => void load(account.token, page + 1, search),
+									children: "下一页"
+								})]
+							})
+						]
+					})
+				]
 			});
 		}
 		//#endregion
 		//#region lib/types/client/index.js
 		const inject = ["slots", "remote"];
+		/** 侧边栏行与它打开的主列面板共用这个 id；两者缺一，点击就会抛错。 */
+		const WORKS_PANEL_ID = "edus-works";
 		function unwrap(result) {
 			if (!result.ok) throw new Error(result.error.message);
 			return result.value;
 		}
 		/**
-		* Register the right-sidebar HTML publish extension and the works dialog.
+		* Register the right-sidebar HTML publish extension and the works panel.
 		*
 		* 产品品牌不在这里：它属于产品外壳，由 dsh-desktop 的构建注入，业务插件
 		* 不占用品牌槽位，也就不会因为换品牌而需要重新发版。
@@ -7887,16 +7758,18 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					unwrap(await bridge.htmlVersionDelete(token, id));
 				}
 			};
-			ctx.slots.inject("sidebar.footer.action", () => ctx.slots.register({
-				name: "sidebar.footer.action",
-				id: "edus:my-works"
-			}, (props) => (0, react_jsx_runtime.jsx)(MyWorksAction, { ...props })));
-			const overlaySlots = ctx.slots;
-			overlaySlots.inject("shell.overlay", () => overlaySlots.register({
-				name: "shell.overlay",
-				id: "edus:my-works-dialog",
+			const mainSlots = ctx.slots;
+			mainSlots.inject("main", () => mainSlots.register({
+				name: "main",
+				key: WORKS_PANEL_ID,
 				inject: () => ({ remote })
-			}, ({ remote: injectedRemote }) => (0, react_jsx_runtime.jsx)(MyWorksDialog, { remote: injectedRemote })));
+			}, ({ remote: injectedRemote }) => (0, react_jsx_runtime.jsx)(MyWorksPanel, { remote: injectedRemote })));
+			ctx.slots.inject("sidebar.panellist", () => ctx.slots.register({
+				name: "sidebar.panellist",
+				id: WORKS_PANEL_ID,
+				order: -1,
+				label: "我的作品"
+			}, (props) => (0, react_jsx_runtime.jsx)(MyWorksPanelIcon, { ...props })));
 			ctx.inject(["slots", "documentPreviews"], (child) => applyHtmlPublishPreview(child, remote));
 		}
 		function applyHtmlPublishPreview(ctx, remote) {

package/lib/types/client/MyWorksPanel.d.ts

@@ -0,0 +1,14 @@
+import type { SidebarPanelIconOwnerProps } from '@deepseek-ai/dsh-client-ui-sidebar/client';
+import type { EdusRemote } from './HtmlWorkbench.tsx';
+/**
+ * 侧边栏「我的作品」行的图标。
+ *
+ * 按钮、标签、选中态都归 ui-sidebar 的 PanelRow：这里只按它要的尺寸画图形，
+ * 并用 currentColor 让选中态的配色由外壳决定。
+ */
+export declare function MyWorksPanelIcon({ size }: SidebarPanelIconOwnerProps): import("react").JSX.Element;
+/** 主列的「我的作品」页：登录后按页展示当前账号发布过的网页作品。 */
+export declare function MyWorksPanel({ remote }: {
+    readonly remote: EdusRemote;
+}): import("react").JSX.Element;
+//# sourceMappingURL=MyWorksPanel.d.ts.map

package/lib/types/client/index.d.ts

@@ -1,7 +1,7 @@
 import type { Context as ClientContext } from '@deepseek-ai/cordis';
 export declare const inject: string[];
 /**
- * Register the right-sidebar HTML publish extension and the works dialog.
+ * Register the right-sidebar HTML publish extension and the works panel.
  *
  * 产品品牌不在这里：它属于产品外壳，由 dsh-desktop 的构建注入，业务插件
  * 不占用品牌槽位，也就不会因为换品牌而需要重新发版。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@houser/edus-plugin",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "",
   "license": "ISC",
   "author": "",

package/lib/types/client/MyWorksAction.d.ts

@@ -1,7 +0,0 @@
-import type { SidebarFooterActionOwnerProps } from '@deepseek-ai/dsh-client-ui-sidebar/client';
-import type { EdusRemote } from './HtmlWorkbench.tsx';
-export declare function MyWorksAction({ wide }: SidebarFooterActionOwnerProps): import("react").JSX.Element;
-export declare function MyWorksDialog({ remote }: {
-    readonly remote: EdusRemote;
-}): import("react").JSX.Element | null;
-//# sourceMappingURL=MyWorksAction.d.ts.map