@allbluecn/admin-app 0.1.0

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

@@ -0,0 +1,237 @@
+// 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 type React from 'react'
+import { useState } from 'react'
+import { useForm } from '@tanstack/react-form'
+import { useServerFn } from '@tanstack/react-start'
+import { Check, Copy } from 'lucide-react'
+import { Button } from '@/components/ui/button'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert'
+import { issueLicenseFn } from '@/server/serverFns/licenses'
+import { FeatureRegistry } from '@allbluecn/kernel'
+
+export const Route = createLazyFileRoute('/_nav/licenses/new')({
+  component: IssueLicensePage,
+})
+
+function IssueLicensePage(): React.ReactElement {
+  const { t } = useTranslation('enterprise')
+  const navigate = useNavigate()
+  const issue = useServerFn(issueLicenseFn)
+  const [issuedKey, setIssuedKey] = useState<string | null>(null)
+  const [copied, setCopied] = useState(false)
+
+  const form = useForm({
+    defaultValues: {
+      customerName: '',
+      customerEmail: '',
+      customerId: '',
+      plan: 'enterprise',
+      seats: 50,
+      expiresAt: '',
+      features: { hostedAi: true } as Record<string, boolean>,
+    },
+    onSubmit: async ({ value }) => {
+      const result = await issue({
+        data: {
+          customerName: value.customerName,
+          customerEmail: value.customerEmail,
+          customerId: value.customerId,
+          seats: Number(value.seats),
+          plan: value.plan,
+          features: value.features,
+          expiresAt: value.expiresAt ? new Date(value.expiresAt).toISOString() : null,
+        },
+      })
+      setIssuedKey(result.key)
+    },
+  })
+
+  if (issuedKey) {
+    return (
+      <div className="space-y-4">
+        <h1 className="text-2xl font-bold">{t('issue.successTitle')}</h1>
+        <Alert>
+          <AlertTitle>{t('issue.keyOnceTitle')}</AlertTitle>
+          <AlertDescription>{t('issue.keyOnceDescription')}</AlertDescription>
+        </Alert>
+        <div className="flex items-center gap-2">
+          <code className="max-w-full flex-1 break-all rounded-lg border border-border bg-muted px-3 py-2 text-xs">
+            {issuedKey}
+          </code>
+          <Button
+            variant="outline"
+            size="icon"
+            onClick={() => {
+              void navigator.clipboard.writeText(issuedKey)
+              setCopied(true)
+              setTimeout(() => setCopied(false), 2000)
+            }}
+          >
+            {copied ? <Check className="size-4" /> : <Copy className="size-4" />}
+          </Button>
+        </div>
+        <Button onClick={() => void navigate({ to: '/licenses' })}>
+          {t('common:button.back')}
+        </Button>
+      </div>
+    )
+  }
+
+  return (
+    <div className="space-y-4">
+      <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">{t('issue.title')}</h1>
+      </div>
+
+      <Card>
+        <CardHeader>
+          <CardTitle>{t('issue.enterpriseTitle')}</CardTitle>
+          <CardDescription>{t('issue.description')}</CardDescription>
+        </CardHeader>
+        <CardContent>
+          <form
+            className="space-y-4"
+            onSubmit={(e) => {
+              e.preventDefault()
+              void form.handleSubmit()
+            }}
+          >
+            <form.Field name="customerName">
+              {(field) => (
+                <div className="space-y-2">
+                  <Label htmlFor={field.name}>{t('issue.customerName')}</Label>
+                  <Input
+                    id={field.name}
+                    value={field.value}
+                    onChange={(e) => field.handleChange(e.target.value)}
+                    onBlur={field.handleBlur}
+                  />
+                </div>
+              )}
+            </form.Field>
+            <form.Field name="customerEmail">
+              {(field) => (
+                <div className="space-y-2">
+                  <Label htmlFor={field.name}>{t('issue.customerEmail')}</Label>
+                  <Input
+                    id={field.name}
+                    type="email"
+                    value={field.value}
+                    onChange={(e) => field.handleChange(e.target.value)}
+                    onBlur={field.handleBlur}
+                  />
+                </div>
+              )}
+            </form.Field>
+            <form.Field name="customerId">
+              {(field) => (
+                <div className="space-y-2">
+                  <Label htmlFor={field.name}>{t('issue.customerId')}</Label>
+                  <Input
+                    id={field.name}
+                    value={field.value}
+                    onChange={(e) => field.handleChange(e.target.value)}
+                    onBlur={field.handleBlur}
+                  />
+                </div>
+              )}
+            </form.Field>
+            <form.Field name="plan">
+              {(field) => (
+                <div className="space-y-2">
+                  <Label htmlFor={field.name}>{t('issue.plan')}</Label>
+                  <Input
+                    id={field.name}
+                    value={field.value}
+                    onChange={(e) => field.handleChange(e.target.value)}
+                    onBlur={field.handleBlur}
+                    placeholder="enterprise"
+                  />
+                  <p className="text-xs text-muted-foreground">{t('issue.planHint')}</p>
+                </div>
+              )}
+            </form.Field>
+            <form.Field name="seats">
+              {(field) => (
+                <div className="space-y-2">
+                  <Label htmlFor={field.name}>{t('issue.seats')}</Label>
+                  <Input
+                    id={field.name}
+                    type="number"
+                    min={1}
+                    value={field.value}
+                    onChange={(e) => field.handleChange(Number(e.target.value))}
+                    onBlur={field.handleBlur}
+                  />
+                </div>
+              )}
+            </form.Field>
+            <form.Field name="expiresAt">
+              {(field) => (
+                <div className="space-y-2">
+                  <Label htmlFor={field.name}>{t('issue.expiresAt')}</Label>
+                  <Input
+                    id={field.name}
+                    type="date"
+                    value={field.value}
+                    onChange={(e) => field.handleChange(e.target.value)}
+                    onBlur={field.handleBlur}
+                  />
+                  <p className="text-xs text-muted-foreground">{t('issue.expiresAtHint')}</p>
+                </div>
+              )}
+            </form.Field>
+            <form.Field name="features">
+              {(field) => (
+                <div className="space-y-2">
+                  <Label>{t('issue.features')}</Label>
+                  <div className="space-y-2">
+                    {Object.keys(FeatureRegistry).map((key) => (
+                      <label key={key} className="flex items-center gap-2 text-sm">
+                        <input
+                          type="checkbox"
+                          checked={field.value[key] === true}
+                          onChange={(e) =>
+                            field.handleChange({ ...field.value, [key]: e.target.checked })
+                          }
+                        />
+                        {key}
+                      </label>
+                    ))}
+                  </div>
+                </div>
+              )}
+            </form.Field>
+            <Button type="submit" disabled={form.state.isSubmitting}>
+              {t('issue.submit')}
+            </Button>
+          </form>
+        </CardContent>
+      </Card>
+    </div>
+  )
+}

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

