@allbluecn/web-app 0.24.4 → 0.24.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@allbluecn/web-app",
-  "version": "0.24.4",
+  "version": "0.24.6",
   "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/shared-kit/auth/auth-layout.tsx

@@ -15,7 +15,7 @@
 // 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 { AnimatedThemeToggler } from '@/components/shared-kit/theme/animated-theme-toggler'
 
 interface AuthLayoutProps {
@@ -55,11 +55,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.4",
+        "version": "v0.24.6",
         "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/_login/login/route.lazy.tsx

@@ -16,14 +16,15 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useEffect } from 'react'
-import { createLazyFileRoute, Link } from '@tanstack/react-router'
+import { createLazyFileRoute, Link, useNavigate } from '@tanstack/react-router'
 import { toast } from '@/components/ui/toast'
 import { RainbowButton } from '@/components/magicui/rainbow-button'
+import { Button } from '@/components/ui/button'
 import { Checkbox } from '@/components/ui/checkbox'
 import { Field, FieldLabel } from '@/components/ui/field'
 import { Separator } from '@/components/ui/separator'
 import { useAppForm, firstFieldErrorMessage } from '@/components/forms'
-import { ArrowRight, Mail } from 'lucide-react'
+import { ArrowLeft, ArrowRight, Mail } from 'lucide-react'
 import { AuthLayout, AuthLayoutLeft, AuthLayoutRight } from '@/components/auth/auth-layout'
 import { AuthHeader } from '@/components/auth/auth-header'
 import { AuthBrandPanel } from '@/components/auth/auth-brand-panel'
@@ -36,6 +37,7 @@ import { buildAuthFeatures } from '@/components/auth/auth-features'
 import { loginSchema } from '@/routes/_login/schemas/-auth'
 import { m } from "@/paraglide/messages.js";
 import { submitCredentialsLogin } from '@/lib/auth/submit-credentials'
+import { isDesktopEdition } from '@/lib/edition-desktop'
 
 export const Route = createLazyFileRoute('/_login/login')({
   component: LoginPage,
@@ -44,6 +46,7 @@ export const Route = createLazyFileRoute('/_login/login')({
 function LoginPage() {
   const { redirect: redirectTo, error: oauthError, ssoToken, ssoError } = Route.useSearch()
   const { googleEnabled } = Route.useLoaderData()
+  const navigate = useNavigate()
 
   useEffect(() => {
     if (ssoError) {
@@ -171,8 +174,25 @@ function LoginPage() {
           />
         </form>
         </form.AppForm>
-        <div className="text-center text-sm">
-          {m.auth_login_noAccount()}{' '}
+        {/* 桌面壳：返回应用（免登录态随时可回），置于「还没有账号？」前。浏览器/
+            云端不展示——redirect 流程中 history.back 会回到需登录页再被弹回，死循环 */}
+        <div className="flex items-center justify-center gap-1 text-sm">
+          {isDesktopEdition() && (
+            <Button
+              variant="ghost"
+              size="sm"
+              className="h-7 gap-1 px-2 text-muted-foreground"
+              aria-label={m.auth_layout_back()}
+              onClick={() => {
+                if (window.history.length > 1) window.history.back()
+                else void navigate({ to: '/dashboard' })
+              }}
+            >
+              <ArrowLeft className="size-3.5" />
+              {m.auth_layout_back()}
+            </Button>
+          )}
+          <span>{m.auth_login_noAccount()}</span>
           <Link to="/register" className="font-medium text-primary hover:underline">{m.auth_login_createAccount()}</Link>
         </div>
       </AuthLayoutLeft>

package/src/styles/globals.css

@@ -862,3 +862,14 @@ html.theme-transitioning *::after {
 .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);
+}