@houser/edus-plugin 1.0.9 → 1.0.10

package/lib/client.js

@@ -20836,1308 +20836,1345 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			});
 		}
 		//#endregion
-		//#region lib/types/client/HtmlPublishPreview.js
-		function fileRef(address) {
-			if (!address.startsWith("dsh-resource://file/session/")) return null;
-			try {
-				const [sessionId, ...path] = address.slice(28).split(/[?#]/, 1)[0]?.split("/") ?? [];
-				if (sessionId === void 0 || sessionId === "" || path.length === 0) return null;
-				return {
-					sessionId: decodeURIComponent(sessionId),
-					path: path.map(decodeURIComponent).join("/")
-				};
-			} catch {
-				return null;
-			}
-		}
-		function basename(path) {
-			return path.split("/").at(-1) ?? path;
+		//#region lib/types/client/LoginGuide.js
+		/**
+		* 对话模型必须登录课成账号才能用（网关以登录 token 鉴权计费），而 Harness 自带
+		* 的账号与模型设置入口都已屏蔽，所以登录引导由本插件提供：
+		*
+		* - 全局登录弹窗（shell.overlay）：未登录启动时自动弹出一次，可点右上角关闭；
+		* - 输入框上方横幅（conversation.input.dock）：会话内未登录时常驻；
+		* - 侧边栏底部按钮（sidebar.footer.action）：新会话页也能找到登录入口。
+		*
+		* 三处共用一个弹窗开关，登录成功后弹窗关闭、横幅消失；侧边栏按钮转为显示当前
+		* 账号，点击打开账号信息弹窗（AccountDialogOverlay）。
+		*/
+		let dialogOpen = false;
+		/** 打开弹窗时附带的提示（如「登录状态已失效」），关闭时清空。 */
+		let dialogNotice = "";
+		const dialogListeners = /* @__PURE__ */ new Set();
+		function setDialogOpen(next, notice = "") {
+			if (dialogOpen === next && dialogNotice === notice) return;
+			dialogOpen = next;
+			dialogNotice = notice;
+			for (const listener of dialogListeners) listener();
 		}
-		/** 后端在未开通会员时返回的提示里带有这个字眼，此时改为引导扫码联系客服。 */
-		const MEMBERSHIP_HINT = "需要开通会员";
-		const SERVICE_QR = "https://cdn.juzhenai.cn/ai-edu/assets/wechat.webp";
-		const styles$1 = {
-			root: {
-				display: "flex",
-				flexDirection: "column",
-				height: "100%",
-				minHeight: 0,
-				background: "var(--dsw-alias-bg-base)"
+		const EdusLoginDialog = {
+			open(notice) {
+				setDialogOpen(true, typeof notice === "string" ? notice : "");
 			},
-			bar: {
-				display: "flex",
-				alignItems: "center",
-				gap: 7,
-				padding: "7px 10px",
-				borderBottom: "1px solid var(--dsw-alias-border-l2)",
-				background: "var(--dsw-alias-bg-layer-1)"
+			close() {
+				setDialogOpen(false);
 			},
-			button: {
-				border: "1px solid var(--dsw-alias-border-l2)",
-				borderRadius: 6,
-				padding: "4px 8px",
-				background: "transparent",
-				color: "var(--dsw-alias-label-primary)",
-				font: "inherit",
-				fontSize: 12,
-				cursor: "pointer"
+			notice: () => dialogNotice,
+			subscribe(listener) {
+				dialogListeners.add(listener);
+				return () => {
+					dialogListeners.delete(listener);
+				};
 			},
-			primary: {
-				border: "none",
-				borderRadius: 7,
-				padding: "6px 11px",
-				background: "var(--dsw-alias-button-primary-fill)",
-				color: "var(--dsw-alias-label-primary-inverted)",
-				font: "inherit",
-				fontSize: 12,
-				fontWeight: 650,
-				cursor: "pointer"
+			getSnapshot: () => dialogOpen
+		};
+		function useDialogOpen() {
+			return (0, react.useSyncExternalStore)(EdusLoginDialog.subscribe, EdusLoginDialog.getSnapshot, () => false);
+		}
+		/** 账号信息弹窗的开关，与登录弹窗相互独立。 */
+		let accountOpen = false;
+		const accountListeners = /* @__PURE__ */ new Set();
+		function setAccountOpen(next) {
+			if (accountOpen === next) return;
+			accountOpen = next;
+			for (const listener of accountListeners) listener();
+		}
+		const EdusAccountDialog = {
+			open() {
+				setAccountOpen(true);
 			},
-			account: {
-				marginLeft: "auto",
-				color: "var(--dsw-alias-label-tertiary)",
-				fontSize: 11,
-				overflow: "hidden",
-				textOverflow: "ellipsis",
-				whiteSpace: "nowrap"
+			close() {
+				setAccountOpen(false);
 			},
-			frame: {
-				flex: 1,
-				minHeight: 0,
-				width: "100%",
-				border: 0,
-				background: "#fff"
+			subscribe(listener) {
+				accountListeners.add(listener);
+				return () => {
+					accountListeners.delete(listener);
+				};
 			},
-			overlay: {
+			getSnapshot: () => accountOpen
+		};
+		function useAccountOpen() {
+			return (0, react.useSyncExternalStore)(EdusAccountDialog.subscribe, EdusAccountDialog.getSnapshot, () => false);
+		}
+		const ui = {
+			backdrop: {
 				position: "fixed",
 				inset: 0,
-				zIndex: 1100,
+				zIndex: 1200,
 				display: "grid",
 				placeItems: "center",
-				padding: 18,
-				background: "rgb(9 19 16 / 56%)",
-				backdropFilter: "blur(5px)"
+				background: "rgb(0 0 0 / .35)",
+				pointerEvents: "auto"
 			},
-			dialog: {
-				width: "min(460px, 100%)",
-				overflow: "hidden",
-				border: "1px solid color-mix(in srgb, var(--dsw-alias-border-l2) 70%, white)",
-				borderRadius: 16,
+			card: {
+				position: "relative",
+				boxSizing: "border-box",
+				width: "min(380px, calc(100vw - 32px))",
 				background: "var(--dsw-alias-bg-base)",
-				boxShadow: "0 24px 70px rgb(0 0 0 / 32%)"
-			},
-			hero: {
-				padding: "22px 24px 18px",
-				background: "linear-gradient(135deg, #173329 0%, #29553d 100%)",
-				color: "#f7fbf8"
+				color: "var(--dsw-alias-label-primary)",
+				padding: "28px 28px 22px",
+				borderRadius: 14,
+				boxShadow: "0 20px 60px rgb(0 0 0 / 25%)"
 			},
-			eyebrow: {
-				margin: 0,
-				color: "#b9ddc6",
-				fontSize: 11,
-				fontWeight: 700,
-				letterSpacing: ".12em"
+			close: {
+				position: "absolute",
+				top: 12,
+				right: 12,
+				display: "grid",
+				placeItems: "center",
+				width: 28,
+				height: 28,
+				border: 0,
+				borderRadius: 7,
+				padding: 0,
+				background: "transparent",
+				color: "var(--dsw-alias-label-tertiary)",
+				cursor: "pointer"
 			},
 			title: {
-				margin: "7px 0 0",
-				fontSize: 21,
-				lineHeight: 1.2,
-				letterSpacing: "-.02em"
+				margin: 0,
+				fontSize: 18,
+				fontWeight: 650
 			},
-			body: { padding: "20px 24px 22px" },
-			copy: {
-				margin: "0 0 16px",
+			intro: {
+				margin: "6px 0 8px",
 				color: "var(--dsw-alias-label-secondary)",
 				fontSize: 13,
-				lineHeight: 1.6
+				lineHeight: 1.5
 			},
-			field: {
-				boxSizing: "border-box",
+			dialogField: {
+				height: 40,
+				borderRadius: 9,
+				padding: "0 12px"
+			},
+			dialogPrimary: {
 				width: "100%",
-				border: "1px solid var(--dsw-alias-border-l2)",
-				borderRadius: 8,
-				padding: "10px 11px",
-				color: "var(--dsw-alias-label-primary)",
-				background: "var(--dsw-alias-bg-base)",
-				font: "inherit",
-				fontSize: 13
+				height: 42,
+				borderRadius: 9,
+				fontSize: 14
 			},
-			option: {
+			dock: {
+				boxSizing: "border-box",
+				width: "calc(100% - 2 * var(--dsh-composer-side-clearance) - 4 * var(--dsh-composer-dock-inset))",
+				margin: "0 auto"
+			},
+			banner: {
+				boxSizing: "border-box",
 				display: "flex",
-				alignItems: "flex-start",
+				alignItems: "center",
 				gap: 10,
-				padding: 12,
-				border: "1px solid var(--dsw-alias-border-l2)",
-				borderRadius: 10,
-				cursor: "pointer"
-			},
-			optionSelected: {
-				borderColor: "var(--dsw-alias-brand-primary)",
-				background: "color-mix(in srgb, var(--dsw-alias-brand-primary) 8%, transparent)"
-			},
-			optionTitle: {
-				display: "block",
+				width: "100%",
+				maxWidth: "calc(var(--dsh-composer-card-max-width) - 4 * var(--dsh-composer-dock-inset))",
+				height: 36,
+				margin: "0 auto",
+				padding: "4px 5px 4px 12px",
+				borderRadius: "var(--dsw-radius-md)",
+				background: "var(--dsw-alias-bg-base)",
+				boxShadow: "var(--dsw-elevation-panel)",
 				color: "var(--dsw-alias-label-primary)",
-				fontSize: 13,
-				fontWeight: 650
+				fontSize: 13
 			},
-			optionText: {
-				display: "block",
-				marginTop: 3,
-				color: "var(--dsw-alias-label-secondary)",
-				fontSize: 12,
-				lineHeight: 1.45
+			bannerText: {
+				flex: 1,
+				minWidth: 0,
+				overflow: "hidden",
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap"
 			},
-			error: {
-				margin: "12px 0 0",
-				color: "var(--dsw-alias-state-error-primary)",
+			primary: {
+				flex: "none",
+				height: 28,
+				border: "none",
+				borderRadius: "var(--dsw-radius-sm, 6px)",
+				padding: "0 12px",
+				background: "var(--dsw-alias-button-primary-fill)",
+				color: "var(--dsw-alias-label-primary-inverted)",
+				font: "inherit",
 				fontSize: 12,
-				lineHeight: 1.45
-			},
-			actions: {
+				fontWeight: 650,
+				cursor: "pointer"
+			},
+			footer: {
+				boxSizing: "border-box",
 				display: "flex",
-				justifyContent: "flex-end",
-				gap: 8,
-				marginTop: 20
+				alignItems: "center",
+				justifyContent: "center",
+				gap: 6,
+				width: "100%",
+				padding: "8px 10px",
+				border: "none",
+				borderRadius: 8,
+				background: "var(--dsw-alias-button-primary-fill)",
+				color: "var(--dsw-alias-label-primary-inverted)",
+				font: "inherit",
+				fontSize: 13,
+				fontWeight: 650,
+				cursor: "pointer"
 			},
-			linkBox: {
+			account: {
+				boxSizing: "border-box",
 				display: "flex",
 				alignItems: "center",
 				gap: 8,
-				padding: 10,
-				border: "1px solid var(--dsw-alias-border-l2)",
-				borderRadius: 9,
-				background: "var(--dsw-alias-bg-layer-1)"
+				width: "100%",
+				padding: "6px 8px",
+				border: "none",
+				borderRadius: 8,
+				background: "var(--dsw-alias-bg-layer-1, rgb(0 0 0 / 4%))",
+				color: "var(--dsw-alias-label-primary)",
+				font: "inherit",
+				fontSize: 13,
+				textAlign: "left",
+				cursor: "pointer",
+				transition: "background 120ms"
 			},
-			link: {
-				minWidth: 0,
+			accountRail: {
+				boxSizing: "border-box",
+				display: "grid",
+				placeItems: "center",
+				width: 36,
+				height: 36,
+				marginBottom: 6,
+				border: "none",
+				borderRadius: 8,
+				padding: 0,
+				background: "var(--dsw-alias-bg-layer-1, rgb(0 0 0 / 4%))",
+				cursor: "pointer",
+				transition: "background 120ms"
+			},
+			accountHover: { background: "var(--dsw-alias-interactive-bg-hover, rgb(0 0 0 / 8%))" },
+			chevron: {
+				flex: "none",
+				display: "grid",
+				placeItems: "center",
+				color: "var(--dsw-alias-label-tertiary)"
+			},
+			avatar: {
+				flex: "none",
+				display: "grid",
+				placeItems: "center",
+				width: 26,
+				height: 26,
+				borderRadius: "50%",
+				background: "var(--dsw-alias-button-primary-fill)",
+				color: "var(--dsw-alias-label-primary-inverted)"
+			},
+			accountName: {
 				flex: 1,
+				minWidth: 0,
 				overflow: "hidden",
-				color: "var(--dsw-alias-brand-primary)",
-				fontSize: 12,
 				textOverflow: "ellipsis",
 				whiteSpace: "nowrap"
 			},
-			success: {
+			badge: {
+				flex: "none",
+				padding: "1px 6px",
+				borderRadius: 999,
+				background: "var(--dsw-alias-bg-l2, rgb(0 0 0 / 6%))",
+				color: "var(--dsw-alias-brand-primary)",
+				fontSize: 11,
+				fontWeight: 600
+			},
+			profile: {
+				display: "flex",
+				alignItems: "center",
+				gap: 12,
+				marginBottom: 18
+			},
+			profileAvatar: {
+				flex: "none",
 				display: "grid",
 				placeItems: "center",
-				width: 32,
-				height: 32,
+				width: 44,
+				height: 44,
 				borderRadius: "50%",
-				background: "#e3f4e8",
-				color: "#237344",
-				fontSize: 18,
-				fontWeight: 700
+				background: "var(--dsw-alias-button-primary-fill)",
+				color: "var(--dsw-alias-label-primary-inverted)"
 			},
-			memberCard: {
+			profileName: {
+				margin: 0,
+				fontSize: 16,
+				fontWeight: 650,
+				overflow: "hidden",
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap"
+			},
+			profileSub: {
+				margin: "2px 0 0",
+				color: "var(--dsw-alias-label-tertiary)",
+				fontSize: 12
+			},
+			section: {
+				margin: "0 0 14px",
+				padding: "12px 14px",
+				borderRadius: 10,
+				border: "1px solid var(--dsw-alias-border-l2)"
+			},
+			sectionTitle: {
+				margin: "0 0 8px",
+				color: "var(--dsw-alias-label-secondary)",
+				fontSize: 12,
+				fontWeight: 600
+			},
+			row: {
+				display: "flex",
+				justifyContent: "space-between",
+				gap: 12,
+				padding: "3px 0",
+				fontSize: 13
+			},
+			rowLabel: { color: "var(--dsw-alias-label-tertiary)" },
+			meter: {
+				height: 6,
+				margin: "6px 0 4px",
+				borderRadius: 999,
+				background: "var(--dsw-alias-border-l2)",
+				overflow: "hidden"
+			},
+			status: {
+				margin: "0 0 12px",
+				color: "var(--dsw-alias-label-tertiary)",
+				fontSize: 12
+			},
+			errorText: {
+				margin: "0 0 12px",
+				color: "var(--dsw-alias-state-error-primary)",
+				fontSize: 12
+			},
+			support: {
 				display: "flex",
-				gap: 14,
 				alignItems: "center",
-				margin: "14px 0 0",
-				padding: 13,
-				border: "1px solid color-mix(in srgb, var(--dsw-alias-state-error-primary) 35%, var(--dsw-alias-border-l2))",
-				borderRadius: 11,
-				background: "var(--dsw-alias-bg-layer-1)"
+				gap: 12,
+				margin: "0",
+				padding: "10px 12px",
+				borderRadius: 10,
+				background: "var(--dsw-alias-bg-layer-1, rgb(0 0 0 / 4%))"
 			},
-			memberQr: {
+			supportQr: {
 				flex: "none",
-				width: 96,
-				height: 96,
-				borderRadius: 8,
+				width: 84,
+				height: 84,
+				borderRadius: 6,
 				background: "#fff",
 				objectFit: "contain"
 			},
-			memberTitle: {
+			supportTitle: {
 				margin: 0,
-				color: "var(--dsw-alias-label-primary)",
 				fontSize: 13,
 				fontWeight: 650
 			},
-			memberText: {
-				margin: "5px 0 0",
+			supportText: {
+				margin: "4px 0 0",
 				color: "var(--dsw-alias-label-secondary)",
 				fontSize: 12,
 				lineHeight: 1.55
 			},
-			accountCard: {
-				margin: "0 0 15px",
-				padding: "9px 11px",
-				borderLeft: "3px solid var(--dsw-alias-brand-primary)",
-				borderRadius: 6,
-				background: "var(--dsw-alias-bg-layer-1)",
-				color: "var(--dsw-alias-label-secondary)",
-				fontSize: 12,
-				lineHeight: 1.5
+			dialogActions: {
+				display: "flex",
+				justifyContent: "flex-end",
+				gap: 8,
+				marginTop: 4
+			},
+			quiet: {
+				height: 32,
+				border: "1px solid var(--dsw-alias-border-l2)",
+				borderRadius: 8,
+				padding: "0 14px",
+				background: "transparent",
+				color: "var(--dsw-alias-label-primary)",
+				font: "inherit",
+				fontSize: 13,
+				cursor: "pointer"
+			},
+			danger: {
+				height: 32,
+				border: "none",
+				borderRadius: 8,
+				padding: "0 14px",
+				background: "var(--dsw-alias-state-error-primary)",
+				color: "#fff",
+				font: "inherit",
+				fontSize: 13,
+				fontWeight: 600,
+				cursor: "pointer"
+			},
+			footerRail: {
+				boxSizing: "border-box",
+				display: "grid",
+				placeItems: "center",
+				width: 36,
+				height: 36,
+				marginBottom: 6,
+				border: "none",
+				borderRadius: 8,
+				background: "var(--dsw-alias-button-primary-fill)",
+				color: "var(--dsw-alias-label-primary-inverted)",
+				cursor: "pointer"
 			}
 		};
-		/** 普通报错直接展示文案；会员相关的报错额外给出客服二维码。 */
-		function PublishError({ message }) {
-			if (message === "") return null;
-			if (!message.includes(MEMBERSHIP_HINT)) return (0, react_jsx_runtime.jsx)("p", {
-				style: styles$1.error,
-				children: message
+		function UserIcon() {
+			return (0, react_jsx_runtime.jsxs)("svg", {
+				width: 16,
+				height: 16,
+				viewBox: "0 0 16 16",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: 1.5,
+				strokeLinecap: "round",
+				"aria-hidden": true,
+				children: [(0, react_jsx_runtime.jsx)("circle", {
+					cx: "8",
+					cy: "5.5",
+					r: "2.75"
+				}), (0, react_jsx_runtime.jsx)("path", { d: "M2.75 13.5c.6-2.4 2.7-3.9 5.25-3.9s4.65 1.5 5.25 3.9" })]
 			});
-			return (0, react_jsx_runtime.jsxs)("div", {
-				style: styles$1.memberCard,
-				children: [(0, react_jsx_runtime.jsx)("img", {
-					alt: "客服微信二维码",
-					src: SERVICE_QR,
-					style: styles$1.memberQr
-				}), (0, react_jsx_runtime.jsxs)("div", {
-					style: { minWidth: 0 },
-					children: [(0, react_jsx_runtime.jsx)("p", {
-						style: styles$1.memberTitle,
-						children: message
-					}), (0, react_jsx_runtime.jsx)("p", {
-						style: styles$1.memberText,
-						children: "该功能需要开通会员后使用。请用微信扫描左侧二维码添加客服咨询开通。"
-					})]
-				})]
+		}
+		function ChevronIcon() {
+			return (0, react_jsx_runtime.jsx)("svg", {
+				width: 14,
+				height: 14,
+				viewBox: "0 0 16 16",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: 1.6,
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				"aria-hidden": true,
+				children: (0, react_jsx_runtime.jsx)("path", { d: "M6 4l4 4-4 4" })
 			});
 		}
-		/** An extension-priority document body: native right-preview ergonomics plus a complete edus publishing flow. */
-		function HtmlPublishPreview({ content, resourceAddress, remote }) {
+		function CloseIcon() {
+			return (0, react_jsx_runtime.jsx)("svg", {
+				width: 16,
+				height: 16,
+				viewBox: "0 0 16 16",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: 1.6,
+				strokeLinecap: "round",
+				"aria-hidden": true,
+				children: (0, react_jsx_runtime.jsx)("path", { d: "M4 4l8 8M12 4l-8 8" })
+			});
+		}
+		/** 全局登录弹窗：已登录时不渲染。对话、我的作品等所有需要登录的入口都打开它。 */
+		function LoginDialogOverlay({ remote }) {
+			const open = useDialogOpen();
 			const account = useEdusLogin();
-			const [stage, setStage] = (0, react.useState)("closed");
-			const [destination, setDestination] = (0, react.useState)("new");
-			const [title, setTitle] = (0, react.useState)("");
+			const visible = open && account === null;
 			const [busy, setBusy] = (0, react.useState)(false);
-			const [error, setError] = (0, react.useState)("");
-			const [shareUrl, setShareUrl] = (0, react.useState)(null);
-			const [copied, setCopied] = (0, react.useState)(false);
-			const ref = (0, react.useMemo)(() => fileRef(resourceAddress), [resourceAddress]);
-			const source = (0, react.useMemo)(() => {
-				if (content.kind === "bytes") return new TextDecoder().decode(content.data);
-				return content.kind === "text" ? content.text : "";
-			}, [content]);
-			const marker = (0, react.useMemo)(() => extractMarker(source), [source]);
-			const currentAvailable = marker !== null && marker.owner === account?.phone;
-			const open = async () => {
-				setError("");
-				setShareUrl(null);
-				setCopied(false);
-				setTitle(ref === null ? "" : basename(ref.path).replace(/\.html?$/i, ""));
-				const stored = EdusAuthStore.getSnapshot();
-				if (stored === null) {
-					setStage("login");
-					return;
-				}
-				setBusy(true);
-				setStage("checking");
-				try {
-					const refreshed = await remote.loginInfo(stored.token);
-					EdusAuthStore.set(refreshed);
-					setDestination(marker !== null && marker.owner === refreshed.phone ? "current" : "new");
-					setStage("destination");
-				} catch {
-					EdusAuthStore.logout();
-					setError("登录状态已失效，请重新登录。");
-					setStage("login");
-				} finally {
-					setBusy(false);
-				}
-			};
-			const close = () => {
-				if (!busy) setStage("closed");
-			};
-			const afterLogin = (0, react.useCallback)((result) => {
-				EdusAuthStore.set(result);
-				setError("");
-				setBusy(false);
-				setDestination(marker !== null && marker.owner === result.phone ? "current" : "new");
-				setStage("destination");
-			}, [marker]);
-			const submitPublish = (0, react.useCallback)(async () => {
-				if (ref === null || account === null) return;
-				const newWork = destination === "new";
-				const publishTitle = title.trim();
-				if (newWork && publishTitle === "") {
-					setError("请为新作品填写标题。");
-					return;
-				}
-				setBusy(true);
-				setError("");
-				try {
-					const result = await remote.publishFile(account.token, ref.sessionId, ref.path, account.phone, publishTitle, newWork);
-					if (result.shareUrl === null) throw new Error("发布完成，但未返回分享链接。");
-					setShareUrl(result.shareUrl);
-					setStage("success");
-				} catch (reason) {
-					setError(reason instanceof Error ? reason.message : String(reason));
-				} finally {
-					setBusy(false);
-				}
-			}, [
-				account,
-				destination,
-				ref,
-				remote,
-				title
-			]);
-			const copy = async () => {
-				if (shareUrl === null) return;
-				try {
-					await navigator.clipboard.writeText(shareUrl);
-					setCopied(true);
-				} catch {
-					setError("复制失败，请手动复制链接。");
-				}
+			const close = (0, react.useCallback)(() => {
+				if (!busy) EdusLoginDialog.close();
+			}, [busy]);
+			(0, react.useEffect)(() => {
+				if (!visible) return;
+				const onKey = (event) => {
+					if (event.key === "Escape") close();
+				};
+				window.addEventListener("keydown", onKey);
+				return () => {
+					window.removeEventListener("keydown", onKey);
+				};
+			}, [visible, close]);
+			if (!visible) return null;
+			return (0, react_jsx_runtime.jsx)("div", {
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-labelledby": "edus-login-dialog-title",
+				style: ui.backdrop,
+				children: (0, react_jsx_runtime.jsxs)("div", {
+					style: ui.card,
+					children: [(0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						"aria-label": "关闭",
+						title: "关闭",
+						style: ui.close,
+						disabled: busy,
+						onClick: close,
+						children: (0, react_jsx_runtime.jsx)(CloseIcon, {})
+					}), (0, react_jsx_runtime.jsx)(EdusLoginPanel, {
+						remote,
+						intro: (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("h2", {
+							id: "edus-login-dialog-title",
+							style: ui.title,
+							children: "登录课成账号"
+						}), (0, react_jsx_runtime.jsx)("p", {
+							style: ui.intro,
+							children: "登录后即可开始 AI 对话，查看和发布你的作品。"
+						})] }),
+						notice: EdusLoginDialog.notice(),
+						onBusyChange: setBusy,
+						onSuccess: (result) => {
+							EdusAuthStore.set(result);
+							EdusLoginDialog.close();
+						},
+						theme: {
+							field: ui.dialogField,
+							primary: ui.dialogPrimary
+						}
+					})]
+				})
+			});
+		}
+		/** 输入框上方的未登录横幅。 */
+		function LoginDockBanner() {
+			if (useEdusLogin() !== null) return null;
+			return (0, react_jsx_runtime.jsx)("div", {
+				style: ui.dock,
+				children: (0, react_jsx_runtime.jsxs)("div", {
+					style: ui.banner,
+					children: [(0, react_jsx_runtime.jsx)("span", {
+						style: ui.bannerText,
+						children: "登录课成账号后即可开始对话"
+					}), (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						style: ui.primary,
+						onClick: EdusLoginDialog.open,
+						children: "登录"
+					})]
+				})
+			});
+		}
+		/** 侧边栏底部的账号入口：未登录为登录按钮，已登录显示当前账号；收起为窄栏时只显示图标。 */
+		function LoginFooterAction({ wide }) {
+			const account = useEdusLogin();
+			const [hover, setHover] = (0, react.useState)(false);
+			if (account === null) return wide ? (0, react_jsx_runtime.jsxs)("button", {
+				type: "button",
+				style: ui.footer,
+				onClick: EdusLoginDialog.open,
+				children: [(0, react_jsx_runtime.jsx)(UserIcon, {}), "登录课成账号"]
+			}) : (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				title: "登录课成账号",
+				"aria-label": "登录课成账号",
+				style: ui.footerRail,
+				onClick: EdusLoginDialog.open,
+				children: (0, react_jsx_runtime.jsx)(UserIcon, {})
+			});
+			const name = displayName(account);
+			const hoverProps = {
+				onMouseEnter: () => setHover(true),
+				onMouseLeave: () => setHover(false)
 			};
-			if (content.kind !== "bytes") return null;
-			return (0, react_jsx_runtime.jsxs)("div", {
-				style: styles$1.root,
-				"data-edus-html-preview": true,
+			return wide ? (0, react_jsx_runtime.jsxs)("button", {
+				type: "button",
+				title: "账号信息",
+				style: {
+					...ui.account,
+					...hover ? ui.accountHover : null
+				},
+				onClick: EdusAccountDialog.open,
+				...hoverProps,
 				children: [
-					(0, react_jsx_runtime.jsxs)("div", {
-						style: styles$1.bar,
-						children: [(0, react_jsx_runtime.jsx)("button", {
-							style: styles$1.primary,
-							onClick: () => void open(),
-							children: "发布网页"
-						}), (0, react_jsx_runtime.jsx)("span", {
-							style: styles$1.account,
-							children: account === null ? "尚未登录" : `${account.title || "当前账号"} · ${account.phone}`
-						})]
+					(0, react_jsx_runtime.jsx)("span", {
+						style: ui.avatar,
+						children: (0, react_jsx_runtime.jsx)(UserIcon, {})
 					}),
-					(0, react_jsx_runtime.jsx)("iframe", {
-						title: "HTML 网页预览",
-						sandbox: "allow-scripts",
-						srcDoc: source,
-						style: styles$1.frame
+					(0, react_jsx_runtime.jsx)("span", {
+						style: ui.accountName,
+						children: name
 					}),
-					stage !== "closed" && (0, react_jsx_runtime.jsx)("div", {
-						style: styles$1.overlay,
-						role: "presentation",
-						onMouseDown: close,
-						children: (0, react_jsx_runtime.jsxs)("section", {
-							style: styles$1.dialog,
-							role: "dialog",
-							"aria-modal": "true",
-							"aria-labelledby": "edus-publish-title",
-							onMouseDown: (event) => event.stopPropagation(),
-							children: [(0, react_jsx_runtime.jsxs)("header", {
-								style: styles$1.hero,
-								children: [(0, react_jsx_runtime.jsx)("p", {
-									style: styles$1.eyebrow,
-									children: "COURSE · PUBLISH"
-								}), (0, react_jsx_runtime.jsx)("h2", {
-									id: "edus-publish-title",
-									style: styles$1.title,
-									children: stage === "checking" ? "正在确认账号" : stage === "login" ? "先登录，再发布作品" : stage === "success" ? "作品已成功发布" : "选择发布目标"
-								})]
-							}), (0, react_jsx_runtime.jsxs)("div", {
-								style: styles$1.body,
-								children: [
-									stage === "checking" && (0, react_jsx_runtime.jsx)("p", {
-										style: styles$1.copy,
-										children: "正在通过课成账号服务确认当前登录状态…"
-									}),
-									stage === "login" && (0, react_jsx_runtime.jsx)(EdusLoginPanel, {
-										remote,
-										intro: (0, react_jsx_runtime.jsx)("p", {
-											style: styles$1.copy,
-											children: "登录后即可选择更新已关联作品，或创建一个新的作品发布。"
-										}),
-										notice: error,
-										submitLabel: "继续",
-										onCancel: close,
-										onBusyChange: setBusy,
-										onSuccess: afterLogin,
-										theme: {
-											field: styles$1.field,
-											button: styles$1.button,
-											primary: styles$1.primary,
-											error: styles$1.error
-										}
-									}),
-									stage === "destination" && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-										account !== null && (0, react_jsx_runtime.jsxs)("p", {
-											style: styles$1.accountCard,
-											children: [
-												"当前账号：",
-												(0, react_jsx_runtime.jsx)("strong", { children: account.title || account.phone }),
-												account.title !== "" ? `（${account.phone}）` : ""
-											]
-										}),
-										(0, react_jsx_runtime.jsx)("p", {
-											style: styles$1.copy,
-											children: "请选择本次内容的归属。发布会把当前 HTML 文件的最新内容写入所选作品。"
-										}),
-										(0, react_jsx_runtime.jsxs)("div", {
-											style: {
-												display: "grid",
-												gap: 9
-											},
-											children: [currentAvailable && (0, react_jsx_runtime.jsxs)("label", {
-												style: {
-													...styles$1.option,
-													...destination === "current" ? styles$1.optionSelected : {}
-												},
-												children: [(0, react_jsx_runtime.jsx)("input", {
-													name: "destination",
-													type: "radio",
-													checked: destination === "current",
-													onChange: () => setDestination("current")
-												}), (0, react_jsx_runtime.jsxs)("span", { children: [(0, react_jsx_runtime.jsx)("span", {
-													style: styles$1.optionTitle,
-													children: "更新已关联作品"
-												}), (0, react_jsx_runtime.jsxs)("span", {
-													style: styles$1.optionText,
-													children: [
-														"继续发布到当前文件绑定的作品（",
-														marker.id.slice(0, 8),
-														"…）。"
-													]
-												})] })]
-											}), (0, react_jsx_runtime.jsxs)("label", {
-												style: {
-													...styles$1.option,
-													...destination === "new" ? styles$1.optionSelected : {}
-												},
-												children: [(0, react_jsx_runtime.jsx)("input", {
-													name: "destination",
-													type: "radio",
-													checked: destination === "new",
-													onChange: () => setDestination("new")
-												}), (0, react_jsx_runtime.jsxs)("span", { children: [(0, react_jsx_runtime.jsx)("span", {
-													style: styles$1.optionTitle,
-													children: "创建新作品并发布"
-												}), (0, react_jsx_runtime.jsx)("span", {
-													style: styles$1.optionText,
-													children: "创建新的分享页，并把当前文件重新关联到该作品。"
-												})] })]
-											})]
-										}),
-										destination === "new" && (0, react_jsx_runtime.jsxs)("div", {
-											style: { marginTop: 14 },
-											children: [(0, react_jsx_runtime.jsx)("label", {
-												style: {
-													display: "block",
-													marginBottom: 6,
-													color: "var(--dsw-alias-label-secondary)",
-													fontSize: 12
-												},
-												children: "作品标题"
-											}), (0, react_jsx_runtime.jsx)("input", {
-												style: styles$1.field,
-												autoFocus: true,
-												value: title,
-												placeholder: "例如：春季招生落地页",
-												onChange: (event) => setTitle(event.target.value)
-											})]
-										}),
-										(0, react_jsx_runtime.jsx)(PublishError, { message: error }),
-										(0, react_jsx_runtime.jsxs)("div", {
-											style: styles$1.actions,
-											children: [(0, react_jsx_runtime.jsx)("button", {
-												style: styles$1.button,
-												disabled: busy,
-												onClick: close,
-												children: "取消"
-											}), (0, react_jsx_runtime.jsx)("button", {
-												style: styles$1.primary,
-												disabled: busy,
-												onClick: () => void submitPublish(),
-												children: busy ? "发布中…" : destination === "new" ? "创建并发布" : "更新并发布"
-											})]
-										})
-									] }),
-									stage === "success" && shareUrl !== null && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-										(0, react_jsx_runtime.jsxs)("div", {
-											style: {
-												display: "flex",
-												gap: 11,
-												alignItems: "center",
-												marginBottom: 14
-											},
-											children: [(0, react_jsx_runtime.jsx)("span", {
-												style: styles$1.success,
-												children: "✓"
-											}), (0, react_jsx_runtime.jsx)("p", {
-												style: {
-													...styles$1.copy,
-													margin: 0
-												},
-												children: "作品已可通过分享链接访问。链接中的内容为本次发布版本。"
-											})]
-										}),
-										(0, react_jsx_runtime.jsxs)("div", {
-											style: styles$1.linkBox,
-											children: [(0, react_jsx_runtime.jsx)("a", {
-												style: styles$1.link,
-												href: shareUrl,
-												target: "_blank",
-												rel: "noreferrer",
-												title: shareUrl,
-												children: shareUrl
-											}), (0, react_jsx_runtime.jsx)("button", {
-												style: styles$1.button,
-												onClick: () => void copy(),
-												children: copied ? "已复制" : "复制"
-											})]
-										}),
-										error !== "" && (0, react_jsx_runtime.jsx)("p", {
-											style: styles$1.error,
-											children: error
-										}),
-										(0, react_jsx_runtime.jsx)("div", {
-											style: styles$1.actions,
-											children: (0, react_jsx_runtime.jsx)("button", {
-												style: styles$1.primary,
-												onClick: close,
-												children: "完成"
-											})
-										})
-									] })
-								]
+					account.isVip && account.vipLevelName && (0, react_jsx_runtime.jsx)("span", {
+						style: ui.badge,
+						children: account.vipLevelName
+					}),
+					(0, react_jsx_runtime.jsx)("span", {
+						style: ui.chevron,
+						children: (0, react_jsx_runtime.jsx)(ChevronIcon, {})
+					})
+				]
+			}) : (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				title: `${name} · 账号信息`,
+				"aria-label": "账号信息",
+				style: {
+					...ui.accountRail,
+					...hover ? ui.accountHover : null
+				},
+				onClick: EdusAccountDialog.open,
+				...hoverProps,
+				children: (0, react_jsx_runtime.jsx)("span", {
+					style: ui.avatar,
+					children: (0, react_jsx_runtime.jsx)(UserIcon, {})
+				})
+			});
+		}
+		/** 客服（技术支持）微信二维码：开通会员或遇到问题时扫码添加。 */
+		const SUPPORT_QR = "https://cdn.juzhenai.cn/assets/jishu-weixin-qrcode.jpg";
+		function maskPhone(phone) {
+			return /^\d{11}$/.test(phone) ? `${phone.slice(0, 3)}****${phone.slice(7)}` : phone;
+		}
+		function displayName(account) {
+			return account.title || maskPhone(account.phone);
+		}
+		function formatTime(value) {
+			if (!value) return "—";
+			const date = new Date(value);
+			if (Number.isNaN(date.getTime())) return value;
+			const pad = (n) => String(n).padStart(2, "0");
+			return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}`;
+		}
+		/** 取整 */
+		function formatPoints(value) {
+			const amount = Number(value);
+			return value === void 0 || value === "" || Number.isNaN(amount) ? "—" : Math.round(amount).toLocaleString("zh-CN");
+		}
+		function Row({ label, value }) {
+			return (0, react_jsx_runtime.jsxs)("div", {
+				style: ui.row,
+				children: [(0, react_jsx_runtime.jsx)("span", {
+					style: ui.rowLabel,
+					children: label
+				}), (0, react_jsx_runtime.jsx)("span", { children: value })]
+			});
+		}
+		/** 账号信息弹窗：打开时用 token 拉一次最新信息，展示会员与模型用量，并提供退出登录。 */
+		function AccountDialogOverlay({ remote }) {
+			const open = useAccountOpen();
+			const account = useEdusLogin();
+			const visible = open && account !== null;
+			const [refreshing, setRefreshing] = (0, react.useState)(false);
+			const [error, setError] = (0, react.useState)("");
+			const [confirmLogout, setConfirmLogout] = (0, react.useState)(false);
+			const close = (0, react.useCallback)(() => {
+				EdusAccountDialog.close();
+			}, []);
+			(0, react.useEffect)(() => {
+				if (open && account === null) EdusAccountDialog.close();
+			}, [open, account]);
+			const token = account?.token;
+			(0, react.useEffect)(() => {
+				if (!open || token === void 0) return;
+				let cancelled = false;
+				setError("");
+				setConfirmLogout(false);
+				setRefreshing(true);
+				remote.loginInfo(token).then((refreshed) => {
+					if (!cancelled) EdusAuthStore.set(refreshed);
+				}, (failure) => {
+					if (!cancelled) setError(`刷新账号信息失败：${failure instanceof Error ? failure.message : String(failure)}`);
+				}).finally(() => {
+					if (!cancelled) setRefreshing(false);
+				});
+				return () => {
+					cancelled = true;
+				};
+			}, [
+				open,
+				token,
+				remote
+			]);
+			(0, react.useEffect)(() => {
+				if (!visible) return;
+				const onKey = (event) => {
+					if (event.key === "Escape") close();
+				};
+				window.addEventListener("keydown", onKey);
+				return () => {
+					window.removeEventListener("keydown", onKey);
+				};
+			}, [visible, close]);
+			if (!visible) return null;
+			const limit = account.vipMonthLimit ?? 0;
+			const monthCost = Number(account.llmMonthCost);
+			const ratio = limit > 0 && !Number.isNaN(monthCost) ? Math.min(1, monthCost / limit) : 0;
+			return (0, react_jsx_runtime.jsx)("div", {
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-labelledby": "edus-account-dialog-title",
+				style: ui.backdrop,
+				onMouseDown: (event) => {
+					if (event.target === event.currentTarget) close();
+				},
+				children: (0, react_jsx_runtime.jsxs)("div", {
+					style: ui.card,
+					children: [
+						(0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							"aria-label": "关闭",
+							title: "关闭",
+							style: ui.close,
+							onClick: close,
+							children: (0, react_jsx_runtime.jsx)(CloseIcon, {})
+						}),
+						(0, react_jsx_runtime.jsxs)("div", {
+							style: ui.profile,
+							children: [(0, react_jsx_runtime.jsx)("span", {
+								style: ui.profileAvatar,
+								children: (0, react_jsx_runtime.jsx)(UserIcon, {})
+							}), (0, react_jsx_runtime.jsxs)("div", {
+								style: { minWidth: 0 },
+								children: [(0, react_jsx_runtime.jsx)("h2", {
+									id: "edus-account-dialog-title",
+									style: ui.profileName,
+									children: displayName(account)
+								}), (0, react_jsx_runtime.jsxs)("p", {
+									style: ui.profileSub,
+									children: [maskPhone(account.phone), account.isAdmin ? " · 管理员" : ""]
+								})]
+							})]
+						}),
+						refreshing && (0, react_jsx_runtime.jsx)("p", {
+							style: ui.status,
+							role: "status",
+							children: "正在刷新账号信息…"
+						}),
+						error !== "" && (0, react_jsx_runtime.jsx)("p", {
+							style: ui.errorText,
+							children: error
+						}),
+						(0, react_jsx_runtime.jsxs)("section", {
+							style: ui.section,
+							children: [
+								(0, react_jsx_runtime.jsx)("h3", {
+									style: ui.sectionTitle,
+									children: "会员"
+								}),
+								(0, react_jsx_runtime.jsx)(Row, {
+									label: "当前版本",
+									value: account.isVip ? account.vipLevelName || `VIP ${account.vipLevel}` : "未开通"
+								}),
+								account.isVip && (0, react_jsx_runtime.jsx)(Row, {
+									label: "到期时间",
+									value: formatTime(account.vipEndTime)
+								}),
+								account.llmStatus !== void 0 && account.llmStatus !== null && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(Row, {
+									label: "本月已用",
+									value: limit > 0 ? `${formatPoints(account.llmMonthCost)} / ${formatPoints(limit)} 积分` : `${formatPoints(account.llmMonthCost)} 积分`
+								}), limit > 0 && (0, react_jsx_runtime.jsx)("div", {
+									style: ui.meter,
+									"aria-hidden": true,
+									children: (0, react_jsx_runtime.jsx)("div", { style: {
+										width: `${ratio * 100}%`,
+										height: "100%",
+										background: ratio >= .9 ? "var(--dsw-alias-state-error-primary)" : "var(--dsw-alias-brand-primary)"
+									} })
+								})] }),
+								account.isVip && limit === 0 && (0, react_jsx_runtime.jsx)(Row, {
+									label: "每月额度",
+									value: "不限"
+								})
+							]
+						}),
+						(0, react_jsx_runtime.jsxs)("div", {
+							style: ui.support,
+							children: [(0, react_jsx_runtime.jsx)("img", {
+								alt: "客服微信二维码",
+								src: SUPPORT_QR,
+								style: ui.supportQr
+							}), (0, react_jsx_runtime.jsxs)("div", {
+								style: { minWidth: 0 },
+								children: [(0, react_jsx_runtime.jsx)("p", {
+									style: ui.supportTitle,
+									children: "联系客服"
+								}), (0, react_jsx_runtime.jsx)("p", {
+									style: ui.supportText,
+									children: "需要开通会员或遇到问题，请用微信扫码添加客服。"
+								})]
 							})]
+						}),
+						(0, react_jsx_runtime.jsx)("div", {
+							style: ui.dialogActions,
+							children: confirmLogout ? (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+								(0, react_jsx_runtime.jsx)("span", {
+									style: {
+										alignSelf: "center",
+										marginRight: "auto",
+										fontSize: 13
+									},
+									children: "确定退出登录？"
+								}),
+								(0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									style: ui.quiet,
+									onClick: () => setConfirmLogout(false),
+									children: "取消"
+								}),
+								(0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									style: ui.danger,
+									onClick: () => {
+										EdusAuthStore.logout();
+										close();
+									},
+									children: "退出"
+								})
+							] }) : (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								style: ui.quiet,
+								onClick: () => setConfirmLogout(true),
+								children: "退出登录"
+							})
 						})
-					})
-				]
+					]
+				})
 			});
 		}
 		//#endregion
-		//#region lib/types/client/LoginGuide.js
-		/**
-		* 对话模型必须登录课成账号才能用（网关以登录 token 鉴权计费），而 Harness 自带
-		* 的账号与模型设置入口都已屏蔽，所以登录引导由本插件提供：
-		*
-		* - 全局登录弹窗（shell.overlay）：未登录启动时自动弹出一次，可点右上角关闭；
-		* - 输入框上方横幅（conversation.input.dock）：会话内未登录时常驻；
-		* - 侧边栏底部按钮（sidebar.footer.action）：新会话页也能找到登录入口。
-		*
-		* 三处共用一个弹窗开关，登录成功后弹窗关闭、横幅消失；侧边栏按钮转为显示当前
-		* 账号，点击打开账号信息弹窗（AccountDialogOverlay）。
-		*/
-		let dialogOpen = false;
-		const dialogListeners = /* @__PURE__ */ new Set();
-		function setDialogOpen(next) {
-			if (dialogOpen === next) return;
-			dialogOpen = next;
-			for (const listener of dialogListeners) listener();
-		}
-		const EdusLoginDialog = {
-			open() {
-				setDialogOpen(true);
-			},
-			close() {
-				setDialogOpen(false);
-			},
-			subscribe(listener) {
-				dialogListeners.add(listener);
-				return () => {
-					dialogListeners.delete(listener);
+		//#region lib/types/client/HtmlPublishPreview.js
+		function fileRef(address) {
+			if (!address.startsWith("dsh-resource://file/session/")) return null;
+			try {
+				const [sessionId, ...path] = address.slice(28).split(/[?#]/, 1)[0]?.split("/") ?? [];
+				if (sessionId === void 0 || sessionId === "" || path.length === 0) return null;
+				return {
+					sessionId: decodeURIComponent(sessionId),
+					path: path.map(decodeURIComponent).join("/")
 				};
-			},
-			getSnapshot: () => dialogOpen
-		};
-		function useDialogOpen() {
-			return (0, react.useSyncExternalStore)(EdusLoginDialog.subscribe, EdusLoginDialog.getSnapshot, () => false);
-		}
-		/** 账号信息弹窗的开关，与登录弹窗相互独立。 */
-		let accountOpen = false;
-		const accountListeners = /* @__PURE__ */ new Set();
-		function setAccountOpen(next) {
-			if (accountOpen === next) return;
-			accountOpen = next;
-			for (const listener of accountListeners) listener();
+			} catch {
+				return null;
+			}
 		}
-		const EdusAccountDialog = {
-			open() {
-				setAccountOpen(true);
-			},
-			close() {
-				setAccountOpen(false);
-			},
-			subscribe(listener) {
-				accountListeners.add(listener);
-				return () => {
-					accountListeners.delete(listener);
-				};
-			},
-			getSnapshot: () => accountOpen
-		};
-		function useAccountOpen() {
-			return (0, react.useSyncExternalStore)(EdusAccountDialog.subscribe, EdusAccountDialog.getSnapshot, () => false);
+		function basename(path) {
+			return path.split("/").at(-1) ?? path;
 		}
-		const ui = {
-			backdrop: {
-				position: "fixed",
-				inset: 0,
-				zIndex: 1200,
-				display: "grid",
-				placeItems: "center",
-				background: "rgb(0 0 0 / .35)",
-				pointerEvents: "auto"
-			},
-			card: {
-				position: "relative",
-				boxSizing: "border-box",
-				width: "min(380px, calc(100vw - 32px))",
-				background: "var(--dsw-alias-bg-base)",
-				color: "var(--dsw-alias-label-primary)",
-				padding: "28px 28px 22px",
-				borderRadius: 14,
-				boxShadow: "0 20px 60px rgb(0 0 0 / 25%)"
-			},
-			close: {
-				position: "absolute",
-				top: 12,
-				right: 12,
-				display: "grid",
-				placeItems: "center",
-				width: 28,
-				height: 28,
-				border: 0,
-				borderRadius: 7,
-				padding: 0,
-				background: "transparent",
-				color: "var(--dsw-alias-label-tertiary)",
-				cursor: "pointer"
-			},
-			title: {
-				margin: 0,
-				fontSize: 18,
-				fontWeight: 650
-			},
-			intro: {
-				margin: "6px 0 8px",
-				color: "var(--dsw-alias-label-secondary)",
-				fontSize: 13,
-				lineHeight: 1.5
-			},
-			dialogField: {
-				height: 40,
-				borderRadius: 9,
-				padding: "0 12px"
-			},
-			dialogPrimary: {
-				width: "100%",
-				height: 42,
-				borderRadius: 9,
-				fontSize: 14
-			},
-			dock: {
-				boxSizing: "border-box",
-				width: "calc(100% - 2 * var(--dsh-composer-side-clearance) - 4 * var(--dsh-composer-dock-inset))",
-				margin: "0 auto"
+		/** 后端在未开通会员时返回的提示里带有这个字眼，此时改为引导扫码联系客服。 */
+		const MEMBERSHIP_HINT = "需要开通会员";
+		const SERVICE_QR = "https://cdn.juzhenai.cn/ai-edu/assets/wechat.webp";
+		const styles$1 = {
+			root: {
+				display: "flex",
+				flexDirection: "column",
+				height: "100%",
+				minHeight: 0,
+				background: "var(--dsw-alias-bg-base)"
 			},
-			banner: {
-				boxSizing: "border-box",
+			bar: {
 				display: "flex",
 				alignItems: "center",
-				gap: 10,
-				width: "100%",
-				maxWidth: "calc(var(--dsh-composer-card-max-width) - 4 * var(--dsh-composer-dock-inset))",
-				height: 36,
-				margin: "0 auto",
-				padding: "4px 5px 4px 12px",
-				borderRadius: "var(--dsw-radius-md)",
-				background: "var(--dsw-alias-bg-base)",
-				boxShadow: "var(--dsw-elevation-panel)",
-				color: "var(--dsw-alias-label-primary)",
-				fontSize: 13
-			},
-			bannerText: {
-				flex: 1,
-				minWidth: 0,
-				overflow: "hidden",
-				textOverflow: "ellipsis",
-				whiteSpace: "nowrap"
-			},
-			primary: {
-				flex: "none",
-				height: 28,
-				border: "none",
-				borderRadius: "var(--dsw-radius-sm, 6px)",
-				padding: "0 12px",
-				background: "var(--dsw-alias-button-primary-fill)",
-				color: "var(--dsw-alias-label-primary-inverted)",
+				gap: 7,
+				padding: "7px 10px",
+				borderBottom: "1px solid var(--dsw-alias-border-l2)",
+				background: "var(--dsw-alias-bg-layer-1)"
+			},
+			button: {
+				border: "1px solid var(--dsw-alias-border-l2)",
+				borderRadius: 6,
+				padding: "4px 8px",
+				background: "transparent",
+				color: "var(--dsw-alias-label-primary)",
 				font: "inherit",
 				fontSize: 12,
-				fontWeight: 650,
 				cursor: "pointer"
 			},
-			footer: {
-				boxSizing: "border-box",
-				display: "flex",
-				alignItems: "center",
-				justifyContent: "center",
-				gap: 6,
-				width: "100%",
-				margin: "0 8px 6px",
-				padding: "8px 10px",
+			primary: {
 				border: "none",
-				borderRadius: 8,
+				borderRadius: 7,
+				padding: "6px 11px",
 				background: "var(--dsw-alias-button-primary-fill)",
 				color: "var(--dsw-alias-label-primary-inverted)",
 				font: "inherit",
-				fontSize: 13,
+				fontSize: 12,
 				fontWeight: 650,
 				cursor: "pointer"
 			},
 			account: {
-				boxSizing: "border-box",
-				display: "flex",
-				alignItems: "center",
-				gap: 8,
-				width: "100%",
-				margin: "0 8px 6px",
-				padding: "6px 8px",
-				border: "none",
-				borderRadius: 8,
-				background: "transparent",
-				color: "var(--dsw-alias-label-primary)",
-				font: "inherit",
-				fontSize: 13,
-				textAlign: "left",
-				cursor: "pointer"
+				marginLeft: "auto",
+				color: "var(--dsw-alias-label-tertiary)",
+				fontSize: 11,
+				overflow: "hidden",
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap"
 			},
-			accountRail: {
-				boxSizing: "border-box",
-				display: "grid",
-				placeItems: "center",
-				width: 36,
-				height: 36,
-				marginBottom: 6,
-				border: "none",
-				borderRadius: 8,
-				padding: 0,
-				background: "transparent",
-				cursor: "pointer"
+			frame: {
+				flex: 1,
+				minHeight: 0,
+				width: "100%",
+				border: 0,
+				background: "#fff"
 			},
-			avatar: {
-				flex: "none",
+			overlay: {
+				position: "fixed",
+				inset: 0,
+				zIndex: 1100,
 				display: "grid",
 				placeItems: "center",
-				width: 26,
-				height: 26,
-				borderRadius: "50%",
-				background: "var(--dsw-alias-button-primary-fill)",
-				color: "var(--dsw-alias-label-primary-inverted)"
+				padding: 18,
+				background: "rgb(9 19 16 / 56%)",
+				backdropFilter: "blur(5px)"
 			},
-			accountName: {
-				flex: 1,
-				minWidth: 0,
+			dialog: {
+				width: "min(460px, 100%)",
 				overflow: "hidden",
-				textOverflow: "ellipsis",
-				whiteSpace: "nowrap"
+				border: "1px solid color-mix(in srgb, var(--dsw-alias-border-l2) 70%, white)",
+				borderRadius: 16,
+				background: "var(--dsw-alias-bg-base)",
+				boxShadow: "0 24px 70px rgb(0 0 0 / 32%)"
 			},
-			badge: {
-				flex: "none",
-				padding: "1px 6px",
-				borderRadius: 999,
-				background: "var(--dsw-alias-bg-l2, rgb(0 0 0 / 6%))",
-				color: "var(--dsw-alias-brand-primary)",
-				fontSize: 11,
-				fontWeight: 600
+			hero: {
+				padding: "22px 24px 18px",
+				background: "linear-gradient(135deg, #173329 0%, #29553d 100%)",
+				color: "#f7fbf8"
 			},
-			profile: {
-				display: "flex",
-				alignItems: "center",
-				gap: 12,
-				marginBottom: 18
+			eyebrow: {
+				margin: 0,
+				color: "#b9ddc6",
+				fontSize: 11,
+				fontWeight: 700,
+				letterSpacing: ".12em"
 			},
-			profileAvatar: {
-				flex: "none",
-				display: "grid",
-				placeItems: "center",
-				width: 44,
-				height: 44,
-				borderRadius: "50%",
-				background: "var(--dsw-alias-button-primary-fill)",
-				color: "var(--dsw-alias-label-primary-inverted)"
+			title: {
+				margin: "7px 0 0",
+				fontSize: 21,
+				lineHeight: 1.2,
+				letterSpacing: "-.02em"
 			},
-			profileName: {
-				margin: 0,
-				fontSize: 16,
-				fontWeight: 650,
-				overflow: "hidden",
-				textOverflow: "ellipsis",
-				whiteSpace: "nowrap"
+			body: { padding: "20px 24px 22px" },
+			copy: {
+				margin: "0 0 16px",
+				color: "var(--dsw-alias-label-secondary)",
+				fontSize: 13,
+				lineHeight: 1.6
 			},
-			profileSub: {
-				margin: "2px 0 0",
-				color: "var(--dsw-alias-label-tertiary)",
-				fontSize: 12
+			field: {
+				boxSizing: "border-box",
+				width: "100%",
+				border: "1px solid var(--dsw-alias-border-l2)",
+				borderRadius: 8,
+				padding: "10px 11px",
+				color: "var(--dsw-alias-label-primary)",
+				background: "var(--dsw-alias-bg-base)",
+				font: "inherit",
+				fontSize: 13
 			},
-			section: {
-				margin: "0 0 14px",
-				padding: "12px 14px",
+			option: {
+				display: "flex",
+				alignItems: "flex-start",
+				gap: 10,
+				padding: 12,
+				border: "1px solid var(--dsw-alias-border-l2)",
 				borderRadius: 10,
-				border: "1px solid var(--dsw-alias-border-l2)"
+				cursor: "pointer"
 			},
-			sectionTitle: {
-				margin: "0 0 8px",
+			optionSelected: {
+				borderColor: "var(--dsw-alias-brand-primary)",
+				background: "color-mix(in srgb, var(--dsw-alias-brand-primary) 8%, transparent)"
+			},
+			optionTitle: {
+				display: "block",
+				color: "var(--dsw-alias-label-primary)",
+				fontSize: 13,
+				fontWeight: 650
+			},
+			optionText: {
+				display: "block",
+				marginTop: 3,
 				color: "var(--dsw-alias-label-secondary)",
 				fontSize: 12,
-				fontWeight: 600
+				lineHeight: 1.45
 			},
-			row: {
+			error: {
+				margin: "12px 0 0",
+				color: "var(--dsw-alias-state-error-primary)",
+				fontSize: 12,
+				lineHeight: 1.45
+			},
+			actions: {
 				display: "flex",
-				justifyContent: "space-between",
-				gap: 12,
-				padding: "3px 0",
-				fontSize: 13
+				justifyContent: "flex-end",
+				gap: 8,
+				marginTop: 20
 			},
-			rowLabel: { color: "var(--dsw-alias-label-tertiary)" },
-			meter: {
-				height: 6,
-				margin: "6px 0 4px",
-				borderRadius: 999,
-				background: "var(--dsw-alias-border-l2)",
-				overflow: "hidden"
+			linkBox: {
+				display: "flex",
+				alignItems: "center",
+				gap: 8,
+				padding: 10,
+				border: "1px solid var(--dsw-alias-border-l2)",
+				borderRadius: 9,
+				background: "var(--dsw-alias-bg-layer-1)"
 			},
-			status: {
-				margin: "0 0 12px",
-				color: "var(--dsw-alias-label-tertiary)",
-				fontSize: 12
+			link: {
+				minWidth: 0,
+				flex: 1,
+				overflow: "hidden",
+				color: "var(--dsw-alias-brand-primary)",
+				fontSize: 12,
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap"
 			},
-			errorText: {
-				margin: "0 0 12px",
-				color: "var(--dsw-alias-state-error-primary)",
-				fontSize: 12
+			success: {
+				display: "grid",
+				placeItems: "center",
+				width: 32,
+				height: 32,
+				borderRadius: "50%",
+				background: "#e3f4e8",
+				color: "#237344",
+				fontSize: 18,
+				fontWeight: 700
 			},
-			support: {
+			memberCard: {
 				display: "flex",
+				gap: 14,
 				alignItems: "center",
-				gap: 12,
-				margin: "0",
-				padding: "10px 12px",
-				borderRadius: 10,
-				background: "var(--dsw-alias-bg-layer-1, rgb(0 0 0 / 4%))"
+				margin: "14px 0 0",
+				padding: 13,
+				border: "1px solid color-mix(in srgb, var(--dsw-alias-state-error-primary) 35%, var(--dsw-alias-border-l2))",
+				borderRadius: 11,
+				background: "var(--dsw-alias-bg-layer-1)"
 			},
-			supportQr: {
+			memberQr: {
 				flex: "none",
-				width: 84,
-				height: 84,
-				borderRadius: 6,
+				width: 96,
+				height: 96,
+				borderRadius: 8,
 				background: "#fff",
 				objectFit: "contain"
 			},
-			supportTitle: {
+			memberTitle: {
 				margin: 0,
+				color: "var(--dsw-alias-label-primary)",
 				fontSize: 13,
 				fontWeight: 650
 			},
-			supportText: {
-				margin: "4px 0 0",
+			memberText: {
+				margin: "5px 0 0",
 				color: "var(--dsw-alias-label-secondary)",
 				fontSize: 12,
 				lineHeight: 1.55
 			},
-			dialogActions: {
-				display: "flex",
-				justifyContent: "flex-end",
-				gap: 8,
-				marginTop: 4
-			},
-			quiet: {
-				height: 32,
-				border: "1px solid var(--dsw-alias-border-l2)",
-				borderRadius: 8,
-				padding: "0 14px",
-				background: "transparent",
-				color: "var(--dsw-alias-label-primary)",
-				font: "inherit",
-				fontSize: 13,
-				cursor: "pointer"
-			},
-			danger: {
-				height: 32,
-				border: "none",
-				borderRadius: 8,
-				padding: "0 14px",
-				background: "var(--dsw-alias-state-error-primary)",
-				color: "#fff",
-				font: "inherit",
-				fontSize: 13,
-				fontWeight: 600,
-				cursor: "pointer"
-			},
-			footerRail: {
-				boxSizing: "border-box",
-				display: "grid",
-				placeItems: "center",
-				width: 36,
-				height: 36,
-				marginBottom: 6,
-				border: "none",
-				borderRadius: 8,
-				background: "var(--dsw-alias-button-primary-fill)",
-				color: "var(--dsw-alias-label-primary-inverted)",
-				cursor: "pointer"
+			accountCard: {
+				margin: "0 0 15px",
+				padding: "9px 11px",
+				borderLeft: "3px solid var(--dsw-alias-brand-primary)",
+				borderRadius: 6,
+				background: "var(--dsw-alias-bg-layer-1)",
+				color: "var(--dsw-alias-label-secondary)",
+				fontSize: 12,
+				lineHeight: 1.5
 			}
 		};
-		function UserIcon() {
-			return (0, react_jsx_runtime.jsxs)("svg", {
-				width: 16,
-				height: 16,
-				viewBox: "0 0 16 16",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: 1.5,
-				strokeLinecap: "round",
-				"aria-hidden": true,
-				children: [(0, react_jsx_runtime.jsx)("circle", {
-					cx: "8",
-					cy: "5.5",
-					r: "2.75"
-				}), (0, react_jsx_runtime.jsx)("path", { d: "M2.75 13.5c.6-2.4 2.7-3.9 5.25-3.9s4.65 1.5 5.25 3.9" })]
-			});
-		}
-		function CloseIcon() {
-			return (0, react_jsx_runtime.jsx)("svg", {
-				width: 16,
-				height: 16,
-				viewBox: "0 0 16 16",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: 1.6,
-				strokeLinecap: "round",
-				"aria-hidden": true,
-				children: (0, react_jsx_runtime.jsx)("path", { d: "M4 4l8 8M12 4l-8 8" })
-			});
-		}
-		/** 全局登录弹窗：已登录时不渲染。对话、我的作品等所有需要登录的入口都打开它。 */
-		function LoginDialogOverlay({ remote }) {
-			const open = useDialogOpen();
-			const account = useEdusLogin();
-			const visible = open && account === null;
-			const [busy, setBusy] = (0, react.useState)(false);
-			const close = (0, react.useCallback)(() => {
-				if (!busy) EdusLoginDialog.close();
-			}, [busy]);
-			(0, react.useEffect)(() => {
-				if (!visible) return;
-				const onKey = (event) => {
-					if (event.key === "Escape") close();
-				};
-				window.addEventListener("keydown", onKey);
-				return () => {
-					window.removeEventListener("keydown", onKey);
-				};
-			}, [visible, close]);
-			if (!visible) return null;
-			return (0, react_jsx_runtime.jsx)("div", {
-				role: "dialog",
-				"aria-modal": "true",
-				"aria-labelledby": "edus-login-dialog-title",
-				style: ui.backdrop,
-				children: (0, react_jsx_runtime.jsxs)("div", {
-					style: ui.card,
-					children: [(0, react_jsx_runtime.jsx)("button", {
-						type: "button",
-						"aria-label": "关闭",
-						title: "关闭",
-						style: ui.close,
-						disabled: busy,
-						onClick: close,
-						children: (0, react_jsx_runtime.jsx)(CloseIcon, {})
-					}), (0, react_jsx_runtime.jsx)(EdusLoginPanel, {
-						remote,
-						intro: (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("h2", {
-							id: "edus-login-dialog-title",
-							style: ui.title,
-							children: "登录课成账号"
-						}), (0, react_jsx_runtime.jsx)("p", {
-							style: ui.intro,
-							children: "登录后即可开始 AI 对话，查看和发布你的作品。"
-						})] }),
-						onBusyChange: setBusy,
-						onSuccess: (result) => {
-							EdusAuthStore.set(result);
-							EdusLoginDialog.close();
-						},
-						theme: {
-							field: ui.dialogField,
-							primary: ui.dialogPrimary
-						}
-					})]
-				})
-			});
-		}
-		/** 输入框上方的未登录横幅。 */
-		function LoginDockBanner() {
-			if (useEdusLogin() !== null) return null;
-			return (0, react_jsx_runtime.jsx)("div", {
-				style: ui.dock,
-				children: (0, react_jsx_runtime.jsxs)("div", {
-					style: ui.banner,
-					children: [(0, react_jsx_runtime.jsx)("span", {
-						style: ui.bannerText,
-						children: "登录课成账号后即可开始对话"
-					}), (0, react_jsx_runtime.jsx)("button", {
-						type: "button",
-						style: ui.primary,
-						onClick: EdusLoginDialog.open,
-						children: "登录"
-					})]
-				})
-			});
-		}
-		/** 侧边栏底部的账号入口：未登录为登录按钮，已登录显示当前账号；收起为窄栏时只显示图标。 */
-		function LoginFooterAction({ wide }) {
-			const account = useEdusLogin();
-			if (account === null) return wide ? (0, react_jsx_runtime.jsxs)("button", {
-				type: "button",
-				style: ui.footer,
-				onClick: EdusLoginDialog.open,
-				children: [(0, react_jsx_runtime.jsx)(UserIcon, {}), "登录课成账号"]
-			}) : (0, react_jsx_runtime.jsx)("button", {
-				type: "button",
-				title: "登录课成账号",
-				"aria-label": "登录课成账号",
-				style: ui.footerRail,
-				onClick: EdusLoginDialog.open,
-				children: (0, react_jsx_runtime.jsx)(UserIcon, {})
-			});
-			const name = displayName(account);
-			return wide ? (0, react_jsx_runtime.jsxs)("button", {
-				type: "button",
-				title: "账号信息",
-				style: ui.account,
-				onClick: EdusAccountDialog.open,
-				children: [
-					(0, react_jsx_runtime.jsx)("span", {
-						style: ui.avatar,
-						children: (0, react_jsx_runtime.jsx)(UserIcon, {})
-					}),
-					(0, react_jsx_runtime.jsx)("span", {
-						style: ui.accountName,
-						children: name
-					}),
-					account.isVip && account.vipLevelName && (0, react_jsx_runtime.jsx)("span", {
-						style: ui.badge,
-						children: account.vipLevelName
-					})
-				]
-			}) : (0, react_jsx_runtime.jsx)("button", {
-				type: "button",
-				title: `${name} · 账号信息`,
-				"aria-label": "账号信息",
-				style: ui.accountRail,
-				onClick: EdusAccountDialog.open,
-				children: (0, react_jsx_runtime.jsx)("span", {
-					style: ui.avatar,
-					children: (0, react_jsx_runtime.jsx)(UserIcon, {})
-				})
+		/** 普通报错直接展示文案；会员相关的报错额外给出客服二维码。 */
+		function PublishError({ message }) {
+			if (message === "") return null;
+			if (!message.includes(MEMBERSHIP_HINT)) return (0, react_jsx_runtime.jsx)("p", {
+				style: styles$1.error,
+				children: message
 			});
-		}
-		/** 客服（技术支持）微信二维码：开通会员或遇到问题时扫码添加。 */
-		const SUPPORT_QR = "https://cdn.juzhenai.cn/assets/jishu-weixin-qrcode.jpg";
-		function maskPhone(phone) {
-			return /^\d{11}$/.test(phone) ? `${phone.slice(0, 3)}****${phone.slice(7)}` : phone;
-		}
-		function displayName(account) {
-			return account.title || maskPhone(account.phone);
-		}
-		function formatTime(value) {
-			if (!value) return "—";
-			const date = new Date(value);
-			if (Number.isNaN(date.getTime())) return value;
-			const pad = (n) => String(n).padStart(2, "0");
-			return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}`;
-		}
-		/** 取整 */
-		function formatPoints(value) {
-			const amount = Number(value);
-			return value === void 0 || value === "" || Number.isNaN(amount) ? "—" : Math.round(amount).toLocaleString("zh-CN");
-		}
-		function Row({ label, value }) {
 			return (0, react_jsx_runtime.jsxs)("div", {
-				style: ui.row,
-				children: [(0, react_jsx_runtime.jsx)("span", {
-					style: ui.rowLabel,
-					children: label
-				}), (0, react_jsx_runtime.jsx)("span", { children: value })]
+				style: styles$1.memberCard,
+				children: [(0, react_jsx_runtime.jsx)("img", {
+					alt: "客服微信二维码",
+					src: SERVICE_QR,
+					style: styles$1.memberQr
+				}), (0, react_jsx_runtime.jsxs)("div", {
+					style: { minWidth: 0 },
+					children: [(0, react_jsx_runtime.jsx)("p", {
+						style: styles$1.memberTitle,
+						children: message
+					}), (0, react_jsx_runtime.jsx)("p", {
+						style: styles$1.memberText,
+						children: "该功能需要开通会员后使用。请用微信扫描左侧二维码添加客服咨询开通。"
+					})]
+				})]
 			});
 		}
-		/** 账号信息弹窗：打开时用 token 拉一次最新信息，展示会员与模型用量，并提供退出登录。 */
-		function AccountDialogOverlay({ remote }) {
-			const open = useAccountOpen();
+		/** An extension-priority document body: native right-preview ergonomics plus a complete edus publishing flow. */
+		function HtmlPublishPreview({ content, resourceAddress, remote }) {
 			const account = useEdusLogin();
-			const visible = open && account !== null;
-			const [refreshing, setRefreshing] = (0, react.useState)(false);
+			const [stage, setStage] = (0, react.useState)("closed");
+			const [destination, setDestination] = (0, react.useState)("new");
+			const [title, setTitle] = (0, react.useState)("");
+			const [busy, setBusy] = (0, react.useState)(false);
 			const [error, setError] = (0, react.useState)("");
-			const [confirmLogout, setConfirmLogout] = (0, react.useState)(false);
-			const close = (0, react.useCallback)(() => {
-				EdusAccountDialog.close();
-			}, []);
-			(0, react.useEffect)(() => {
-				if (open && account === null) EdusAccountDialog.close();
-			}, [open, account]);
-			const token = account?.token;
+			const [shareUrl, setShareUrl] = (0, react.useState)(null);
+			const [copied, setCopied] = (0, react.useState)(false);
+			const ref = (0, react.useMemo)(() => fileRef(resourceAddress), [resourceAddress]);
+			const source = (0, react.useMemo)(() => {
+				if (content.kind === "bytes") return new TextDecoder().decode(content.data);
+				return content.kind === "text" ? content.text : "";
+			}, [content]);
+			const marker = (0, react.useMemo)(() => extractMarker(source), [source]);
+			const currentAvailable = marker !== null && marker.owner === account?.phone;
+			const [awaitingLogin, setAwaitingLogin] = (0, react.useState)(false);
+			const loginOpen = (0, react.useSyncExternalStore)(EdusLoginDialog.subscribe, EdusLoginDialog.getSnapshot, () => false);
 			(0, react.useEffect)(() => {
-				if (!open || token === void 0) return;
-				let cancelled = false;
+				if (!awaitingLogin) return;
+				if (account !== null) {
+					setAwaitingLogin(false);
+					setDestination(marker !== null && marker.owner === account.phone ? "current" : "new");
+					setStage("destination");
+				} else if (!loginOpen) setAwaitingLogin(false);
+			}, [
+				awaitingLogin,
+				account,
+				loginOpen,
+				marker
+			]);
+			const requestLogin = (notice) => {
+				setStage("closed");
+				setAwaitingLogin(true);
+				EdusLoginDialog.open(notice);
+			};
+			const open = async () => {
 				setError("");
-				setConfirmLogout(false);
-				setRefreshing(true);
-				remote.loginInfo(token).then((refreshed) => {
-					if (!cancelled) EdusAuthStore.set(refreshed);
-				}, (failure) => {
-					if (!cancelled) setError(`刷新账号信息失败：${failure instanceof Error ? failure.message : String(failure)}`);
-				}).finally(() => {
-					if (!cancelled) setRefreshing(false);
-				});
-				return () => {
-					cancelled = true;
-				};
+				setShareUrl(null);
+				setCopied(false);
+				setTitle(ref === null ? "" : basename(ref.path).replace(/\.html?$/i, ""));
+				const stored = EdusAuthStore.getSnapshot();
+				if (stored === null) {
+					requestLogin();
+					return;
+				}
+				setBusy(true);
+				setStage("checking");
+				try {
+					const refreshed = await remote.loginInfo(stored.token);
+					EdusAuthStore.set(refreshed);
+					setDestination(marker !== null && marker.owner === refreshed.phone ? "current" : "new");
+					setStage("destination");
+				} catch {
+					EdusAuthStore.logout();
+					requestLogin("登录状态已失效，请重新登录。");
+				} finally {
+					setBusy(false);
+				}
+			};
+			const close = () => {
+				if (!busy) setStage("closed");
+			};
+			const submitPublish = (0, react.useCallback)(async () => {
+				if (ref === null || account === null) return;
+				const newWork = destination === "new";
+				const publishTitle = title.trim();
+				if (newWork && publishTitle === "") {
+					setError("请为新作品填写标题。");
+					return;
+				}
+				setBusy(true);
+				setError("");
+				try {
+					const result = await remote.publishFile(account.token, ref.sessionId, ref.path, account.phone, publishTitle, newWork);
+					if (result.shareUrl === null) throw new Error("发布完成，但未返回分享链接。");
+					setShareUrl(result.shareUrl);
+					setStage("success");
+				} catch (reason) {
+					setError(reason instanceof Error ? reason.message : String(reason));
+				} finally {
+					setBusy(false);
+				}
 			}, [
-				open,
-				token,
-				remote
+				account,
+				destination,
+				ref,
+				remote,
+				title
 			]);
-			(0, react.useEffect)(() => {
-				if (!visible) return;
-				const onKey = (event) => {
-					if (event.key === "Escape") close();
-				};
-				window.addEventListener("keydown", onKey);
-				return () => {
-					window.removeEventListener("keydown", onKey);
-				};
-			}, [visible, close]);
-			if (!visible) return null;
-			const limit = account.vipMonthLimit ?? 0;
-			const monthCost = Number(account.llmMonthCost);
-			const ratio = limit > 0 && !Number.isNaN(monthCost) ? Math.min(1, monthCost / limit) : 0;
-			return (0, react_jsx_runtime.jsx)("div", {
-				role: "dialog",
-				"aria-modal": "true",
-				"aria-labelledby": "edus-account-dialog-title",
-				style: ui.backdrop,
-				onMouseDown: (event) => {
-					if (event.target === event.currentTarget) close();
-				},
-				children: (0, react_jsx_runtime.jsxs)("div", {
-					style: ui.card,
-					children: [
-						(0, react_jsx_runtime.jsx)("button", {
-							type: "button",
-							"aria-label": "关闭",
-							title: "关闭",
-							style: ui.close,
-							onClick: close,
-							children: (0, react_jsx_runtime.jsx)(CloseIcon, {})
-						}),
-						(0, react_jsx_runtime.jsxs)("div", {
-							style: ui.profile,
-							children: [(0, react_jsx_runtime.jsx)("span", {
-								style: ui.profileAvatar,
-								children: (0, react_jsx_runtime.jsx)(UserIcon, {})
-							}), (0, react_jsx_runtime.jsxs)("div", {
-								style: { minWidth: 0 },
-								children: [(0, react_jsx_runtime.jsx)("h2", {
-									id: "edus-account-dialog-title",
-									style: ui.profileName,
-									children: displayName(account)
-								}), (0, react_jsx_runtime.jsxs)("p", {
-									style: ui.profileSub,
-									children: [maskPhone(account.phone), account.isAdmin ? " · 管理员" : ""]
-								})]
-							})]
-						}),
-						refreshing && (0, react_jsx_runtime.jsx)("p", {
-							style: ui.status,
-							role: "status",
-							children: "正在刷新账号信息…"
-						}),
-						error !== "" && (0, react_jsx_runtime.jsx)("p", {
-							style: ui.errorText,
-							children: error
-						}),
-						(0, react_jsx_runtime.jsxs)("section", {
-							style: ui.section,
-							children: [
-								(0, react_jsx_runtime.jsx)("h3", {
-									style: ui.sectionTitle,
-									children: "会员"
-								}),
-								(0, react_jsx_runtime.jsx)(Row, {
-									label: "当前版本",
-									value: account.isVip ? account.vipLevelName || `VIP ${account.vipLevel}` : "未开通"
-								}),
-								account.isVip && (0, react_jsx_runtime.jsx)(Row, {
-									label: "到期时间",
-									value: formatTime(account.vipEndTime)
-								}),
-								account.llmStatus !== void 0 && account.llmStatus !== null && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(Row, {
-									label: "本月已用",
-									value: limit > 0 ? `${formatPoints(account.llmMonthCost)} / ${formatPoints(limit)} 积分` : `${formatPoints(account.llmMonthCost)} 积分`
-								}), limit > 0 && (0, react_jsx_runtime.jsx)("div", {
-									style: ui.meter,
-									"aria-hidden": true,
-									children: (0, react_jsx_runtime.jsx)("div", { style: {
-										width: `${ratio * 100}%`,
-										height: "100%",
-										background: ratio >= .9 ? "var(--dsw-alias-state-error-primary)" : "var(--dsw-alias-brand-primary)"
-									} })
-								})] }),
-								account.isVip && limit === 0 && (0, react_jsx_runtime.jsx)(Row, {
-									label: "每月额度",
-									value: "不限"
-								})
-							]
-						}),
-						(0, react_jsx_runtime.jsxs)("div", {
-							style: ui.support,
-							children: [(0, react_jsx_runtime.jsx)("img", {
-								alt: "客服微信二维码",
-								src: SUPPORT_QR,
-								style: ui.supportQr
-							}), (0, react_jsx_runtime.jsxs)("div", {
-								style: { minWidth: 0 },
+			const copy = async () => {
+				if (shareUrl === null) return;
+				try {
+					await navigator.clipboard.writeText(shareUrl);
+					setCopied(true);
+				} catch {
+					setError("复制失败，请手动复制链接。");
+				}
+			};
+			if (content.kind !== "bytes") return null;
+			return (0, react_jsx_runtime.jsxs)("div", {
+				style: styles$1.root,
+				"data-edus-html-preview": true,
+				children: [
+					(0, react_jsx_runtime.jsxs)("div", {
+						style: styles$1.bar,
+						children: [(0, react_jsx_runtime.jsx)("button", {
+							style: styles$1.primary,
+							onClick: () => void open(),
+							children: "发布网页"
+						}), (0, react_jsx_runtime.jsx)("span", {
+							style: styles$1.account,
+							children: account === null ? "尚未登录" : `${account.title || "当前账号"} · ${account.phone}`
+						})]
+					}),
+					(0, react_jsx_runtime.jsx)("iframe", {
+						title: "HTML 网页预览",
+						sandbox: "allow-scripts",
+						srcDoc: source,
+						style: styles$1.frame
+					}),
+					stage !== "closed" && (0, react_jsx_runtime.jsx)("div", {
+						style: styles$1.overlay,
+						role: "presentation",
+						onMouseDown: close,
+						children: (0, react_jsx_runtime.jsxs)("section", {
+							style: styles$1.dialog,
+							role: "dialog",
+							"aria-modal": "true",
+							"aria-labelledby": "edus-publish-title",
+							onMouseDown: (event) => event.stopPropagation(),
+							children: [(0, react_jsx_runtime.jsxs)("header", {
+								style: styles$1.hero,
 								children: [(0, react_jsx_runtime.jsx)("p", {
-									style: ui.supportTitle,
-									children: "联系客服"
-								}), (0, react_jsx_runtime.jsx)("p", {
-									style: ui.supportText,
-									children: "需要开通会员或遇到问题，请用微信扫码添加客服。"
+									style: styles$1.eyebrow,
+									children: "COURSE · PUBLISH"
+								}), (0, react_jsx_runtime.jsx)("h2", {
+									id: "edus-publish-title",
+									style: styles$1.title,
+									children: stage === "checking" ? "正在确认账号" : stage === "success" ? "作品已成功发布" : "选择发布目标"
 								})]
+							}), (0, react_jsx_runtime.jsxs)("div", {
+								style: styles$1.body,
+								children: [
+									stage === "checking" && (0, react_jsx_runtime.jsx)("p", {
+										style: styles$1.copy,
+										children: "正在通过课成账号服务确认当前登录状态…"
+									}),
+									stage === "destination" && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+										account !== null && (0, react_jsx_runtime.jsxs)("p", {
+											style: styles$1.accountCard,
+											children: [
+												"当前账号：",
+												(0, react_jsx_runtime.jsx)("strong", { children: account.title || account.phone }),
+												account.title !== "" ? `（${account.phone}）` : ""
+											]
+										}),
+										(0, react_jsx_runtime.jsx)("p", {
+											style: styles$1.copy,
+											children: "请选择本次内容的归属。发布会把当前 HTML 文件的最新内容写入所选作品。"
+										}),
+										(0, react_jsx_runtime.jsxs)("div", {
+											style: {
+												display: "grid",
+												gap: 9
+											},
+											children: [currentAvailable && (0, react_jsx_runtime.jsxs)("label", {
+												style: {
+													...styles$1.option,
+													...destination === "current" ? styles$1.optionSelected : {}
+												},
+												children: [(0, react_jsx_runtime.jsx)("input", {
+													name: "destination",
+													type: "radio",
+													checked: destination === "current",
+													onChange: () => setDestination("current")
+												}), (0, react_jsx_runtime.jsxs)("span", { children: [(0, react_jsx_runtime.jsx)("span", {
+													style: styles$1.optionTitle,
+													children: "更新已关联作品"
+												}), (0, react_jsx_runtime.jsxs)("span", {
+													style: styles$1.optionText,
+													children: [
+														"继续发布到当前文件绑定的作品（",
+														marker.id.slice(0, 8),
+														"…）。"
+													]
+												})] })]
+											}), (0, react_jsx_runtime.jsxs)("label", {
+												style: {
+													...styles$1.option,
+													...destination === "new" ? styles$1.optionSelected : {}
+												},
+												children: [(0, react_jsx_runtime.jsx)("input", {
+													name: "destination",
+													type: "radio",
+													checked: destination === "new",
+													onChange: () => setDestination("new")
+												}), (0, react_jsx_runtime.jsxs)("span", { children: [(0, react_jsx_runtime.jsx)("span", {
+													style: styles$1.optionTitle,
+													children: "创建新作品并发布"
+												}), (0, react_jsx_runtime.jsx)("span", {
+													style: styles$1.optionText,
+													children: "创建新的分享页，并把当前文件重新关联到该作品。"
+												})] })]
+											})]
+										}),
+										destination === "new" && (0, react_jsx_runtime.jsxs)("div", {
+											style: { marginTop: 14 },
+											children: [(0, react_jsx_runtime.jsx)("label", {
+												style: {
+													display: "block",
+													marginBottom: 6,
+													color: "var(--dsw-alias-label-secondary)",
+													fontSize: 12
+												},
+												children: "作品标题"
+											}), (0, react_jsx_runtime.jsx)("input", {
+												style: styles$1.field,
+												autoFocus: true,
+												value: title,
+												placeholder: "例如：春季招生落地页",
+												onChange: (event) => setTitle(event.target.value)
+											})]
+										}),
+										(0, react_jsx_runtime.jsx)(PublishError, { message: error }),
+										(0, react_jsx_runtime.jsxs)("div", {
+											style: styles$1.actions,
+											children: [(0, react_jsx_runtime.jsx)("button", {
+												style: styles$1.button,
+												disabled: busy,
+												onClick: close,
+												children: "取消"
+											}), (0, react_jsx_runtime.jsx)("button", {
+												style: styles$1.primary,
+												disabled: busy,
+												onClick: () => void submitPublish(),
+												children: busy ? "发布中…" : destination === "new" ? "创建并发布" : "更新并发布"
+											})]
+										})
+									] }),
+									stage === "success" && shareUrl !== null && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+										(0, react_jsx_runtime.jsxs)("div", {
+											style: {
+												display: "flex",
+												gap: 11,
+												alignItems: "center",
+												marginBottom: 14
+											},
+											children: [(0, react_jsx_runtime.jsx)("span", {
+												style: styles$1.success,
+												children: "✓"
+											}), (0, react_jsx_runtime.jsx)("p", {
+												style: {
+													...styles$1.copy,
+													margin: 0
+												},
+												children: "作品已可通过分享链接访问。链接中的内容为本次发布版本。"
+											})]
+										}),
+										(0, react_jsx_runtime.jsxs)("div", {
+											style: styles$1.linkBox,
+											children: [(0, react_jsx_runtime.jsx)("a", {
+												style: styles$1.link,
+												href: shareUrl,
+												target: "_blank",
+												rel: "noreferrer",
+												title: shareUrl,
+												children: shareUrl
+											}), (0, react_jsx_runtime.jsx)("button", {
+												style: styles$1.button,
+												onClick: () => void copy(),
+												children: copied ? "已复制" : "复制"
+											})]
+										}),
+										error !== "" && (0, react_jsx_runtime.jsx)("p", {
+											style: styles$1.error,
+											children: error
+										}),
+										(0, react_jsx_runtime.jsx)("div", {
+											style: styles$1.actions,
+											children: (0, react_jsx_runtime.jsx)("button", {
+												style: styles$1.primary,
+												onClick: close,
+												children: "完成"
+											})
+										})
+									] })
+								]
 							})]
-						}),
-						(0, react_jsx_runtime.jsx)("div", {
-							style: ui.dialogActions,
-							children: confirmLogout ? (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-								(0, react_jsx_runtime.jsx)("span", {
-									style: {
-										alignSelf: "center",
-										marginRight: "auto",
-										fontSize: 13
-									},
-									children: "确定退出登录？"
-								}),
-								(0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									style: ui.quiet,
-									onClick: () => setConfirmLogout(false),
-									children: "取消"
-								}),
-								(0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									style: ui.danger,
-									onClick: () => {
-										EdusAuthStore.logout();
-										close();
-									},
-									children: "退出"
-								})
-							] }) : (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								style: ui.quiet,
-								onClick: () => setConfirmLogout(true),
-								children: "退出登录"
-							})
 						})
-					]
-				})
+					})
+				]
 			});
 		}
 		//#endregion
 		//#region lib/types/client/MyWorksPanel.js
-		const PAGE_SIZE = 8;
+		const PAGE_SIZE = 20;
 		function Icon({ name, size = 16 }) {
 			return (0, react_jsx_runtime.jsx)("svg", {
 				"aria-hidden": "true",
@@ -22337,14 +22374,14 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				fontSize: 13,
 				textAlign: "center"
 			},
-			footer: {
+			more: {
 				display: "flex",
 				alignItems: "center",
-				justifyContent: "space-between",
-				gap: 12,
-				padding: "14px 24px 18px",
-				borderTop: "1px solid var(--dsw-alias-border-l2)",
-				color: "var(--dsw-alias-label-secondary)",
+				justifyContent: "center",
+				gap: 8,
+				minHeight: 48,
+				marginTop: 16,
+				color: "var(--dsw-alias-label-tertiary)",
 				fontSize: 12
 			},
 			login: {
@@ -22404,7 +22441,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				size
 			});
 		}
-		/** 主列的「我的作品」页：登录后按页展示当前账号发布过的网页作品。 */
+		/** 主列的「我的作品」页：登录后展示当前账号发布过的网页作品，滚动到底部自动加载下一页。 */
 		function MyWorksPanel({ remote }) {
 			const account = useEdusLogin();
 			const [list, setList] = (0, react.useState)([]);
@@ -22413,26 +22450,81 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			const [searchInput, setSearchInput] = (0, react.useState)("");
 			const [search, setSearch] = (0, react.useState)("");
 			const [loading, setLoading] = (0, react.useState)(false);
+			const [loadingMore, setLoadingMore] = (0, react.useState)(false);
 			const [sharing, setSharing] = (0, react.useState)(null);
 			const [error, setError] = (0, react.useState)("");
 			const [notice, setNotice] = (0, react.useState)("");
-			const pages = Math.max(1, Math.ceil(total / PAGE_SIZE));
+			const hasMore = list.length < total;
+			const token = account?.token;
+			const bodyRef = (0, react.useRef)(null);
+			const sentinelRef = (0, react.useRef)(null);
+			const requestRef = (0, react.useRef)(0);
+			/** 第 1 页替换列表并回到顶部，后续页追加到末尾。 */
 			const load = (0, react.useCallback)(async (token, nextPage, nextSearch) => {
-				setLoading(true);
+				const id = ++requestRef.current;
+				const append = nextPage > 1;
+				if (append) setLoadingMore(true);
+				else {
+					setLoading(true);
+					setLoadingMore(false);
+					bodyRef.current?.scrollTo({ top: 0 });
+				}
 				setError("");
-				setNotice("");
+				if (!append) setNotice("");
 				try {
 					const result = await remote.htmlList(token, nextPage, PAGE_SIZE, nextSearch || void 0);
-					setList(result.list);
-					setTotal(result.total);
+					if (id !== requestRef.current) return;
+					setList((prev) => {
+						if (!append) return result.list;
+						const seen = new Set(prev.map((work) => work.id));
+						return [...prev, ...result.list.filter((work) => !seen.has(work.id))];
+					});
+					setTotal(append && result.list.length === 0 ? 0 : result.total);
 					setPage(result.page);
 					setSearch(nextSearch);
 				} catch (reason) {
+					if (id !== requestRef.current) return;
 					setError(reason instanceof Error ? reason.message : String(reason));
 				} finally {
-					setLoading(false);
+					if (id === requestRef.current) {
+						setLoading(false);
+						setLoadingMore(false);
+					}
 				}
 			}, [remote]);
+			const loadMore = (0, react.useCallback)(() => {
+				if (token === void 0 || loading || loadingMore || !hasMore) return;
+				load(token, page + 1, search);
+			}, [
+				hasMore,
+				load,
+				loading,
+				loadingMore,
+				page,
+				search,
+				token
+			]);
+			/**
+			* 哨兵元素进入滚动区可视范围（预留 200px）时加载下一页。依赖变化会重建观察器，
+			* observe() 会立即回报一次当前状态，所以首屏内容不足一屏时也会继续补页。
+			* 出错后停止自动加载，改由底部的重试按钮触发，避免失败请求循环。
+			*/
+			(0, react.useEffect)(() => {
+				const root = bodyRef.current, target = sentinelRef.current;
+				if (root === null || target === null || error !== "") return;
+				const observer = new IntersectionObserver((entries) => {
+					if (entries.some((entry) => entry.isIntersecting)) loadMore();
+				}, {
+					root,
+					rootMargin: "0px 0px 200px 0px"
+				});
+				observer.observe(target);
+				return () => observer.disconnect();
+			}, [
+				error,
+				loadMore,
+				list.length
+			]);
 			const share = async (work, action) => {
 				if (account === null) return;
 				const popup = action === "open" ? window.open("about:blank", "_blank") : null;
@@ -22461,17 +22553,18 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			* 这也顺带把过期 token 挡在渲染之前。登录在统一弹窗里完成，跟随 token 变化
 			* 重新拉取，弹窗登录成功后列表随即出现。
 			*/
-			const token = account?.token;
 			(0, react.useEffect)(() => {
 				setNotice("");
 				const stored = EdusAuthStore.getSnapshot();
 				if (stored === null) {
+					requestRef.current++;
 					setList([]);
 					setTotal(0);
 					setPage(1);
 					setSearch("");
 					setSearchInput("");
 					setLoading(false);
+					setLoadingMore(false);
 					return;
 				}
 				setError("");
@@ -22540,150 +22633,139 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 								type: "button",
 								style: styles.button,
 								disabled: loading,
-								onClick: () => void load(account.token, page, search),
+								onClick: () => {
+									setSearchInput("");
+									load(account.token, 1, "");
+								},
 								children: [(0, react_jsx_runtime.jsx)(Icon, {
 									name: "refresh",
 									size: 15
-								}), "刷新"]
+								}), "重置"]
+							}),
+							notice !== "" && (0, react_jsx_runtime.jsx)("span", {
+								role: "status",
+								style: styles.toast,
+								children: notice
 							})
 						]
 					}),
 					(0, react_jsx_runtime.jsxs)("div", {
+						ref: bodyRef,
 						style: styles.body,
-						children: [account === null ? (0, react_jsx_runtime.jsxs)("div", {
-							style: styles.login,
-							children: [
-								(0, react_jsx_runtime.jsx)(Icon, {
-									name: "folder",
-									size: 30
-								}),
-								(0, react_jsx_runtime.jsx)("span", { children: "作品列表仅展示当前账号创建的内容" }),
-								error !== "" && (0, react_jsx_runtime.jsx)("p", {
-									style: styles.error,
-									children: error
-								}),
-								(0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									style: {
-										...styles.button,
-										...styles.primary,
-										...styles.loginButton
-									},
-									onClick: EdusLoginDialog.open,
-									children: "立即登录"
-								})
-							]
-						}) : 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 ? (0, react_jsx_runtime.jsxs)("div", {
+								style: styles.login,
 								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)(Icon, {
+										name: "folder",
+										size: 30
 									}),
-									(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.jsx)("span", { children: "作品列表仅展示当前账号创建的内容" }),
+									error !== "" && (0, react_jsx_runtime.jsx)("p", {
+										style: styles.error,
+										children: error
 									}),
-									(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.button,
+											...styles.primary,
+											...styles.loginButton
+										},
+										onClick: EdusLoginDialog.open,
+										children: "立即登录"
 									})
 								]
-							}, 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
+							}) : 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))
 							}),
-							(0, react_jsx_runtime.jsxs)("div", {
+							account !== null && error !== "" && (0, react_jsx_runtime.jsx)("p", {
 								style: {
-									display: "flex",
-									gap: 8
+									...styles.error,
+									marginTop: 14
 								},
-								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", {
+								children: error
+							}),
+							account !== null && !loading && list.length > 0 && (0, react_jsx_runtime.jsx)("div", {
+								ref: sentinelRef,
+								style: styles.more,
+								children: loadingMore ? "正在加载更多…" : error !== "" && hasMore ? (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
 									style: styles.button,
-									disabled: loading || page >= pages,
-									onClick: () => void load(account.token, page + 1, search),
-									children: "下一页"
-								})]
+									onClick: () => {
+										setError("");
+										loadMore();
+									},
+									children: "重试加载"
+								}) : hasMore ? "" : `已加载全部 ${list.length} 个作品`
 							})
 						]
 					})
@@ -22729,7 +22811,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					label: () => "教学网页",
 					description: () => "根据教学需求和配图，生成适合课堂投屏的网页",
 					icon: _deepseek_ai_dsh_client_ui_primitives.IconGlobeOutlineRegular,
-					section: () => "任务"
+					section: () => "任务",
+					token: () => "教学网页"
 				}), "edus webpage command face");
 			});
 		}