@@ -0,0 +1,143 @@
+// 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 { useTranslation } from 'react-i18next'
+import type React from 'react'
+import { Button } from '@/components/ui/button'
+
+export const Route = createLazyFileRoute('/_nav/licenses')({
+  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: LicensesList,
+})
+
+function LicensesList(): React.ReactElement {
+  const { t } = useTranslation('enterprise')
+  const { items, total } = Route.useLoaderData() as {
+    items: Array<{
+      id: string
+      customerName: string
+      customerEmail: string
+      seats: number
+      plan: string
+      expiresAt: string | null
+      revokedAt: string | null
+      issuedAt: string
+      _count: { activations: number }
+    }>
+    total: number
+  }
+
+  return (
+    <div className="space-y-4">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-bold">{t('license.managementTitle')}</h1>
+          <p className="text-sm text-muted-foreground mt-1">
+            {t('license.count', { count: total })}
+          </p>
+        </div>
+        <Link to="/licenses/new">
+          <Button>{t('license.issue')}</Button>
+        </Link>
+      </div>
+
+      {items.length === 0 ? (
+        <div className="rounded-lg border border-border p-8 text-center text-muted-foreground">
+          {t('license.empty')}
+        </div>
+      ) : (
+        <div className="rounded-lg border border-border overflow-hidden">
+          <table className="w-full text-sm">
+            <thead>
+              <tr className="border-b border-border bg-muted/50">
+                <th className="p-3 text-left font-medium">
+                  {t('license.customer')}
+                </th>
+                <th className="p-3 text-left font-medium">
+                  {t('license.email')}
+                </th>
+                <th className="p-3 text-left font-medium">
+                  {t('license.plan')}
+                </th>
+                <th className="p-3 text-left font-medium">
+                  {t('license.seats')}
+                </th>
+                <th className="p-3 text-left font-medium">
+                  {t('license.activationCount')}
+                </th>
+                <th className="p-3 text-left font-medium">
+                  {t('license.expiresAtLabel')}
+                </th>
+                <th className="p-3 text-left font-medium">
+                  {t('license.status')}
+                </th>
+                <th className="p-3 text-left font-medium">
+                  {t('license.action')}
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              {items.map((license) => (
+                <tr key={license.id} className="border-b border-border last:border-0">
+                  <td className="p-3">{license.customerName}</td>
+                  <td className="p-3">{license.customerEmail}</td>
+                  <td className="p-3">
+                    <span className="inline-flex rounded-md bg-primary/10 px-2 py-0.5 text-xs text-primary">
+                      {license.plan}
+                    </span>
+                  </td>
+                  <td className="p-3">{license.seats}</td>
+                  <td className="p-3">{license._count.activations}</td>
+                  <td className="p-3">
+                    {license.expiresAt
+                      ? new Date(license.expiresAt).toLocaleDateString()
+                      : t('license.permanent')}
+                  </td>
+                  <td className="p-3">
+                    {license.revokedAt ? (
+                      <span className="inline-flex rounded-md bg-destructive/10 px-2 py-0.5 text-xs text-destructive">
+                        {t('license.revoked')}
+                      </span>
+                    ) : (
+                      <span className="inline-flex rounded-md bg-green-500/10 px-2 py-0.5 text-xs text-green-600 dark:text-green-400">
+                        {t('license.active')}
+                      </span>
+                    )}
+                  </td>
+                  <td className="p-3">
+                    <Link
+                      to="/licenses/$licenseId"
+                      params={{ licenseId: license.id }}
+                      className="text-primary hover:underline"
+                    >
+                      {t('license.detail')}
+                    </Link>
+                  </td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        </div>
+      )}
+    </div>
+  )
+}

package/src/routes/_nav/licenses/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 { listLicensesFn } from '@/server/serverFns/licenses'
+
+export const Route = createFileRoute('/_nav/licenses')({
+  loader: async () => {
+    return listLicensesFn({ data: { page: 1, pageSize: 20 } })
+  },
+})

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

@@ -0,0 +1,31 @@
+// 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 } from '@tanstack/react-router'
+import { MarketAppList } from '@/components/market/market-app-list'
+
+export const Route = createLazyFileRoute('/_nav/market')({
+  component: MarketPage,
+})
+
+function MarketPage() {
+  return (
+    <div className="p-6">
+      <MarketAppList />
+    </div>
+  )
+}

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

@@ -0,0 +1,20 @@
+// 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'
+
+export const Route = createFileRoute('/_nav/market')({})