@allbluecn/web-app 0.9.5 → 0.10.0

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

@@ -17,7 +17,6 @@
 
 import { createLazyFileRoute, useNavigate } from '@tanstack/react-router'
 import { useEffect, useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import { Download, Loader2, Trash2 } from 'lucide-react'
 import { toast } from '@/components/ui/sonner'
 import {
@@ -37,6 +36,7 @@ import { Input } from '@/components/ui/input'
 import { FeatureGate } from '@/components/billing/feature-gate'
 import { requestMyExportFn, requestMyDeletionFn } from '@/server/serverFns/compliance'
 import { signOut } from '@/lib/auth/auth-client'
+import { m } from "@/paraglide/messages.js";
 
 export const Route = createLazyFileRoute('/_nav/settings/privacy')({
   pendingComponent: () => (
@@ -50,7 +50,6 @@ export const Route = createLazyFileRoute('/_nav/settings/privacy')({
 function PrivacySettingsPage() {
   const navigate = useNavigate()
   const session = Route.useRouteContext({ select: (c) => c.session }) as any
-  const { t } = useTranslation('settings')
   const [exporting, setExporting] = useState(false)
   const [deleting, setDeleting] = useState(false)
   const [confirmName, setConfirmName] = useState('')
@@ -62,7 +61,7 @@ function PrivacySettingsPage() {
     setExporting(true)
     try {
       await requestMyExportFn({ data: {} })
-      toast.success(t('privacy.submitted'))
+      toast.success(m.settings_privacy_submitted())
     } catch (err) {
       toast.error(err instanceof Error ? err.message : '操作失败')
     } finally {
@@ -75,7 +74,7 @@ function PrivacySettingsPage() {
     setDeleting(true)
     try {
       await requestMyDeletionFn({ data: {} })
-      toast.success(t('privacy.submitted'))
+      toast.success(m.settings_privacy_submitted())
       setDialogOpen(false)
       setConfirmName('')
       await signOut()
@@ -95,7 +94,7 @@ function PrivacySettingsPage() {
 
   return (
     <div className="space-y-6">
-      <h1 className="text-xl font-bold">{t('privacy.title')}</h1>
+      <h1 className="text-xl font-bold">{m.settings_privacy_title()}</h1>
 
       <FeatureGate feature="audit">
         <div className="space-y-4">
@@ -103,16 +102,16 @@ function PrivacySettingsPage() {
             <CardHeader>
               <CardTitle className="flex items-center gap-2">
                 <Download className="size-5" />
-                {t('privacy.exportTitle')}
+                {m.settings_privacy_exportTitle()}
               </CardTitle>
-              <CardDescription>{t('privacy.exportDesc')}</CardDescription>
+              <CardDescription>{m.settings_privacy_exportDesc()}</CardDescription>
             </CardHeader>
             <CardContent>
               <Button onClick={handleExport} disabled={exporting}>
                 {exporting ? (
                   <Loader2 className="size-4 animate-spin" />
                 ) : null}
-                {t('privacy.exportBtn')}
+                {m.settings_privacy_exportBtn()}
               </Button>
             </CardContent>
           </Card>
@@ -121,9 +120,9 @@ function PrivacySettingsPage() {
             <CardHeader>
               <CardTitle className="flex items-center gap-2 text-destructive">
                 <Trash2 className="size-5" />
-                {t('privacy.deleteTitle')}
+                {m.settings_privacy_deleteTitle()}
               </CardTitle>
-              <CardDescription>{t('privacy.deleteDesc')}</CardDescription>
+              <CardDescription>{m.settings_privacy_deleteDesc()}</CardDescription>
             </CardHeader>
             <CardContent>
               <AlertDialog open={dialogOpen} onOpenChange={setDialogOpen}>
@@ -132,19 +131,19 @@ function PrivacySettingsPage() {
                     {deleting ? (
                       <Loader2 className="size-4 animate-spin" />
                     ) : null}
-                    {t('privacy.deleteBtn')}
+                    {m.settings_privacy_deleteBtn()}
                   </Button>
                 </AlertDialogTrigger>
                 <AlertDialogContent>
                   <AlertDialogHeader>
-                    <AlertDialogTitle>{t('privacy.deleteTitle')}</AlertDialogTitle>
+                    <AlertDialogTitle>{m.settings_privacy_deleteTitle()}</AlertDialogTitle>
                     <AlertDialogDescription className="space-y-3">
-                      <p>{t('privacy.deleteDesc')}</p>
+                      <p>{m.settings_privacy_deleteDesc()}</p>
                       <Input
                         type="text"
                         value={confirmName}
                         onChange={(e) => setConfirmName(e.target.value)}
-                        placeholder={t('privacy.deleteConfirmPlaceholder')}
+                        placeholder={m.settings_privacy_deleteConfirmPlaceholder()}
                         disabled={deleting}
                         onKeyDown={(e) => {
                           if (e.key === 'Enter') handleDelete()
@@ -153,13 +152,13 @@ function PrivacySettingsPage() {
                     </AlertDialogDescription>
                   </AlertDialogHeader>
                   <AlertDialogFooter>
-                    <AlertDialogCancel>{t('common:button.cancel')}</AlertDialogCancel>
+                    <AlertDialogCancel>{m.common_button_cancel()}</AlertDialogCancel>
                     <AlertDialogAction
                       onClick={handleDelete}
                       disabled={deleting || !userName || confirmName.trim() !== userName.trim()}
                       className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
                     >
-                      {t('privacy.deleteBtn')}
+                      {m.settings_privacy_deleteBtn()}
                     </AlertDialogAction>
                   </AlertDialogFooter>
                 </AlertDialogContent>

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

@@ -17,18 +17,17 @@
 
 import { createLazyFileRoute, Outlet } from '@tanstack/react-router'
 import { SettingsTabs } from './-settings-tabs'
-import { useTranslation } from 'react-i18next'
+import { m } from "@/paraglide/messages.js";
 
 export const Route = createLazyFileRoute('/_nav/settings')({
   component: SettingsLayout,
 })
 
 function SettingsLayout() {
-  const { t } = useTranslation('settings')
   return (
     <div className="flex w-full flex-1 min-h-0 p-6 gap-6">
       <aside className="flex w-56 shrink-0 flex-col gap-1">
-        <h1 className="mb-3 text-xl font-bold">{t('nav.settings')}</h1>
+        <h1 className="mb-3 text-xl font-bold">{m.settings_nav_settings()}</h1>
         <div className="-ml-3">
           <SettingsTabs />
         </div>

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

@@ -16,41 +16,35 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { createFileRoute, Link, redirect } from '@tanstack/react-router'
-import { I18nextProvider } from 'react-i18next'
-import { useTranslation } from 'react-i18next'
+import { requireSessionPage } from '@/lib/auth/page-gate'
 import { useMemo } from 'react'
-import { createServerI18n } from '@/i18n/server'
 import { SettingsIcon } from 'lucide-react'
 import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from '@/components/ui/empty'
 import { Button } from '@/components/ui/button'
+import { m } from "@/paraglide/messages.js";
 
 function SettingsNotFound() {
-  const i18n = useMemo(() => createServerI18n('zh'), [])
   return (
-    <I18nextProvider i18n={i18n}>
       <SettingsNotFoundInner />
-    </I18nextProvider>
   )
 }
 
-function SettingsNotFoundInner() {
-  const { t } = useTranslation('settings')
-  return (
+function SettingsNotFoundInner() {return (
     <div className="flex flex-1 items-center justify-center">
       <Empty>
         <EmptyHeader>
           <EmptyMedia variant="icon">
             <SettingsIcon />
           </EmptyMedia>
-          <EmptyTitle>{t('notFound.title')}</EmptyTitle>
-          <EmptyDescription>{t('notFound.description')}</EmptyDescription>
+          <EmptyTitle>{m.settings_notFound_title()}</EmptyTitle>
+          <EmptyDescription>{m.settings_notFound_description()}</EmptyDescription>
         </EmptyHeader>
         <EmptyContent className="flex-row justify-center">
           <Button asChild variant="outline">
-            <Link to="/settings">{t('notFound.backToSettings')}</Link>
+            <Link to="/settings">{m.settings_notFound_backToSettings()}</Link>
           </Button>
           <Button asChild>
-            <Link to="/dashboard">{t('notFound.backToWorkspace')}</Link>
+            <Link to="/dashboard">{m.settings_notFound_backToWorkspace()}</Link>
           </Button>
         </EmptyContent>
       </Empty>
@@ -59,8 +53,9 @@ function SettingsNotFoundInner() {
 }
 
 export const Route = createFileRoute('/_nav/settings')({
-  beforeLoad: ({ location }) => {
-    if (location.pathname === '/settings') {
+  beforeLoad: (args) => {
+    requireSessionPage(args)
+    if (args.location.pathname === '/settings') {
       throw redirect({ to: '/settings/general', replace: true })
     }
   },

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

@@ -15,8 +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 { createLazyFileRoute, useNavigate } from '@tanstack/react-router'
-import { useEffect } from 'react'
+import { createLazyFileRoute } from '@tanstack/react-router'
 import TeamClient from '@/components/settings/personal-team/team/team-client'
 
 export const Route = createLazyFileRoute('/_nav/settings/team')({
@@ -30,13 +29,6 @@ export const Route = createLazyFileRoute('/_nav/settings/team')({
 
 function TeamPage() {
   const ctx = Route.useRouteContext() as any
-  const navigate = useNavigate()
-
-  useEffect(() => {
-    if (ctx.error === 'unauthorized') {
-      navigate({ to: '/login' })
-    }
-  }, [ctx.error, navigate])
 
   if (ctx.error === 'unauthorized' || ctx.error === 'error') return null
 

package/src/routes/_nav/tags/$id/route.tsx

@@ -0,0 +1,8 @@
+// AUTO-GENERATED by @allbluecn/kernel — DO NOT EDIT
+import { createFileRoute } from '@tanstack/react-router'
+import type { PluginRouteContext } from '@allbluecn/kernel'
+import { tags_route_2 } from '@/plugins/core/tags/routes'
+
+export const Route = createFileRoute('/_nav/tags/$id')({
+  component: tags_route_2.Component as any,
+})

package/src/routes/_nav/tags/index.tsx

@@ -0,0 +1,8 @@
+// AUTO-GENERATED by @allbluecn/kernel — DO NOT EDIT
+import { createFileRoute } from '@tanstack/react-router'
+import type { PluginRouteContext } from '@allbluecn/kernel'
+import { tags_route_1 } from '@/plugins/core/tags/routes'
+
+export const Route = createFileRoute('/_nav/tags/')({
+  component: tags_route_1.Component as any,
+})

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

@@ -0,0 +1,8 @@
+// AUTO-GENERATED by @allbluecn/kernel — DO NOT EDIT
+import { createFileRoute } from '@tanstack/react-router'
+import type { PluginRouteContext } from '@allbluecn/kernel'
+import { tags_route_0 } from '@/plugins/core/tags/routes'
+
+export const Route = createFileRoute('/_nav/tags')({
+  component: tags_route_0.Component as any,
+})

package/src/routes/_nav/tags/settings/route.tsx

@@ -0,0 +1,9 @@
+// AUTO-GENERATED by @allbluecn/kernel — DO NOT EDIT
+import { createFileRoute } from '@tanstack/react-router'
+import type { PluginRouteContext } from '@allbluecn/kernel'
+import { tags_route_3 } from '@/plugins/core/tags/routes'
+
+export const Route = createFileRoute('/_nav/tags/settings')({
+  loader: ((ctx: PluginRouteContext) => tags_route_3.loader(ctx)) as any,
+  component: tags_route_3.Component as any,
+})

package/src/routes/_nav/test-cases/route.tsx

@@ -16,13 +16,12 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { createFileRoute } from '@tanstack/react-router'
-import { useTranslation } from 'react-i18next'
 import { PlaceholderPage } from '@/components/shared-kit/pages/placeholder-page'
 import { FlaskConical } from 'lucide-react'
+import { m } from "@/paraglide/messages.js";
 
 function TestCasesPage() {
-  const { t } = useTranslation('common')
-  return <PlaceholderPage title={t('nav.testcase')} icon={FlaskConical} />
+  return <PlaceholderPage title={m.common_nav_testcase()} icon={FlaskConical} />
 }
 
 export const Route = createFileRoute('/_nav/test-cases')({ component: TestCasesPage })

package/src/routes/_nav/workspaces/$workspaceId/activities/route.lazy.tsx

@@ -0,0 +1,69 @@
+// 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 { ArrowLeft, Activity as ActivityIcon } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { ProjectActivityList } from "@/components/project/project-activity-list";
+import { m } from "@/paraglide/messages.js";
+
+type LoaderData = {
+  activities: {
+    id: string;
+    projectId: string;
+    userId: string;
+    action: string;
+    targetType: string | null;
+    targetId: string | null;
+    metadata: unknown;
+    createdAt: Date;
+    user?: { id: string; username: string; email: string; avatarConfig?: unknown; bgShape?: string | null; bgColor?: string | null };
+    project?: { id: string; name: string };
+  }[];
+};
+
+function WorkspaceActivitiesPage() {
+  const { activities } = Route.useLoaderData() as LoaderData;
+
+  return (
+    <div className="mx-auto max-w-2xl px-6 py-6">
+      <div className="mb-4">
+        <Button variant="ghost" size="sm" asChild>
+          <Link to="/workspaces/$workspaceId" params={{ workspaceId: activities[0]?.projectId ? "" : "" }}>
+            <ArrowLeft className="size-4" />
+            {m.workspace_detail_back()}
+          </Link>
+        </Button>
+      </div>
+      <div className="mb-6 flex items-center gap-2">
+        <ActivityIcon className="size-5 text-muted-foreground" />
+        <h1 className="text-xl font-semibold">{m.workspace_home_allActivities()}</h1>
+      </div>
+      {activities.length === 0 ? (
+        <div className="rounded-lg border border-dashed p-8 text-center text-sm text-muted-foreground">
+          {m.projects_project_activity_noRecords()}
+        </div>
+      ) : (
+        <ProjectActivityList activities={activities} />
+      )}
+    </div>
+  );
+}
+
+export const Route = createLazyFileRoute("/_nav/workspaces/$workspaceId/activities")({
+  component: WorkspaceActivitiesPage,
+});

package/src/routes/_nav/workspaces/$workspaceId/activities/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 { listWorkspaceActivitiesFn } from "@/server/serverFns/workspace";
+
+export const Route = createFileRoute("/_nav/workspaces/$workspaceId/activities")({
+  loader: async ({ params }) => {
+    const activities = await listWorkspaceActivitiesFn({
+      data: { workspaceId: params.workspaceId, take: 50 },
+    });
+    return { activities };
+  },
+});