@allbluecn/admin-app 0.1.0

package/src/routes/_nav/knowledge-public/legal/route.lazy.tsx

@@ -0,0 +1,242 @@
+// 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, useNavigate, useRouter } from '@tanstack/react-router'
+import { useState, useTransition } from 'react'
+import { useTranslation } from 'react-i18next'
+import { PlusIcon, PencilIcon, Trash2Icon, SearchIcon } from 'lucide-react'
+import { DataTable, type AdminColumnDef } from '@/components/data-table/data-table'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Badge } from '@/components/ui/badge'
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from '@/components/ui/alert-dialog'
+import { toast } from '@/components/ui/sonner'
+import { LegalFormDialog, type LegalRow } from '@/components/knowledge-public/legal-form-dialog'
+import { adminDeleteLegalFn } from '@/server/serverFns/knowledge-public/legal/delete'
+
+export const Route = createLazyFileRoute('/_nav/knowledge-public/legal')({
+  pendingComponent: () => (
+    <div className="flex h-64 items-center justify-center">
+      <div className="size-8 animate-spin rounded-full border-2 border-primary border-t-transparent" />
+    </div>
+  ),
+  component: LegalPage,
+})
+
+function LegalPage() {
+  const { t } = useTranslation('common')
+  const { items: rawItems, total } = Route.useLoaderData()
+  const items = rawItems as unknown as LegalRow[]
+  const { search } = Route.useSearch()
+  const navigate = useNavigate()
+  const router = useRouter()
+  const [searchInput, setSearchInput] = useState(search ?? '')
+  const [formOpen, setFormOpen] = useState(false)
+  const [editing, setEditing] = useState<LegalRow | null>(null)
+  const [deleting, setDeleting] = useState<LegalRow | null>(null)
+  const [deletePending, startDelete] = useTransition()
+
+  function refresh() {
+    router.invalidate()
+  }
+
+  function applySearch() {
+    navigate({
+      to: '/knowledge-public/legal',
+      search: (s) => ({ ...s, search: searchInput.trim() || undefined }),
+    })
+  }
+
+  function openCreate() {
+    setEditing(null)
+    setFormOpen(true)
+  }
+  function openEdit(row: LegalRow) {
+    setEditing(row)
+    setFormOpen(true)
+  }
+
+  function confirmDelete() {
+    if (!deleting) return
+    startDelete(async () => {
+      try {
+        await adminDeleteLegalFn({ data: { id: deleting.id } })
+        toast.success(t('common.deleted', { name: t('knowledgePublic.jurisdictionLabel') }))
+        setDeleting(null)
+        refresh()
+      } catch (err) {
+        toast.error(err instanceof Error ? err.message : t('common.deleteFailed'))
+      }
+    })
+  }
+
+  const columns: AdminColumnDef<LegalRow>[] = [
+    {
+      accessorKey: 'title',
+      header: t('knowledgePublic.legal.columns.title'),
+      cell: ({ row }) => <span className="font-medium">{row.original.title}</span>,
+    },
+    {
+      accessorKey: 'jurisdiction',
+      header: t('knowledgePublic.legal.columns.jurisdiction'),
+      cell: ({ row }) => (
+        <Badge variant="outline">
+          {row.original.jurisdiction}
+        </Badge>
+      ),
+    },
+    {
+      accessorKey: 'category',
+      header: t('knowledgePublic.legal.columns.category'),
+      cell: ({ row }) => (
+        <span className="text-muted-foreground">{row.original.category}</span>
+      ),
+    },
+    {
+      accessorKey: 'tags',
+      header: t('knowledgePublic.legal.columns.tags'),
+      cell: ({ row }) => (
+        <div className="flex max-w-xs flex-wrap gap-1">
+          {row.original.tags.length === 0 ? (
+            <span className="text-muted-foreground">-</span>
+          ) : (
+            row.original.tags.map((tag) => (
+              <Badge key={tag} variant="secondary" className="font-normal">
+                {tag}
+              </Badge>
+            ))
+          )}
+        </div>
+      ),
+    },
+    {
+      accessorKey: 'createdAt',
+      header: t('knowledgePublic.legal.columns.createdAt'),
+      cell: ({ row }) => (
+        <span className="text-muted-foreground">
+          {new Date(row.original.createdAt).toLocaleDateString('zh-CN')}
+        </span>
+      ),
+    },
+    {
+      id: 'actions',
+      header: '',
+      cell: ({ row }) => (
+        <div className="flex items-center gap-1">
+          <Button
+            variant="ghost"
+            size="sm"
+            onClick={(e) => {
+              e.stopPropagation()
+              openEdit(row.original)
+            }}
+          >
+            <PencilIcon className="mr-1 size-3.5" />
+            {t('common.edit')}
+          </Button>
+          <Button
+            variant="ghost"
+            size="sm"
+            className="text-destructive hover:text-destructive"
+            onClick={(e) => {
+              e.stopPropagation()
+              setDeleting(row.original)
+            }}
+          >
+            <Trash2Icon className="mr-1 size-3.5" />
+            {t('common.delete')}
+          </Button>
+        </div>
+      ),
+    },
+  ]
+
+  return (
+    <div className="space-y-4 p-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h2 className="text-xl font-bold">{t('knowledgePublic.legal.title')}</h2>
+          <p className="text-sm text-muted-foreground">{t('knowledgePublic.legal.subtitle', { total })}</p>
+        </div>
+        <Button onClick={openCreate}>
+          <PlusIcon className="mr-1 size-4" />
+          {t('common.create')}
+        </Button>
+      </div>
+
+      <div className="flex items-center gap-2">
+        <div className="relative max-w-sm flex-1">
+          <SearchIcon className="absolute top-1/2 left-2.5 size-4 -translate-y-1/2 text-muted-foreground" />
+          <Input
+            value={searchInput}
+            onChange={(e) => setSearchInput(e.target.value)}
+            onKeyDown={(e) => {
+              if (e.key === 'Enter') applySearch()
+            }}
+            placeholder={t('knowledgePublic.legal.placeholder')}
+            className="pl-8"
+          />
+        </div>
+        <Button variant="outline" onClick={applySearch}>
+          {t('common.search')}
+        </Button>
+      </div>
+
+      <DataTable columns={columns} data={items} />
+
+      <LegalFormDialog
+        open={formOpen}
+        onOpenChange={setFormOpen}
+        item={editing}
+        onSuccess={refresh}
+      />
+
+      <AlertDialog open={!!deleting} onOpenChange={(o) => !o && setDeleting(null)}>
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>{t('knowledgePublic.legal.deleteConfirmTitle')}</AlertDialogTitle>
+            <AlertDialogDescription>
+              {t('knowledgePublic.legal.deleteConfirmDesc', { title: deleting?.title })}
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel disabled={deletePending}>{t('common.cancel')}</AlertDialogCancel>
+            <AlertDialogAction
+              onClick={(e) => {
+                e.preventDefault()
+                confirmDelete()
+              }}
+              disabled={deletePending}
+              className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
+            >
+              {deletePending ? t('common.deleting') : t('common.delete')}
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+    </div>
+  )
+}

