@rexvane/piweb 0.3.20 → 0.3.22

package/src/app/api/github/route.ts

@@ -0,0 +1,26 @@
+import { NextResponse } from "next/server";
+import { repoRoot } from "@/lib/git-service";
+import { awaitGithubIdentity } from "@/lib/github-identity";
+import { BoundaryError, resolveWorkspacePath } from "@/lib/path-security";
+
+export const dynamic = "force-dynamic";
+
+/**
+ * Git 面板头部的 GitHub 身份（头像 + 账号）。
+ *
+ * 与 /api/git 分开：身份要走网络（gh / 头像），不该拖慢分支与文件状态那条纯本地读取。
+ * 取不到就回 identity: null，前端只显示分支信息，不报错。
+ */
+export async function GET(req: Request) {
+	const cwd = new URL(req.url).searchParams.get("cwd");
+	try {
+		const resolved = await resolveWorkspacePath(cwd);
+		const { root } = await repoRoot(resolved);
+		if (!root) return NextResponse.json({ success: true, data: { identity: null } });
+		return NextResponse.json({ success: true, data: { identity: await awaitGithubIdentity(root) } });
+	} catch (err: any) {
+		if (err instanceof BoundaryError) return NextResponse.json({ success: false, error: err.message }, { status: 400 });
+		// 身份只是装饰：任何失败都不该让面板变红
+		return NextResponse.json({ success: true, data: { identity: null } });
+	}
+}

package/src/app/api/models/defaults/route.ts

@@ -0,0 +1,18 @@
+import { NextResponse } from "next/server";
+import { newSessionDefaults } from "@/lib/model-defaults";
+import { BoundaryError, resolveWorkspacePath } from "@/lib/path-security";
+
+export const dynamic = "force-dynamic";
+
+/** 新会话页的默认模型与思考档位：按工作区读 pi 的设置 */
+export async function GET(req: Request) {
+	try {
+		const cwd = await resolveWorkspacePath(new URL(req.url).searchParams.get("cwd"));
+		return NextResponse.json({ success: true, data: await newSessionDefaults(cwd) });
+	} catch (error) {
+		return NextResponse.json(
+			{ success: false, error: error instanceof Error ? error.message : "request failed" },
+			{ status: error instanceof BoundaryError ? 400 : 500 },
+		);
+	}
+}

package/src/app/api/models/route.ts

