@allbluecn/web-app 0.10.3 → 0.11.1

package/src/routes/_login/changelog/confirm/route.lazy.tsx

@@ -0,0 +1,72 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+// AllBlue - 理想之海
+// Copyright (C) 2026 AllBlue Contributors
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// 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 { createLazyFileRoute, Link } from '@tanstack/react-router'
+import { RainbowButton } from '@/components/magicui/rainbow-button'
+import { ArrowRight } 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'
+import { m } from '@/paraglide/messages.js'
+
+export const Route = createLazyFileRoute('/_login/changelog/confirm')({
+  component: ChangelogConfirmPage,
+})
+
+function ChangelogConfirmPage() {
+  const { ok } = Route.useRouteContext()
+
+  return (
+    <AuthLayout>
+      <AuthLayoutLeft>
+        {ok ? (
+          <>
+            <AuthHeader
+              title={m.common_changelog_confirm_success()}
+              subtitle={m.common_changelog_confirm_successDesc()}
+            />
+            <RainbowButton asChild className="w-full">
+              <Link to="/changelog">
+                {m.common_changelog_confirm_view()}
+                <ArrowRight className="ml-2 h-4 w-4" />
+              </Link>
+            </RainbowButton>
+          </>
+        ) : (
+          <>
+            <AuthHeader
+              title={m.common_changelog_confirm_invalid()}
+              subtitle={m.common_changelog_confirm_invalidDesc()}
+            />
+            <RainbowButton asChild className="w-full">
+              <Link to="/changelog">
+                {m.common_changelog_confirm_resubscribe()}
+                <ArrowRight className="ml-2 h-4 w-4" />
+              </Link>
+            </RainbowButton>
+          </>
+        )}
+      </AuthLayoutLeft>
+      <AuthLayoutRight>
+        <AuthBrandPanel
+          title="AllBlue"
+          subtitle={ok ? m.common_changelog_confirm_success() : m.common_changelog_confirm_invalid()}
+        />
+      </AuthLayoutRight>
+    </AuthLayout>
+  )
+}

package/src/routes/_login/changelog/confirm/route.tsx

@@ -0,0 +1,28 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+// AllBlue - 理想之海
+// Copyright (C) 2026 AllBlue Contributors
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// 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 { createFileRoute } from '@tanstack/react-router'
+import { confirmChangelogSubscriptionFn } from '@/server/serverFns/changelog/subscribe'
+
+export const Route = createFileRoute('/_login/changelog/confirm')({
+  validateSearch: (s: { token?: string }) => ({ token: s.token ?? '' }),
+  beforeLoad: async ({ search }) => {
+    if (!search.token) return { ok: false }
+    const r = await confirmChangelogSubscriptionFn({ data: { token: search.token } })
+    return { ok: r.ok }
+  },
+})

package/src/routes/_login/email-unsubscribe/route.lazy.tsx

@@ -0,0 +1,76 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+// AllBlue - 理想之海
+// Copyright (C) 2026 AllBlue Contributors
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// 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 { createLazyFileRoute, Link } from '@tanstack/react-router'
+import { RainbowButton } from '@/components/magicui/rainbow-button'
+import { ArrowRight, Settings } 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'
+import { m } from '@/paraglide/messages.js'
+
+export const Route = createLazyFileRoute('/_login/email-unsubscribe')({
+  component: EmailUnsubscribePage,
+})
+
+function EmailUnsubscribePage() {
+  const { ok } = Route.useRouteContext()
+
+  return (
+    <AuthLayout>
+      <AuthLayoutLeft>
+        {ok ? (
+          <>
+            <AuthHeader
+              title={m.common_email_unsubscribe_success()}
+              subtitle={m.common_email_unsubscribe_successDesc()}
+            />
+            <RainbowButton asChild className="w-full">
+              <Link to="/settings/notifications">
+                <Settings className="mr-2 h-4 w-4" />
+                {m.common_email_unsubscribe_manage()}
+                <ArrowRight className="ml-2 h-4 w-4" />
+              </Link>
+            </RainbowButton>
+            <div className="mt-4 text-center text-sm text-muted-foreground">
+              {m.common_email_unsubscribe_transactionalNote()}
+            </div>
+          </>
+        ) : (
+          <>
+            <AuthHeader
+              title={m.common_email_unsubscribe_invalid()}
+              subtitle={m.common_email_unsubscribe_invalidDesc()}
+            />
+            <RainbowButton asChild className="w-full">
+              <Link to="/login">
+                {m.common_email_unsubscribe_login()}
+                <ArrowRight className="ml-2 h-4 w-4" />
+              </Link>
+            </RainbowButton>
+          </>
+        )}
+      </AuthLayoutLeft>
+      <AuthLayoutRight>
+        <AuthBrandPanel
+          title="AllBlue"
+          subtitle={ok ? m.common_email_unsubscribe_success() : m.common_email_unsubscribe_invalid()}
+        />
+      </AuthLayoutRight>
+    </AuthLayout>
+  )
+}

