@allbluecn/web-app 0.24.3 → 0.24.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@allbluecn/web-app",
-  "version": "0.24.3",
+  "version": "0.24.5",
   "license": "AGPL-3.0-or-later",
   "type": "module",
   "files": [

package/src/components/desktop/__tests__/sync-indicator.test.tsx

@@ -65,18 +65,24 @@ afterEach(() => {
 })
 
 describe('DesktopSyncIndicator 三态徽标（A11）', () => {
-  it('初始查询建立基线：guest 徽标 + i18n 文案', async () => {
+  // guest（本地模式）不再渲染徽标（2026-11-03 用户裁决）→ 无基线可等；
+  // 先 flush 初始 desktopState 查询（迟到 resolve 会覆盖后续推送态）
+  const flushInitialQuery = () =>
+    act(async () => {
+      await new Promise((r) => setTimeout(r, 0))
+    })
+
+  it('guest（本地模式）默认态不渲染徽标（2026-11-03 用户裁决移除常驻显示）', async () => {
     bridgeRef.current = makeBridge()
     render(<DesktopSyncIndicator />)
-    const badge = await screen.findByTestId('desktop-state-badge')
-    expect(badge.getAttribute('data-desktop-state')).toBe('guest')
-    expect(badge.textContent).toContain(m.desktop_state_guest())
+    await flushInitialQuery()
+    expect(screen.queryByTestId('desktop-state-badge')).toBeNull()
   })
 
   it('事件推送 transferring：徽标随推送更新（过境态）', async () => {
     bridgeRef.current = makeBridge()
     render(<DesktopSyncIndicator />)
-    await screen.findByTestId('desktop-state-badge')
+    await flushInitialQuery()
     await act(async () => {
       stateListener?.({ kind: 'transferring', updatedAt: '2026-11-01T00:00:01Z' })
     })
@@ -88,7 +94,7 @@ describe('DesktopSyncIndicator 三态徽标（A11）', () => {
   it('事件推送 cloud：徽标迁云态（身份切换终态）', async () => {
     bridgeRef.current = makeBridge()
     render(<DesktopSyncIndicator />)
-    await screen.findByTestId('desktop-state-badge')
+    await flushInitialQuery()
     await act(async () => {
       stateListener?.({ kind: 'cloud', updatedAt: '2026-11-01T00:00:02Z' })
     })
@@ -116,15 +122,16 @@ describe('DesktopSyncIndicator 三态徽标（A11）', () => {
     expect(container.textContent).toBe('')
   })
 
-  it('三态齐备时同步相位行与徽标共存（双行）', async () => {
+  it('三态齐备时同步相位行与徽标共存（双行，非 guest 态）', async () => {
     bridgeRef.current = makeBridge()
     render(<DesktopSyncIndicator />)
-    await screen.findByTestId('desktop-state-badge')
+    await flushInitialQuery()
     await act(async () => {
+      stateListener?.({ kind: 'transferring', updatedAt: '2026-11-01T00:00:00Z' })
       syncListener?.({ phase: 'idle', pending: 0, lastError: null, lastSyncedAt: '2026-11-01' })
     })
     const wrapper = screen.getByTestId('desktop-sync-indicator')
-    expect(wrapper.textContent).toContain(m.desktop_state_guest())
+    expect(wrapper.textContent).toContain(m.desktop_state_transferring())
     expect(wrapper.textContent).toContain('已同步')
   })
 })

package/src/components/desktop/sync-indicator.tsx

@@ -85,7 +85,9 @@ export function DesktopSyncIndicator() {
 
   return (
     <div className="space-y-0.5" data-testid="desktop-sync-indicator">
-      {deskState && (
+      {/* guest（本地模式）是默认态、常驻无信息量——用户裁决不展示（2026-11-03）；
+          仅展示过境/迁云等有信息量的状态 */}
+      {deskState && deskState !== "guest" && (
         <div
           className="flex items-center gap-1.5 px-2 py-1 text-xs text-muted-foreground"
           data-testid="desktop-state-badge"

package/src/components/harness/harness-workbench-page.tsx

@@ -560,21 +560,26 @@ export default function HarnessWorkbenchPage({ initialThreadId, initialMessages,
 
   const centerContent = (
     <div className="flex h-full flex-col">
-      <div className="flex shrink-0 items-center gap-2 border-b px-4 py-3">
+      {/* 头部整行为桌面壳窗口拖动区 + 交互簇 no-drag（story-panel-header 同款，见
+          globals.css 注释）；顶缘 h-6 拖动带只盖到 y=24，本行按钮 top≈21 需要
+          no-drag 减除才能完整可点 */}
+      <div className="app-region-drag flex shrink-0 items-center gap-2 border-b px-4 py-3">
         {engine === "local" ? (
           <span className="inline-flex items-center gap-1.5 rounded-md border border-border bg-muted/40 px-2 py-1 text-xs text-muted-foreground">
             <FolderOpen className="size-3.5" />
             {m.harness_engine_localBadge()}
           </span>
         ) : (
-          <AgentPresetPicker
-            value={selectedAgentId}
-            onValueChange={handleAgentChange}
-            agents={agents ?? []}
-          />
+          <div className="app-region-no-drag min-w-0">
+            <AgentPresetPicker
+              value={selectedAgentId}
+              onValueChange={handleAgentChange}
+              agents={agents ?? []}
+            />
+          </div>
         )}
         <h2 className="truncate font-semibold">{activeConversation?.title ?? m.chat_newConversation()}</h2>
-        <div className="ml-auto flex items-center gap-1">
+        <div className="app-region-no-drag ml-auto flex items-center gap-1">
           <Button
             size="icon"
             variant="ghost"

package/src/components/shared-kit/auth/auth-layout.tsx

@@ -15,7 +15,12 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-import type { ReactNode } from 'react'
+import type { ElementType, ReactNode } from 'react'
+import { useNavigate } from '@tanstack/react-router'
+import { ArrowLeft } from 'lucide-react'
+import { Button } from '@/components/ui/button'
+import { isDesktopEdition } from '@/lib/edition-desktop'
+import { m } from '@/paraglide/messages.js'
 import { AnimatedThemeToggler } from '@/components/shared-kit/theme/animated-theme-toggler'
 
 interface AuthLayoutProps {
@@ -25,10 +30,27 @@ interface AuthLayoutProps {
 export function AuthLayout({ children }: AuthLayoutProps) {
   const left = findChild(children, AuthLayoutLeft)
   const right = findChild(children, AuthLayoutRight)
+  const navigate = useNavigate()
 
   return (
     <div className="flex min-h-screen">
       <div className="relative flex flex-1 items-center justify-center p-6">
+        {/* 桌面壳：认证页左上角返回（免登录态可随时回到应用）。浏览器/云端不展示——
+            redirect 流程中 history.back 会回到需登录页再被弹回登录，形成死循环 */}
+        {isDesktopEdition() && (
+          <Button
+            variant="ghost"
+            size="icon"
+            className="absolute left-6 top-6 size-8"
+            aria-label={m.auth_layout_back()}
+            onClick={() => {
+              if (window.history.length > 1) window.history.back()
+              else void navigate({ to: '/dashboard' })
+            }}
+          >
+            <ArrowLeft className="size-4" />
+          </Button>
+        )}
         <div className="absolute" style={{ top: '1.5rem', right: '1.5rem' }}>
           <AnimatedThemeToggler className="flex size-6 items-center justify-center rounded-full hover:bg-accent" />
         </div>
@@ -55,11 +77,11 @@ export function AuthLayoutRight({ children }: { children: ReactNode }) {
   return <>{children}</>
 }
 
-function findChild(children: ReactNode, type: any) {
+function findChild(children: ReactNode, type: ElementType) {
   const arr = Array.isArray(children) ? children : [children]
   for (const child of arr) {
-    if ((child as any)?.type === type) {
-      return (child as any).props.children
+    if ((child as { type?: unknown })?.type === type) {
+      return (child as { props: { children: ReactNode } }).props.children
     }
   }
   return null

package/src/lib/changelog/sdk-versions.ts

@@ -112,7 +112,7 @@ export const SDK_GROUPS: SdkGroup[] = [
     "items": [
       {
         "name": "@allbluecn/web-app",
-        "version": "v0.24.3",
+        "version": "v0.24.5",
         "lastUpdate": "Nov 3, 2026",
         "source": "apps/web/package.json",
         "docsUrl": "https://github.com/allbluecn/allblue"

package/src/paraglide/messages/_index.js

@@ -289,6 +289,7 @@ import { getLocale, experimentalStaticLocale } from "../runtime.js"
 /** @typedef {{}} Auth_Forgotpassword_Submitting1Inputs */
 /** @typedef {{}} Auth_Forgotpassword_Subtitle1Inputs */
 /** @typedef {{}} Auth_Forgotpassword_Title1Inputs */
+/** @typedef {{}} Auth_Layout_BackInputs */
 /** @typedef {{}} Auth_Login_Createaccount1Inputs */
 /** @typedef {{}} Auth_Login_Defaultaction1Inputs */
 /** @typedef {{}} Auth_Login_Emaillabel1Inputs */
@@ -9953,6 +9954,20 @@ export { auth_forgotpassword_title1 as "auth_forgotPassword_title" }
 /**
 * | output |
 * | --- |
+* | "Back" |
+*
+* @param {Auth_Layout_BackInputs} inputs
+* @param {{ locale?: "zh" | "en" }} options
+* @returns {LocalizedString}
+*/
+export const auth_layout_back = /** @type {((inputs?: Auth_Layout_BackInputs, options?: { locale?: "zh" | "en" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Auth_Layout_BackInputs, { locale?: "zh" | "en" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return __en.auth_layout_back(inputs)
+	return __zh.auth_layout_back(inputs)
+});
+/**
+* | output |
+* | --- |
 * | "Create account" |
 *
 * @param {Auth_Login_Createaccount1Inputs} inputs

package/src/paraglide/messages/en.js

@@ -287,6 +287,7 @@
 /** @typedef {{}} Auth_Forgotpassword_Submitting1Inputs */
 /** @typedef {{}} Auth_Forgotpassword_Subtitle1Inputs */
 /** @typedef {{}} Auth_Forgotpassword_Title1Inputs */
+/** @typedef {{}} Auth_Layout_BackInputs */
 /** @typedef {{}} Auth_Login_Createaccount1Inputs */
 /** @typedef {{}} Auth_Login_Defaultaction1Inputs */
 /** @typedef {{}} Auth_Login_Emaillabel1Inputs */
@@ -6873,6 +6874,10 @@ export const auth_forgotpassword_title1 = /** @type {(inputs: Auth_Forgotpasswor
 	return /** @type {LocalizedString} */ (`Forgot Password`)
 };
 
+export const auth_layout_back = /** @type {(inputs: Auth_Layout_BackInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Back`)
+};
+
 export const auth_login_createaccount1 = /** @type {(inputs: Auth_Login_Createaccount1Inputs) => LocalizedString} */ () => {
 	return /** @type {LocalizedString} */ (`Create account`)
 };

package/src/paraglide/messages/zh.js

@@ -287,6 +287,7 @@
 /** @typedef {{}} Auth_Forgotpassword_Submitting1Inputs */
 /** @typedef {{}} Auth_Forgotpassword_Subtitle1Inputs */
 /** @typedef {{}} Auth_Forgotpassword_Title1Inputs */
+/** @typedef {{}} Auth_Layout_BackInputs */
 /** @typedef {{}} Auth_Login_Createaccount1Inputs */
 /** @typedef {{}} Auth_Login_Defaultaction1Inputs */
 /** @typedef {{}} Auth_Login_Emaillabel1Inputs */
@@ -6873,6 +6874,10 @@ export const auth_forgotpassword_title1 = /** @type {(inputs: Auth_Forgotpasswor
 	return /** @type {LocalizedString} */ (`忘记密码`)
 };
 
+export const auth_layout_back = /** @type {(inputs: Auth_Layout_BackInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`返回`)
+};
+
 export const auth_login_createaccount1 = /** @type {(inputs: Auth_Login_Createaccount1Inputs) => LocalizedString} */ () => {
 	return /** @type {LocalizedString} */ (`创建账号`)
 };

package/src/routes/__root.tsx

@@ -36,6 +36,7 @@ import { Button } from '@/components/ui/button'
 import type { Session } from '@/lib/auth/auth-client'
 import { getLocale } from '@/paraglide/runtime.js'
 import { m } from "@/paraglide/messages.js";
+import { isDesktopEdition } from '@/lib/edition-desktop'
 
 export const Route = createRootRouteWithContext<RouterContext>()({
   beforeLoad: async () => {
@@ -83,7 +84,7 @@ function RootComponent() {
   }, [])
 
   return (
-    <html lang={getLocale()} suppressHydrationWarning>
+    <html lang={getLocale()} suppressHydrationWarning className={isDesktopEdition() ? 'desktop-shell' : undefined}>
       <head>
         <HeadContent />
       </head>

package/src/routes/_nav/route.lazy.tsx

@@ -27,15 +27,17 @@ import { usePresenceReport } from '@/lib/collab/use-presence-report'
 import { NavigationIndicator } from './-components/navigation-indicator'
 import { isDesktopEdition } from '@/lib/edition-desktop'
 
-// 桌面壳顶缘细拖动条：铺在 y 0-8 的结构性空带——布局根行 mt-2(8px) 之后才出现
-// 任何面板/侧栏内容，故 h-2 恒在按钮/文字上方、不遮挡交互。-webkit-app-region
-// 是几何区域语义（mousedown 落在矩形内即被吞、与 z-order 无关，见 globals.css
-// 注释），此前 h-11 盖住面板头部/页面工具栏吞掉全部顶部点击（2026-11-02 实踩）。
-// 全宽覆盖列表页顶部等无头部区域；面板头部空区的拖动由各头部整行 drag 提供。
-// 浏览器/云端部署 no-op。
+// 桌面壳顶缘拖动带：从窗口顶铺到列表工具栏上缘（y 0-24）。布局结构保证：
+// SidebarInset 自 mt-2(8px) 起、页面根 p-4(16px)，最早的可交互控件出现在
+// y=24（需求/BUG/测例列表工具栏），故 h-6 恒在按钮/文字上方、不遮挡交互；
+// y<24 内的头部控件（侧栏红绿灯行按钮、PeekPanel/AI 面板头）均已在各自
+// header 标 app-region-no-drag，会从本条区域中减去（几何区域语义，
+// mousedown 落在 drag 矩形内即被吞、与 z-order 无关，见 globals.css 注释；
+// 2026-11-02 h-11 全宽条曾吞掉全部顶部点击）。⚠ 新页面若把控件提到 y<24，
+// 必须为它标 no-drag。浏览器/云端部署 no-op。
 function DesktopDragStrip() {
   if (!isDesktopEdition()) return null
-  return <div aria-hidden className="app-region-drag fixed inset-x-0 top-0 z-0 h-2" />
+  return <div aria-hidden className="app-region-drag fixed inset-x-0 top-0 z-0 h-6" />
 }
 
 export const Route = createLazyFileRoute('/_nav')({

package/src/styles/globals.css

@@ -852,12 +852,24 @@ html.theme-transitioning *::after {
    ⚠ drag 是「几何区域」语义：mousedown 落在 drag 矩形内即被吞，与元素 z-index /
    绘制层级无关（z-0 拖动条压不住 z-10 面板，只有 no-drag 元素能从区域中减去）。
    仅两种 sanctioned 铺法（2026-11-02 实踩：顶缘 h-11 全宽条吞掉了 PeekPanel/
-   AI 面板头部与页面工具栏的全部点击，已删）：① _nav 顶缘 h-2 细条——铺在布局
-   根行 mt-2(8px) 之上的结构性空带，恒在按钮/文字上方；② 头部整行 drag + 交互
-   元素/簇逐个 no-drag（侧栏 header、面板头部）。禁止横跨交互内容的粗条。 */
+   AI 面板头部与页面工具栏的全部点击，已删）：① _nav 顶缘 h-6 拖动带——从窗口
+   顶到列表工具栏上缘（y=24，由 mt-2 + 页面 p-4 结构保证），页面控件不得高于
+   y<24，有例外必须标 no-drag；② 头部整行 drag + 交互元素/簇逐个 no-drag
+   （侧栏 header、面板头部）。禁止横跨交互内容的粗条。 */
 .app-region-drag {
   -webkit-app-region: drag;
 }
 .app-region-no-drag {
   -webkit-app-region: no-drag;
 }
+
+/* 桌面壳原生毛玻璃侧栏（2026-11-03）：Electron darwin 侧 vibrancy:'sidebar'
+   （Pro 仓 main.ts）在网页内容之下铺系统毛玻璃，desktop-shell 置透明 body 让其
+   露出，侧栏卡片半透明染色 → 随壁纸/窗外内容隐约变化（macOS 原生质感）。
+   内容卡片（bg-background）保持不透明；浏览器/云端无 desktop-shell 类，全 no-op。 */
+html.desktop-shell body {
+  background-color: transparent;
+}
+html.desktop-shell [data-slot='sidebar-inner'] {
+  background-color: color-mix(in srgb, var(--sidebar) 72%, transparent);
+}