@@ -2,7 +2,9 @@ import { gzipSync } from "node:zlib";
 import { NextResponse } from "next/server";
 import {
 	answerLogin,
+	builtinCatalogModelIds,
 	cancelLogin,
+	contextWindowInfo,
 	CustomProvidersConflictError,
 	CustomProvidersValidationError,
 	discoverModels,
@@ -14,6 +16,7 @@ import {
 	readCustomProviders,
 	removeApiKey,
 	setApiKey,
+	setModelContextWindow,
 	startLogin,
 	writeCustomProviders,
 } from "@/lib/models-service";
@@ -58,7 +61,13 @@ export async function GET(req: Request) {
 		const providers = full
 			? data.providers
 			: data.providers.map((p) => ({ id: p.id, name: p.name, authReady: p.authReady, builtIn: p.builtIn, modelCount: p.modelCount }));
-		return jsonMaybeGzip(req, { success: true, data: { providers, models, customProviders } }, `${modelListStamp()}:${full ? "full" : "piweb"}`);
+		// 设置页编辑内置 provider 时据此把「覆盖已有模型」写进 modelOverrides，而不是 models[]
+		const catalogModelIds = customProviders ? await builtinCatalogModelIds(customProviders.content, data.models) : undefined;
+		return jsonMaybeGzip(
+			req,
+			{ success: true, data: { providers, models, customProviders, ...(catalogModelIds ? { catalogModelIds } : {}) } },
+			`${modelListStamp()}:${custom ? "custom" : full ? "full" : "piweb"}`,
+		);
 	} catch (err: any) {
 		return NextResponse.json({ success: false, error: String(err?.message ?? err) }, { status: 500 });
 	}
@@ -73,11 +82,15 @@ export async function POST(req: Request) {
 				| "saveCustomProviders"
 				| "discoverModels"
 				| "providerUsage"
+				| "contextWindowInfo"
+				| "setContextWindow"
 				| "loginStart"
 				| "loginState"
 				| "loginAnswer"
 				| "loginCancel";
 			providerId?: string;
+			modelId?: string;
+			contextWindow?: number;
 			apiKey?: string;
 			baseUrl?: string;
 			api?: string;
@@ -115,6 +128,16 @@ export async function POST(req: Request) {
 			const usage = await providerUsage(body.providerId, body.force === true);
 			return NextResponse.json({ success: true, data: { usage } });
 		}
+		if (body.action === "contextWindowInfo" || body.action === "setContextWindow") {
+			if (typeof body.providerId !== "string" || !body.providerId || typeof body.modelId !== "string" || !body.modelId) {
+				return NextResponse.json({ success: false, error: "missing providerId or modelId" }, { status: 400 });
+			}
+			if (body.action === "contextWindowInfo") {
+				return NextResponse.json({ success: true, data: await contextWindowInfo(body.providerId, body.modelId) });
+			}
+			if (typeof body.contextWindow !== "number") return NextResponse.json({ success: false, error: "missing contextWindow" }, { status: 400 });
+			return NextResponse.json({ success: true, data: await setModelContextWindow(body.providerId, body.modelId, body.contextWindow) });
+		}
 		if (body.action === "loginStart") {
 			if (!body.providerId) return NextResponse.json({ success: false, error: "missing providerId" }, { status: 400 });
 			await startLogin(body.providerId);

package/src/app/api/update/route.ts

@@ -1,9 +1,19 @@
 import { NextResponse } from "next/server";
 import { checkForUpdate, runUpdate, UpdateBusyError, type UpdateTarget } from "@/lib/update-service";
+import { ensureStartupCheck, markUpdated, recordCheck } from "@/lib/update/startup-check";
 import { activeStatus } from "@/lib/agent-manager";
 
 export const dynamic = "force-dynamic";
 
+/**
+ * 启动时那次检查的结果（还在查就等它查完）：设置页和右下角提示条据此直接显示「可更新到 vX」。
+ * 关掉启动检查时 startId 为 null、没有结果，页面退回手动「检查更新」。
+ */
+export async function GET() {
+	const updates = await ensureStartupCheck();
+	return NextResponse.json({ success: true, data: updates ?? { startId: null, results: {} } }, { headers: { "Cache-Control": "no-store" } });
+}
+
 /** Fixed targets/actions only. Runtime authorization and origin checks live in proxy. */
 export async function POST(req: Request) {
 	let body: unknown;
@@ -16,7 +26,11 @@ export async function POST(req: Request) {
 	if (target !== "piweb" && target !== "pi") return NextResponse.json({ success: false, error: "unknown target" }, { status: 400 });
 	if (action !== "check" && action !== "update") return NextResponse.json({ success: false, error: "unknown action" }, { status: 400 });
 	try {
-		if (action === "check") return NextResponse.json({ success: true, data: await checkForUpdate(target) });
+		if (action === "check") {
+			const check = await checkForUpdate(target);
+			recordCheck(target, check);
+			return NextResponse.json({ success: true, data: check });
+		}
 		const assertIdle = async () => {
 			if (Object.values(activeStatus()).some((session) => session.streaming)) {
 				throw new UpdateBusyError("An agent session is running. Wait for it to finish and update in a maintenance window; do not start new sessions until the release is ready.");
@@ -24,7 +38,9 @@ export async function POST(req: Request) {
 		};
 		// Check before even taking a release lock; rechecked before each mutating step.
 		await assertIdle();
-		return NextResponse.json({ success: true, data: await runUpdate(target, { assertIdle }) });
+		const result = await runUpdate(target, { assertIdle });
+		markUpdated(target, result.version);
+		return NextResponse.json({ success: true, data: result });
 	} catch (error) {
 		return NextResponse.json({ success: false, error: error instanceof Error ? error.message : String(error) }, {
 			status: error instanceof UpdateBusyError ? 409 : 500,

package/src/app/globals.css

@@ -532,6 +532,22 @@ textarea::placeholder {
 .settings-tab-underline[data-active="true"]::after {
 	background: var(--dsw-label-primary);
 }
+/* 应用外壳占满「实际可见」的高度。100vh 在手机浏览器里是工具栏收起时的大视口：
+   地址栏在底部的浏览器（如手机 Edge）里，最下面的输入框正好被工具栏盖住、页面又不滚动，
+   看起来就是没有输入框。dvh 是实际可见高度，不认它的老浏览器退回 100vh。
+   兜底必须放进 @supports：写成两行 height，构建时的 CSS 压缩会只留后一行，老浏览器就没了高度。 */
+.pw-app-shell {
+	height: 100vh;
+}
+@supports (height: 100dvh) {
+	.pw-app-shell {
+		height: 100dvh;
+	}
+}
+/* 右侧抽屉的入口条：未选中项悬停给底色（设置页的同款下划线 tab 没有底色） */
+.drawer-tab:hover:not([data-active="true"]) {
+	background: var(--dsw-hover);
+}
 
 .btn-primary-circle {
 	display: inline-flex;
@@ -810,6 +826,68 @@ textarea::placeholder {
 	margin: 1em 0;
 }
 
+/* ---------- 流式正文：稳定块 + 未闭合代码围栏的纯文本尾巴共用一个 .md 容器 ---------- */
+.pw-stream {
+	display: flow-root;
+}
+/* 打字光标模式下尾巴外面包了一层：包层不能改变原有排版，
+   .md > *:first-child/:last-child 的边距归零要透传到最后那个内容元素上 */
+.pw-stream > .pw-stream-tail:first-child > :first-child {
+	margin-top: 0;
+}
+.pw-stream > .pw-stream-tail:last-child > :last-child {
+	margin-bottom: 0;
+}
+/* 渐显样式：只让尾巴里新出现的元素柔和淡入。
+   动画若挂在容器全部直接子级上，块升级（段落从尾巴进入稳定块）会重建 DOM，
+   已经显示过的内容就把入场动画重播一遍——那正是输出时「闪烁几下」的来源；
+   收窄到 .pw-stream-tail 内部后，升级进来的块不再带动画，视觉无缝。 */
+.pw-stream[data-stream-style="fade"] .pw-stream-tail > * {
+	animation: pw-stream-enter 240ms ease-out both;
+}
+@keyframes pw-stream-enter {
+	from {
+		opacity: 0;
+		transform: translateY(2px);
+	}
+	to {
+		opacity: 1;
+		transform: none;
+	}
+}
+
+/* 打字光标：挂在尾巴最后一个元素的行内末尾（不会另起一行）。
+   代码块和列表是块级容器，挂在外层会落到下一行，改挂到代码文字 / 最后一项的末尾 */
+.pw-stream-caret .pw-stream-tail > :last-child:not(.md-code-block, ul, ol)::after,
+.pw-stream-caret .pw-stream-tail > .md-code-block:last-child code::after,
+.pw-stream-caret .pw-stream-tail > :is(ul, ol):last-child > li:last-child::after {
+	content: "";
+	display: inline-block;
+	width: 2px;
+	height: 1.05em;
+	margin-left: 2px;
+	vertical-align: -0.18em;
+	border-radius: 1px;
+	background: var(--dsw-accent);
+	animation: pw-stream-caret 1.1s steps(2, start) infinite;
+}
+@keyframes pw-stream-caret {
+	50% {
+		opacity: 0;
+	}
+}
+
+@media (prefers-reduced-motion: reduce) {
+	.pw-stream[data-stream-style="fade"] .pw-stream-tail > * {
+		animation: none;
+	}
+	.pw-stream-caret .pw-stream-tail > :last-child:not(.md-code-block, ul, ol)::after,
+	.pw-stream-caret .pw-stream-tail > .md-code-block:last-child code::after,
+	.pw-stream-caret .pw-stream-tail > :is(ul, ol):last-child > li:last-child::after {
+		animation: none;
+	}
+}
+
 /* ---------- 代码高亮（highlight.js）：VS Code 式的分类着色，配色跟 Pi 自己的主题走 ---------- */
 :root {
 	--hl-comment: rgb(130, 136, 146);
@@ -1634,6 +1712,192 @@ body[data-pebrel-theme="pebrel"][data-ds-dark-theme] {
 	pointer-events: none;
 }
 
+/* 输入卡待发送图片：平铺缩略图 / 牌堆 / 扇形（src/components/composer/ComposerImages.tsx） */
+.pw-image-thumb {
+	position: relative;
+	flex: none;
+}
+.pw-image-thumb img {
+	display: block;
+	box-shadow: 0 0 0 0.5px var(--dsw-border-l2);
+}
+.pw-image-fan {
+	position: relative;
+	flex: none;
+	transition: width 320ms cubic-bezier(0.2, 0.8, 0.2, 1), height 320ms cubic-bezier(0.2, 0.8, 0.2, 1);
+}
+.pw-image-card {
+	position: absolute;
+	left: 0;
+	top: 0;
+	width: 96px;
+	height: 96px;
+	transition: transform 360ms cubic-bezier(0.2, 0.8, 0.2, 1), opacity 200ms ease;
+}
+.pw-image-card[data-hidden="true"] {
+	opacity: 0;
+	pointer-events: none;
+}
+.pw-image-face {
+	display: block;
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
+	border-radius: 10px;
+	/* 不透明的底：长图上下留白的地方不能透出后面那张 */
+	background: linear-gradient(var(--dsw-selector), var(--dsw-selector)), var(--dsw-glass-input);
+	box-shadow: 0 0 0 0.5px var(--dsw-border-l3), 0 1px 3px rgba(0, 0, 0, 0.12);
+	transition: box-shadow var(--ds-duration-fast) var(--ds-ease-in-out);
+}
+.pw-image-card[data-lifted="true"] .pw-image-face {
+	box-shadow: 0 0 0 0.5px var(--dsw-border-l4), 0 10px 24px rgba(0, 0, 0, 0.22);
+}
+.pw-image-face img {
+	transition: opacity 240ms ease;
+}
+/* 牌堆里后面几张只露空白卡边，一眼看出是一叠；扇开时图淡入 */
+.pw-image-fan:not([data-expanded="true"]) .pw-image-card + .pw-image-card .pw-image-face img {
+	opacity: 0;
+}
+.pw-image-face:focus-visible {
+	outline: 2px solid var(--dsw-accent);
+	outline-offset: 2px;
+}
+/* 张数多、露出的条带太窄：删除按钮只在悬停 / 聚焦那张上出现，免得挤成一排 */
+.pw-image-fan[data-crowded="true"] .pw-image-delete {
+	opacity: 0;
+	pointer-events: none;
+	transition: opacity var(--ds-duration-fast) var(--ds-ease-in-out);
+}
+.pw-image-fan[data-crowded="true"] .pw-image-card:hover .pw-image-delete,
+.pw-image-fan[data-crowded="true"] .pw-image-card:focus-within .pw-image-delete {
+	opacity: 1;
+	pointer-events: auto;
+}
+.pw-image-delete {
+	position: absolute;
+	top: -6px;
+	right: -6px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 22px;
+	height: 22px;
+	border-radius: 999px;
+	font-size: 11px;
+	background: var(--dsw-label-primary);
+	color: var(--dsw-bg-base);
+	/* 一圈底色描边：压在别的图片上也看得清 */
+	box-shadow: 0 0 0 1.5px var(--dsw-glass-input);
+}
+.pw-image-delete:disabled {
+	opacity: 0.4;
+}
+/* 放大预览 */
+.pw-viewer {
+	position: fixed;
+	inset: 0;
+	z-index: 200;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	padding: 56px 16px 24px;
+	background: rgba(0, 0, 0, 0.78);
+}
+.pw-viewer-bar {
+	position: absolute;
+	top: 12px;
+	left: 16px;
+	right: 16px;
+	display: flex;
+	align-items: center;
+	gap: 8px;
+}
+.pw-viewer-count {
+	flex: 1;
+	font-size: 13px;
+	font-variant-numeric: tabular-nums;
+	color: rgba(255, 255, 255, 0.78);
+}
+.pw-viewer-btn {
+	height: 30px;
+	min-width: 30px;
+	padding: 0 12px;
+	border-radius: 999px;
+	font-size: 13px;
+	color: #fff;
+	background: rgba(255, 255, 255, 0.14);
+	transition: background var(--ds-duration-fast) var(--ds-ease-in-out);
+}
+.pw-viewer-btn:hover {
+	background: rgba(255, 255, 255, 0.24);
+}
+.pw-viewer-btn:disabled {
+	opacity: 0.4;
+}
+.pw-viewer-image {
+	max-width: 100%;
+	max-height: 100%;
+	object-fit: contain;
+	border-radius: 12px;
+}
+.pw-viewer-nav {
+	position: absolute;
+	top: 50%;
+	width: 40px;
+	height: 40px;
+	margin-top: -20px;
+	border-radius: 999px;
+	font-size: 26px;
+	line-height: 38px;
+	color: #fff;
+	background: rgba(255, 255, 255, 0.14);
+	transition: background var(--ds-duration-fast) var(--ds-ease-in-out);
+}
+.pw-viewer-nav:hover {
+	background: rgba(255, 255, 255, 0.24);
+}
+.pw-viewer-nav[data-side="prev"] {
+	left: 16px;
+}
+.pw-viewer-nav[data-side="next"] {
+	right: 16px;
+}
+.pw-viewer-btn:focus-visible,
+.pw-viewer-nav:focus-visible {
+	outline: 2px solid #fff;
+	outline-offset: 2px;
+}
+@media (prefers-reduced-motion: reduce) {
+	.pw-image-fan,
+	.pw-image-card {
+		transition: none;
+	}
+}
+
+/* 设置页模型体检卡片里的小输入框 / 下拉（容量、视觉） */
+.pw-audit-field {
+	width: 100%;
+	height: 30px;
+	padding: 0 8px;
+	border: 0.5px solid var(--dsw-border-l2);
+	border-radius: 9px;
+	background: var(--dsw-glass-input);
+	color: var(--dsw-label-primary);
+	font-size: 12.5px;
+	transition: border-color var(--ds-duration-fast) var(--ds-ease-in-out), box-shadow var(--ds-duration-fast) var(--ds-ease-in-out);
+}
+.pw-audit-field:focus {
+	border-color: var(--dsw-accent);
+	box-shadow: 0 0 0 2px var(--dsw-accent-soft);
+}
+.pw-audit-field[aria-invalid="true"] {
+	border-color: var(--dsw-danger);
+}
+.pw-audit-field:disabled {
+	opacity: 0.55;
+}
+
 /* 项目栏 */
 .pw-project {
 	background: var(--dsw-sidebar-fill);
@@ -2135,3 +2399,14 @@ body[data-pebrel-theme="pebrel"][data-ds-dark-theme] {
 		border-radius: 0;
 	}
 }
+/* 全屏查看器同样按实际可见高度铺满（理由见 .pw-app-shell）；放在上面两条之后才压得住它们 */
+@supports (height: 100dvh) {
+	.pw-viewer[data-fullscreen] {
+		height: 100dvh;
+	}
+	@media (max-width: 840px) {
+		.pw-viewer {
+			height: 100dvh;
+		}
+	}
+}