package/src/routes/_login/email-unsubscribe/route.tsx

@@ -0,0 +1,28 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+// AllBlue - 理想之海
+// Copyright (C) 2026 AllBlue Contributors
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// 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 { createFileRoute } from '@tanstack/react-router'
+import { unsubscribeByEmailTokenFn } from '@/server/serverFns/email-unsubscribe'
+
+export const Route = createFileRoute('/_login/email-unsubscribe')({
+  validateSearch: (s: { token?: string }) => ({ token: s.token ?? '' }),
+  beforeLoad: async ({ search }) => {
+    if (!search.token) return { ok: false }
+    const r = await unsubscribeByEmailTokenFn({ data: { token: search.token } })
+    return { ok: r.ok }
+  },
+})

package/src/routes/_login/forgot-password/route.lazy.tsx

@@ -62,7 +62,7 @@ function ForgotPasswordPage() {
           onSubmit={(e) => { e.preventDefault(); e.stopPropagation(); form.handleSubmit() }}
           className="space-y-6"
         >
-          <AppField name="email" form={form}>
+          <AppField name="email" form={form} renderError={false}>
             {(field) => (
               <IconInput
                 icon={Mail}
@@ -71,6 +71,7 @@ function ForgotPasswordPage() {
                 value={field.value}
                 onBlur={field.handleBlur}
                 onChange={(e) => field.handleChange(e.target.value)}
+                error={field.meta.isTouched && field.errors.length > 0 ? (field.errors.map((e) => e.message).filter(Boolean)[0] as string | undefined) : undefined}
               />
             )}
           </AppField>

package/src/routes/_login/login/route.lazy.tsx

@@ -166,7 +166,7 @@ function LoginPage() {
           onSubmit={(e) => { e.preventDefault(); e.stopPropagation(); form.handleSubmit() }}
           className="space-y-6"
         >
-          <AppField name="email" form={form}>
+          <AppField name="email" form={form} renderError={false}>
             {(field) => (
               <IconInput
                 icon={Mail}
@@ -175,6 +175,7 @@ function LoginPage() {
                 value={field.value}
                 onBlur={field.handleBlur}
                 onChange={(e) => field.handleChange(e.target.value)}
+                error={field.meta.isTouched && field.errors.length > 0 ? (field.errors.map((e) => e.message).filter(Boolean)[0] as string | undefined) : undefined}
               />
             )}
           </AppField>
@@ -184,7 +185,7 @@ function LoginPage() {
               <SsoSection email={email} />
             )}
           />
-          <AppField name="password" form={form}>
+          <AppField name="password" form={form} renderError={false}>
             {(field) => (
               <PasswordInput
                 label={m.auth_login_passwordLabel()}
@@ -192,6 +193,7 @@ function LoginPage() {
                 value={field.value}
                 onBlur={field.handleBlur}
                 onChange={(e) => field.handleChange(e.target.value)}
+                error={field.meta.isTouched && field.errors.length > 0 ? (field.errors.map((e) => e.message).filter(Boolean)[0] as string | undefined) : undefined}
               />
             )}
           </AppField>

package/src/routes/_login/register/route.lazy.tsx

@@ -39,7 +39,7 @@ export const Route = createLazyFileRoute('/_login/register')({
 
 function RegisterPage() {
   const router = useRouter()
-  const { googleEnabled } = Route.useLoaderData()
+  const { googleEnabled, registrationMode } = Route.useLoaderData()
   const { invite, email: emailFromUrl } = Route.useSearch()
   const registerFeatures = [
     { icon: Users, label: m.auth_features_userResearch(), desc: m.auth_features_userResearchDesc() },
@@ -58,6 +58,10 @@ function RegisterPage() {
     },
     validators: [{ run: registerSchema as any, triggers: ['change'] }],
     onSubmit: async ({ value }) => {
+      if (registrationMode === 'invite' && !value.invitationCode?.trim()) {
+        toast.error(m.common_form_invitationCodeRequired())
+        return
+      }
       try {
         await registerFn({ data: value })
         toast.success(m.auth_register_success())
@@ -86,7 +90,7 @@ function RegisterPage() {
           onSubmit={(e) => { e.preventDefault(); e.stopPropagation(); form.handleSubmit() }}
           className="space-y-6"
         >
-          <AppField name="username" form={form}>
+          <AppField name="username" form={form} renderError={false}>
             {(field) => (
               <IconInput
                 icon={User}
@@ -95,10 +99,11 @@ function RegisterPage() {
                 value={field.value}
                 onBlur={field.handleBlur}
                 onChange={(e) => field.handleChange(e.target.value)}
+                error={field.meta.isTouched && field.errors.length > 0 ? (field.errors.map((e) => e.message).filter(Boolean)[0] as string | undefined) : undefined}
               />
             )}
           </AppField>
-          <AppField name="email" form={form}>
+          <AppField name="email" form={form} renderError={false}>
             {(field) => (
               <IconInput
                 icon={Mail}
@@ -107,11 +112,12 @@ function RegisterPage() {
                 value={field.value}
                 onBlur={field.handleBlur}
                 onChange={(e) => field.handleChange(e.target.value)}
+                error={field.meta.isTouched && field.errors.length > 0 ? (field.errors.map((e) => e.message).filter(Boolean)[0] as string | undefined) : undefined}
               />
             )}
           </AppField>
           <div className="grid grid-cols-2 gap-4">
-            <AppField name="password" form={form}>
+            <AppField name="password" form={form} renderError={false}>
               {(field) => (
                 <PasswordInput
                   label={m.auth_register_passwordLabel()}
@@ -119,10 +125,11 @@ function RegisterPage() {
                   value={field.value}
                   onBlur={field.handleBlur}
                   onChange={(e) => field.handleChange(e.target.value)}
+                  error={field.meta.isTouched && field.errors.length > 0 ? (field.errors.map((e) => e.message).filter(Boolean)[0] as string | undefined) : undefined}
                 />
               )}
             </AppField>
-            <AppField name="confirmPassword" form={form}>
+            <AppField name="confirmPassword" form={form} renderError={false}>
               {(field) => (
                 <PasswordInput
                   label={m.auth_register_confirmPasswordLabel()}
@@ -130,22 +137,26 @@ function RegisterPage() {
                   value={field.value}
                   onBlur={field.handleBlur}
                   onChange={(e) => field.handleChange(e.target.value)}
+                  error={field.meta.isTouched && field.errors.length > 0 ? (field.errors.map((e) => e.message).filter(Boolean)[0] as string | undefined) : undefined}
                 />
               )}
             </AppField>
           </div>
-          <AppField name="invitationCode" form={form}>
-            {(field) => (
-              <IconInput
-                icon={QrCode}
-                label={m.auth_register_invitationCodeLabel()}
-                placeholder={m.auth_register_invitationCodePlaceholder()}
-                value={field.value}
-                onBlur={field.handleBlur}
-                onChange={(e) => field.handleChange(e.target.value)}
-              />
-            )}
-          </AppField>
+          {registrationMode === 'invite' && (
+            <AppField name="invitationCode" form={form} renderError={false}>
+              {(field) => (
+                <IconInput
+                  icon={QrCode}
+                  label={m.auth_register_invitationCodeLabel()}
+                  placeholder={m.auth_register_invitationCodePlaceholder()}
+                  value={field.value}
+                  onBlur={field.handleBlur}
+                  onChange={(e) => field.handleChange(e.target.value)}
+                  error={field.meta.isTouched && field.errors.length > 0 ? (field.errors.map((e) => e.message).filter(Boolean)[0] as string | undefined) : undefined}
+                />
+              )}
+            </AppField>
+          )}
           <form.Subscribe
             selector={(state) => state.isSubmitting}
             children={(isSubmitting) => (

package/src/routes/_login/register/route.tsx

@@ -18,11 +18,18 @@
 import { createFileRoute } from '@tanstack/react-router'
 import { z } from 'zod'
 import { getAuthProviders } from '@/server/serverFns/auth/providers'
+import { getRegistrationModeFn } from '@/server/serverFns/auth/registration-mode'
 
 export const Route = createFileRoute('/_login/register')({
   validateSearch: z.object({
     invite: z.string().optional(),
     email: z.string().optional(),
   }),
-  loader: () => getAuthProviders(),
+  loader: async () => {
+    const [providers, { mode: registrationMode }] = await Promise.all([
+      getAuthProviders(),
+      getRegistrationModeFn(),
+    ])
+    return { ...providers, registrationMode }
+  },
 })

package/src/routes/_login/reset-password/route.lazy.tsx

@@ -66,7 +66,7 @@ function ResetPasswordPage() {
           className="space-y-6"
         >
           <div className="grid grid-cols-2 gap-4">
-            <AppField name="password" form={form}>
+            <AppField name="password" form={form} renderError={false}>
               {(field) => (
                 <PasswordInput
                   label={m.auth_resetPassword_newPasswordLabel()}
@@ -74,10 +74,11 @@ function ResetPasswordPage() {
                   value={field.value}
                   onBlur={field.handleBlur}
                   onChange={(e) => field.handleChange(e.target.value)}
+                  error={field.meta.isTouched && field.errors.length > 0 ? (field.errors.map((e) => e.message).filter(Boolean)[0] as string | undefined) : undefined}
                 />
               )}
             </AppField>
-            <AppField name="confirmPassword" form={form}>
+            <AppField name="confirmPassword" form={form} renderError={false}>
               {(field) => (
                 <PasswordInput
                   label={m.auth_resetPassword_confirmPasswordLabel()}
@@ -85,6 +86,7 @@ function ResetPasswordPage() {
                   value={field.value}
                   onBlur={field.handleBlur}
                   onChange={(e) => field.handleChange(e.target.value)}
+                  error={field.meta.isTouched && field.errors.length > 0 ? (field.errors.map((e) => e.message).filter(Boolean)[0] as string | undefined) : undefined}
                 />
               )}
             </AppField>

package/src/routes/_login/schemas/-auth.ts

@@ -18,29 +18,52 @@
 import { z } from "zod"
 import { m } from '@/paraglide/messages.js'
 
+const passwordRule = z
+  .string()
+  .min(8, m.common_form_passwordMin8())
+  .max(32, m.common_form_passwordMax32())
+  .regex(/[a-zA-Z]/, m.common_form_passwordNeedLetter())
+  .regex(/[0-9]/, m.common_form_passwordNeedDigit())
+
+const usernameRule = z
+  .string()
+  .regex(/^[a-zA-Z0-9_-]{3,20}$/, m.common_form_usernameCharset())
+
+const invitationCodeRule = z
+  .string()
+  .refine((v) => v === "" || /^[A-Za-z0-9]{3,32}$/.test(v), {
+    message: m.common_form_invitationCodeFormat(),
+  })
+  .default("")
+
+const emailRule = z
+  .string()
+  .transform((v) => v.toLowerCase().trim())
+  .pipe(z.string().email(m.common_form_invalidEmail()))
+
 export const loginSchema = z.object({
-  email: z.string().email(m.common_form_invalidEmail()),
+  email: emailRule,
   password: z.string().min(1, m.common_form_passwordNotEmpty()),
   remember: z.boolean(),
 })
 
 export const registerSchema = z.object({
-  username: z.string().min(3, m.common_form_usernameMin3()).max(20),
-  email: z.string().email(m.common_form_invalidEmail()),
-  password: z.string().min(8, m.common_form_passwordMin8()),
+  username: usernameRule,
+  email: emailRule,
+  password: passwordRule,
   confirmPassword: z.string(),
-  invitationCode: z.string().min(1, m.common_form_invitationCodeRequired()),
+  invitationCode: invitationCodeRule,
 }).refine((data) => data.password === data.confirmPassword, {
   message: m.common_form_passwordMismatch(),
   path: ["confirmPassword"],
 })
 
 export const forgotPasswordSchema = z.object({
-  email: z.string().email(m.common_form_invalidEmail()),
+  email: emailRule,
 })
 
 export const resetPasswordSchema = z.object({
-  password: z.string().min(8, m.common_form_passwordMin8()),
+  password: passwordRule,
   confirmPassword: z.string(),
 }).refine((d) => d.password === d.confirmPassword, {
   message: m.common_form_passwordMismatch(),

package/src/routes/_login/verify-email/route.lazy.tsx

@@ -0,0 +1,82 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+// AllBlue - 理想之海
+// Copyright (C) 2026 AllBlue Contributors
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// 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 { createLazyFileRoute, Link } from '@tanstack/react-router'
+import { toast } from '@/components/ui/sonner'
+import { RainbowButton } from '@/components/magicui/rainbow-button'
+import { ArrowRight } 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'
+import { resendVerificationEmailFn } from '@/server/serverFns/auth/email-verification'
+import { m } from '@/paraglide/messages.js'
+
+export const Route = createLazyFileRoute('/_login/verify-email')({
+  component: VerifyEmailPage,
+})
+
+function VerifyEmailPage() {
+  const { verified } = Route.useRouteContext()
+
+  const handleResend = async () => {
+    try {
+      const r = await resendVerificationEmailFn({ data: {} })
+      toast.success(
+        r.alreadyVerified ? m.auth_verify_alreadyVerified() : m.auth_verify_resendSuccess(),
+      )
+    } catch (err) {
+      toast.error(err instanceof Error ? err.message : String(err))
+    }
+  }
+
+  return (
+    <AuthLayout>
+      <AuthLayoutLeft>
+        {verified ? (
+          <>
+            <AuthHeader title={m.auth_verify_success()} subtitle={m.auth_verify_successDesc()} />
+            <RainbowButton asChild className="w-full">
+              <Link to="/dashboard">
+                {m.auth_verify_goDashboard()}
+                <ArrowRight className="ml-2 h-4 w-4" />
+              </Link>
+            </RainbowButton>
+          </>
+        ) : (
+          <>
+            <AuthHeader title={m.auth_verify_invalid()} subtitle={m.auth_verify_invalidDesc()} />
+            <RainbowButton className="w-full" onClick={handleResend}>
+              {m.auth_verify_resend()}
+            </RainbowButton>
+            <div className="mt-4 flex items-center justify-center gap-2 text-sm text-muted-foreground">
+              <span>{m.auth_verify_notLogged()}</span>
+              <Link to="/login" className="text-primary hover:underline">
+                {m.auth_login_submit()}
+              </Link>
+            </div>
+          </>
+        )}
+      </AuthLayoutLeft>
+      <AuthLayoutRight>
+        <AuthBrandPanel
+          title="AllBlue"
+          subtitle={verified ? m.auth_verify_success() : m.auth_verify_invalid()}
+        />
+      </AuthLayoutRight>
+    </AuthLayout>
+  )
+}

package/src/routes/_login/verify-email/route.tsx

@@ -0,0 +1,28 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+// AllBlue - 理想之海
+// Copyright (C) 2026 AllBlue Contributors
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// 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 { createFileRoute } from '@tanstack/react-router'
+import { confirmEmailVerificationFn } from '@/server/serverFns/auth/email-verification'
+
+export const Route = createFileRoute('/_login/verify-email')({
+  validateSearch: (s: { token?: string }) => ({ token: s.token ?? '' }),
+  beforeLoad: async ({ search }) => {
+    if (!search.token) return { verified: false }
+    const r = await confirmEmailVerificationFn({ data: { token: search.token } })
+    return { verified: r.ok }
+  },
+})

package/src/routes/_nav/knowledge/compliance/index.lazy.tsx

@@ -18,7 +18,7 @@
 import { cn } from "@/lib/utils"
 import { createLazyFileRoute, useNavigate } from '@tanstack/react-router'
 import { useState } from 'react'
-import { useQuery, keepPreviousData } from '@tanstack/react-query'
+import { useQuery, keepPreviousData, useQueryClient } from '@tanstack/react-query'
 import { listComplianceFn } from '@/server/serverFns/knowledge-public/compliance/list'
 import { createComplianceFn } from '@/server/serverFns/knowledge-public/compliance/create'
 import { getEntityTagsFn } from '@/server/serverFns/knowledge-public/entity-tags'
@@ -50,6 +50,7 @@ export const Route = createLazyFileRoute('/_nav/knowledge/compliance/')({ compon
 
 function CompliancePage() {
   const navigate = useNavigate()
+  const qc = useQueryClient()
   const industryOptions = buildIndustryOptions()
   const industryGroups = [
     { key: 'industry', label: m.knowledge_compliance_index_industry(), options: industryOptions },
@@ -94,7 +95,9 @@ function CompliancePage() {
           search={search}
           onSearchChange={setSearch}
           onCreate={async () => {
-            const r = await createComplianceFn({ data: { title: m.knowledge_compliance_index_untitled(), industry: '', tags: [] } })
+            const r = await createComplianceFn({ data: { title: '新合规', industry: '', tags: [] } })
+            qc.invalidateQueries({ queryKey: ['compliance'] })
+            await qc.refetchQueries({ queryKey: ['compliance'], type: 'all' })
             navigate({ to: '/knowledge/compliance/edit/$id', params: { id: r.id } })
           }}
           createLabel={m.knowledge_compliance_index_add()}

package/src/routes/_nav/knowledge/index.lazy.tsx

@@ -146,7 +146,7 @@ function KnowledgeListPage() {
                 <Card key={kb.id} className={`group relative p-5 transition-colors hover:bg-accent/40 border rounded-lg ${isLaw ? 'overflow-hidden' : ''}`}>
                   <Link
                     to={kb.link}
-                    className="absolute inset-0"
+                    className="absolute inset-0 z-10"
                     aria-label={name}
                   />
                   {isLaw ? (

package/src/routes/_nav/knowledge/laws/index.lazy.tsx

@@ -18,7 +18,7 @@
 import { cn } from "@/lib/utils"
 import { createLazyFileRoute, useNavigate } from '@tanstack/react-router'
 import { useState } from 'react'
-import { useQuery, keepPreviousData } from '@tanstack/react-query'
+import { useQuery, keepPreviousData, useQueryClient } from '@tanstack/react-query'
 import { listLegalFn } from '@/server/serverFns/knowledge-public/legal/list'
 import { createLegalFn } from '@/server/serverFns/knowledge-public/legal/create'
 import { getEntityTagsFn } from '@/server/serverFns/knowledge-public/entity-tags'
@@ -44,6 +44,7 @@ export const Route = createLazyFileRoute('/_nav/knowledge/laws/')({ component: L
 
 function LawPage() {
   const navigate = useNavigate()
+  const qc = useQueryClient()
   const jurisdictionOptions = buildJurisdictionOptions()
   const jurisdictionGroups = [
     { key: 'jurisdiction', label: m.knowledge_laws_index_jurisdiction(), options: jurisdictionOptions },
@@ -79,7 +80,9 @@ function LawPage() {
           search={search}
           onSearchChange={setSearch}
           onCreate={async () => {
-            const r = await createLegalFn({ data: { title: m.knowledge_laws_index_untitled(), jurisdiction: '', category: '', tags: [] } })
+            const r = await createLegalFn({ data: { title: '新法规', jurisdiction: '', category: '', tags: [] } })
+            qc.invalidateQueries({ queryKey: ['legal'] })
+            await qc.refetchQueries({ queryKey: ['legal'], type: 'all' })
             navigate({ to: '/knowledge/laws/edit/$id', params: { id: r.id } })
           }}
           createLabel={m.knowledge_laws_index_add()}