@allbluecn/admin-app 0.1.0

package/src/components/user/user-create-dialog.tsx

@@ -0,0 +1,137 @@
+// 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 { useState, useTransition } from "react";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogFooter,
+} from "@/components/ui/dialog";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import { createUserFn } from "@/server/serverFns/user/create";
+import { toast } from '@/components/ui/sonner';
+
+interface UserCreateDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+}
+
+export function UserCreateDialog({ open, onOpenChange }: UserCreateDialogProps) {
+  const [isPending, startTransition] = useTransition();
+  const [form, setForm] = useState({
+    email: "",
+    username: "",
+    password: "",
+    role: "USER" as const,
+  });
+
+  function handleSubmit(e: React.FormEvent) {
+    e.preventDefault();
+    startTransition(async () => {
+      try {
+        await createUserFn({
+          data: {
+            email: form.email,
+            password: form.password,
+            name: form.username,
+            role: form.role,
+          },
+        });
+        toast.success("用户创建成功");
+        setForm({ email: "", username: "", password: "", role: "USER" });
+        onOpenChange(false);
+      } catch (err) {
+        toast.error((err as Error).message || "创建失败");
+      }
+    });
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="sm:max-w-106.25">
+        <DialogHeader>
+          <DialogTitle>创建用户</DialogTitle>
+        </DialogHeader>
+        <form onSubmit={handleSubmit}>
+          <div className="grid gap-4 py-4">
+            <div className="grid gap-2">
+              <Label htmlFor="email">邮箱</Label>
+              <Input
+                id="email"
+                type="email"
+                required
+                value={form.email}
+                onChange={(e) => setForm((f) => ({ ...f, email: e.target.value }))}
+              />
+            </div>
+            <div className="grid gap-2">
+              <Label htmlFor="username">用户名</Label>
+              <Input
+                id="username"
+                required
+                value={form.username}
+                onChange={(e) => setForm((f) => ({ ...f, username: e.target.value }))}
+              />
+            </div>
+            <div className="grid gap-2">
+              <Label htmlFor="password">密码</Label>
+              <Input
+                id="password"
+                type="password"
+                required
+                value={form.password}
+                onChange={(e) => setForm((f) => ({ ...f, password: e.target.value }))}
+              />
+            </div>
+            <div className="grid gap-2">
+              <Label>角色</Label>
+              <Select value={form.role} onValueChange={(v) => setForm((f) => ({ ...f, role: v as typeof form.role }))}>
+                <SelectTrigger>
+                  <SelectValue />
+                </SelectTrigger>
+                <SelectContent>
+                  <SelectItem value="USER">用户</SelectItem>
+                  <SelectItem value="ADMIN">管理员</SelectItem>
+                </SelectContent>
+              </Select>
+            </div>
+          </div>
+          <DialogFooter>
+            <Button type="button" variant="outline" onClick={() => onOpenChange(false)}>
+              取消
+            </Button>
+            <Button type="submit" disabled={isPending}>
+              {isPending ? "创建中..." : "创建"}
+            </Button>
+          </DialogFooter>
+        </form>
+      </DialogContent>
+    </Dialog>
+  );
+}

package/src/components/user/user-filters.tsx