package/src/routes/_nav/knowledge-public/legal/route.tsx

@@ -0,0 +1,40 @@
+// 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 { z } from 'zod'
+import { adminListLegalFn } from '@/server/serverFns/knowledge-public/legal/list'
+
+const legalSearchSchema = z.object({
+  search: z.string().optional(),
+  jurisdiction: z.string().optional(),
+  category: z.string().optional(),
+})
+
+export const Route = createFileRoute('/_nav/knowledge-public/legal')({
+  validateSearch: legalSearchSchema,
+  loaderDeps: ({ search }) => search,
+  loader: async ({ deps }) => {
+    return adminListLegalFn({
+      data: {
+        search: deps.search,
+        jurisdiction: deps.jurisdiction,
+        category: deps.category,
+      },
+    })
+  },
+})

package/src/routes/_nav/licenses/$licenseId/route.lazy.tsx

@@ -0,0 +1,235 @@
+// 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, useNavigate } from '@tanstack/react-router'
+import { useTranslation } from 'react-i18next'
+import { useServerFn } from '@tanstack/react-start'
+import { toast } from 'sonner'
+import type React from 'react'
+import { Button } from '@/components/ui/button'
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
+import { revokeLicenseFn } from '@/server/serverFns/licenses'
+
+export const Route = createLazyFileRoute('/_nav/licenses/$licenseId')({
+  pendingComponent: () => (
+    <div className="flex h-64 items-center justify-center">
+      <div className="size-8 animate-spin rounded-full border-2 border-primary border-t-transparent" />
+    </div>
+  ),
+  component: LicenseDetail,
+})
+
+function LicenseDetail(): React.ReactElement {
+  const { t } = useTranslation('enterprise')
+  const navigate = useNavigate()
+  const license = Route.useLoaderData() as {
+    id: string
+    key: string
+    signature: string
+    payload: Record<string, unknown>
+    customerId: string
+    customerName: string
+    customerEmail: string
+    plan: string
+    seats: number
+    features: Record<string, boolean>
+    issuedAt: string
+    expiresAt: string | null
+    revokedAt: string | null
+    issuedById: string | null
+    issuedBy?: { id: string; username: string } | null
+    activations: Array<{
+      id: string
+      instanceId: string
+      fingerprint: string
+      activatedAt: string
+      lastSeenAt: string | null
+      revokedAt: string | null
+    }>
+  }
+
+  const revokeFn = useServerFn(revokeLicenseFn)
+
+  const handleRevoke = async () => {
+    if (license.revokedAt) {
+      toast.info(t('license.revokedToast'))
+      return
+    }
+    await revokeFn({ data: { licenseId: license.id } })
+    toast.success(t('license.revokedSuccess'))
+    await navigate({ to: '/licenses' })
+  }
+
+  const features = license.features
+    ? Object.entries(license.features)
+        .filter(([, v]) => v)
+        .map(([k]) => k)
+    : []
+
+  return (
+    <div className="space-y-4">
+      <div className="flex items-center justify-between">
+        <div className="flex items-center gap-3">
+          <Link to="/licenses">
+            <Button variant="ghost" size="sm">{t('common:button.back')}</Button>
+          </Link>
+          <h1 className="text-2xl font-bold">{license.customerName}</h1>
+        </div>
+        <Button
+          variant={license.revokedAt ? 'secondary' : 'destructive'}
+          onClick={handleRevoke}
+          disabled={!!license.revokedAt}
+        >
+          {license.revokedAt ? t('license.revoked') : t('license.revoke')}
+        </Button>
+      </div>
+
+      <div className="grid grid-cols-2 gap-4">
+        <Card>
+          <CardHeader>
+            <CardTitle className="text-base">{t('license.basicInfo')}</CardTitle>
+          </CardHeader>
+          <CardContent className="space-y-2 text-sm">
+            <div className="flex justify-between">
+              <span className="text-muted-foreground">{t('license.email')}</span>
+              <span>{license.customerEmail}</span>
+            </div>
+            <div className="flex justify-between">
+              <span className="text-muted-foreground">{t('license.customerId')}</span>
+              <span>{license.customerId}</span>
+            </div>
+            <div className="flex justify-between">
+              <span className="text-muted-foreground">{t('license.plan')}</span>
+              <span>{license.plan}</span>
+            </div>
+            <div className="flex justify-between">
+              <span className="text-muted-foreground">{t('license.seats')}</span>
+              <span>{license.seats}</span>
+            </div>
+            <div className="flex justify-between">
+              <span className="text-muted-foreground">{t('license.issuedAt')}</span>
+              <span>{new Date(license.issuedAt).toLocaleDateString()}</span>
+            </div>
+            <div className="flex justify-between">
+              <span className="text-muted-foreground">{t('license.expiresAt')}</span>
+              <span>
+                {license.expiresAt
+                  ? new Date(license.expiresAt).toLocaleDateString()
+                  : t('license.permanent')}
+              </span>
+            </div>
+            <div className="flex justify-between">
+              <span className="text-muted-foreground">{t('license.issuer')}</span>
+              <span>{license.issuedBy?.username || '—'}</span>
+            </div>
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader>
+            <CardTitle className="text-base">
+              {t('license.featureAuthorization')}
+            </CardTitle>
+          </CardHeader>
+          <CardContent>
+            {features.length > 0 ? (
+              <div className="flex flex-wrap gap-2">
+                {features.map((f) => (
+                  <span
+                    key={f}
+                    className="inline-flex rounded-md bg-primary/10 px-2 py-0.5 text-xs text-primary"
+                  >
+                    {f}
+                  </span>
+                ))}
+              </div>
+            ) : (
+              <p className="text-sm text-muted-foreground">
+                {t('license.noFeatureAuthorization')}
+              </p>
+            )}
+          </CardContent>
+        </Card>
+      </div>
+
+      <Card>
+        <CardHeader>
+          <CardTitle className="text-base">{t('license.keyTitle')}</CardTitle>
+        </CardHeader>
+        <CardContent>
+          <code className="block rounded-md bg-muted p-2 text-xs break-all">
+            {license.key.slice(0, 20)}...
+          </code>
+        </CardContent>
+      </Card>
+
+      {license.activations.length > 0 && (
+        <Card>
+          <CardHeader>
+            <CardTitle className="text-base">
+              {t('license.activationsTitle', { count: license.activations.length })}
+            </CardTitle>
+          </CardHeader>
+          <CardContent>
+            <div className="space-y-2">
+              {license.activations.map((a) => (
+                <div
+                  key={a.id}
+                  className="flex items-center justify-between rounded-md border border-border p-2 text-sm"
+                >
+                  <div>
+                    <span className="font-medium">{t('license.instance')}</span>
+                    <code className="ml-2 text-muted-foreground">
+                      {a.instanceId}
+                    </code>
+                  </div>
+                  <div className="flex items-center gap-3">
+                    <span className="text-muted-foreground">
+                      {t('license.activatedAt', {
+                        date: new Date(a.activatedAt).toLocaleDateString(),
+                      })}
+                    </span>
+                    <span className="text-muted-foreground">
+                      {t('license.fingerprint', {
+                        fingerprint: a.fingerprint.slice(0, 8),
+                      })}
+                    </span>
+                    {a.revokedAt ? (
+                      <span className="text-destructive">
+                        {t('license.revoked')}
+                      </span>
+                    ) : a.lastSeenAt ? (
+                      <span className="text-muted-foreground">
+                        {t('license.lastActive', {
+                          date: new Date(a.lastSeenAt).toLocaleDateString(),
+                        })}
+                      </span>
+                    ) : (
+                      <span className="text-muted-foreground">
+                        {t('license.neverActive')}
+                      </span>
+                    )}
+                  </div>
+                </div>
+              ))}
+            </div>
+          </CardContent>
+        </Card>
+      )}
+    </div>
+  )
+}

package/src/routes/_nav/licenses/$licenseId/route.tsx

@@ -0,0 +1,25 @@
+// 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 { getLicenseDetailFn } from '@/server/serverFns/licenses'
+
+export const Route = createFileRoute('/_nav/licenses/$licenseId')({
+  loader: async ({ params }) => {
+    return getLicenseDetailFn({ data: { licenseId: params.licenseId } })
+  },
+})