@@ -0,0 +1,117 @@
+// 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 { useNavigate, useSearch } from "@tanstack/react-router";
+import { useCallback } from "react";
+import { useTranslation } from 'react-i18next'
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import { SearchIcon, XIcon } from "lucide-react";
+
+interface UserFiltersProps {
+  search?: string
+  role?: string
+  status?: string
+}
+
+export function UserFilters({ search, role, status }: UserFiltersProps) {
+  const { t } = useTranslation('common')
+  const navigate = useNavigate()
+
+  const updateParam = useCallback(
+    (key: string, value: string | undefined) => {
+      const next = { search, role, status } as Record<string, string | undefined>
+      if (value && value !== "all") {
+        next[key] = value
+      } else {
+        delete next[key]
+      }
+      navigate({ to: "/users", search: next })
+    },
+    [navigate, search, role, status]
+  )
+
+  const clearFilters = useCallback(() => {
+    navigate({ to: "/users", search: {} })
+  }, [navigate])
+
+  const hasFilters = !!(search || role || status)
+
+  return (
+    <div className="flex flex-col gap-3 sm:flex-row sm:items-center">
+      <div className="relative flex-1 max-w-sm">
+        <SearchIcon className="absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" />
+        <Input
+          placeholder={t('userFilters.searchPlaceholder')}
+          className="pl-8"
+          defaultValue={search || ""}
+          onChange={(e) => {
+            const value = e.target.value || undefined
+            const next: Record<string, string | undefined> = { search: value, role, status }
+            if (!value) delete next.search
+            navigate({ to: "/users", search: next })
+          }}
+        />
+      </div>
+
+      <Select
+        value={role || "all"}
+        onValueChange={(v) => updateParam("role", v)}
+      >
+        <SelectTrigger className="w-32.5">
+          <SelectValue placeholder={t('userFilters.rolePlaceholder')} />
+        </SelectTrigger>
+        <SelectContent>
+          <SelectItem value="all">{t('userFilters.role.all')}</SelectItem>
+          <SelectItem value="SUPER_ADMIN">{t('userFilters.role.SUPER_ADMIN')}</SelectItem>
+          <SelectItem value="ADMIN">{t('userFilters.role.ADMIN')}</SelectItem>
+          <SelectItem value="USER">{t('userFilters.role.USER')}</SelectItem>
+        </SelectContent>
+      </Select>
+
+      <Select
+        value={status || "all"}
+        onValueChange={(v) => updateParam("status", v)}
+      >
+        <SelectTrigger className="w-32.5">
+          <SelectValue placeholder={t('userFilters.statusPlaceholder')} />
+        </SelectTrigger>
+        <SelectContent>
+          <SelectItem value="all">{t('userFilters.status.all')}</SelectItem>
+          <SelectItem value="ACTIVE">{t('userFilters.status.ACTIVE')}</SelectItem>
+          <SelectItem value="INACTIVE">{t('userFilters.status.INACTIVE')}</SelectItem>
+          <SelectItem value="BANNED">{t('userFilters.status.BANNED')}</SelectItem>
+        </SelectContent>
+      </Select>
+
+      {hasFilters && (
+        <Button variant="ghost" size="sm" onClick={clearFilters}>
+          <XIcon className="mr-1 h-4 w-4" />
+          {t('userFilters.clearFilters')}
+        </Button>
+      )}
+    </div>
+  );
+}

package/src/hooks/use-mobile.ts

@@ -0,0 +1,36 @@
+// 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 * as React from "react"
+
+const MOBILE_BREAKPOINT = 768
+
+export function useIsMobile() {
+  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)
+
+  React.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
+    }
+    mql.addEventListener("change", onChange)
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
+    return () => mql.removeEventListener("change", onChange)
+  }, [])
+
+  return !!isMobile
+}

package/src/instrument.client.ts

@@ -0,0 +1,34 @@
+// 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 * as Sentry from '@sentry/tanstackstart-react'
+
+const dsn = import.meta.env.VITE_SENTRY_DSN
+
+if (dsn) {
+  Sentry.init({
+    dsn,
+    environment: import.meta.env.VITE_SENTRY_ENVIRONMENT || import.meta.env.MODE,
+    integrations: [
+      Sentry.replayIntegration(),
+    ],
+    tracesSampleRate: 1.0,
+    replaysSessionSampleRate: 0.1,
+    replaysOnErrorSampleRate: 1.0,
+    enableLogs: true,
+  })
+}

package/src/lib/anyhub/capabilities.ts

@@ -0,0 +1,59 @@
+// 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/>.
+
+export const CAPABILITY_GROUPS = [
+  {
+    id: "prd",
+    label: "PRD",
+    capabilities: [
+      { id: "prd:read", label: "读取 PRD" },
+      { id: "prd:write", label: "写入 PRD" },
+      { id: "prd:delete", label: "删除 PRD" },
+    ],
+  },
+  {
+    id: "doc",
+    label: "文档",
+    capabilities: [
+      { id: "doc:read", label: "读取文档" },
+      { id: "doc:write", label: "写入文档" },
+    ],
+  },
+  {
+    id: "ai",
+    label: "AI 配置",
+    capabilities: [
+      { id: "ai:read", label: "读取配置" },
+      { id: "ai:write", label: "修改配置" },
+    ],
+  },
+  {
+    id: "user",
+    label: "用户信息",
+    capabilities: [
+      { id: "user:read", label: "读取信息" },
+    ],
+  },
+  {
+    id: "team",
+    label: "团队",
+    capabilities: [
+      { id: "team:read", label: "读取团队" },
+      { id: "team:write", label: "写入团队" },
+    ],
+  },
+] as const

package/src/lib/anyhub/types.ts

@@ -0,0 +1,43 @@
+// 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/>.
+
+export interface MarketAppFormData {
+  name: string
+  displayName: string
+  description?: string
+  entryUrl: string
+  icon?: string
+  category?: string
+  tags?: string
+  capabilities: Record<string, boolean>
+}
+
+export interface MarketAppItem {
+  id: string
+  name: string
+  displayName: string
+  description: string | null
+  entryUrl: string
+  icon: string | null
+  category: string | null
+  tags: string | null
+  downloads: number
+  capabilities: Record<string, boolean>
+  status: string
+  publishedAt: string | null
+  createdAt: string
+}

package/src/lib/auth-client.ts

@@ -0,0 +1,83 @@
+// 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 { useQuery } from '@tanstack/react-query'
+
+export interface Session {
+  user: {
+    id: string
+    email: string
+    name: string
+    role: 'USER' | 'ADMIN' | 'SUPER_ADMIN'
+    image?: string | null
+  }
+  expires: string
+}
+
+export function useSession() {
+  return useQuery({
+    queryKey: ['session'],
+    queryFn: async () => {
+      const res = await fetch('/api/auth/session', { credentials: 'include' })
+      if (!res.ok) return null
+      const data = await res.json()
+      return data?.user ? (data as Session) : null
+    },
+    staleTime: 5 * 60 * 1000,
+    refetchOnWindowFocus: false,
+  })
+}
+
+export async function signIn(provider: string, options?: { redirectTo?: string; email?: string; password?: string; remember?: boolean }) {
+  const csrfRes = await fetch('/api/auth/csrf', { credentials: 'include' })
+  const { csrfToken } = await csrfRes.json()
+  const callbackUrl = options?.redirectTo ?? '/'
+  const form = document.createElement('form')
+  form.method = 'POST'
+  form.action = '/api/auth/callback/credentials'
+  form.style.display = 'none'
+  const fields = [
+    { name: 'email', value: options?.email ?? '' },
+    { name: 'password', value: options?.password ?? '' },
+    { name: 'remember', value: String(options?.remember ?? false) },
+    { name: 'stayLoggedIn', value: String(options?.remember ?? false) },
+    { name: 'callbackUrl', value: callbackUrl },
+    { name: 'csrfToken', value: csrfToken },
+  ]
+  for (const field of fields) {
+    const input = document.createElement('input')
+    input.type = 'hidden'
+    input.name = field.name
+    input.value = field.value
+    form.appendChild(input)
+  }
+  document.body.appendChild(form)
+  form.submit()
+  return { success: true }
+}
+
+export async function signOut() {
+  const csrfRes = await fetch('/api/auth/csrf', { credentials: 'include' })
+  const { csrfToken } = await csrfRes.json()
+  await fetch('/api/auth/signout', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+    body: new URLSearchParams({ csrfToken }).toString(),
+    credentials: 'include',
+  })
+  return { success: true }
+}

package/src/lib/auth-utils.ts

@@ -0,0 +1,24 @@
+// 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/>.
+
+const EMAIL_REGEX = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
+
+export function validateEmail(email: string): string | null {
+  if (!email) return "邮箱不能为空";
+  if (!EMAIL_REGEX.test(email)) return "请输入有效的邮箱地址";
+  return null;
+}