@allbluecn/web-app 0.22.4 → 0.23.1

package/src/components/forms/app-form-dialog.tsx

@@ -1,126 +0,0 @@
-// 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 { useEffect, useState } from "react"
-import type { ReactNode } from "react"
-import { useForm, type AnyReactFormApi } from "@tanstack/react-form"
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog"
-import { Button } from "@/components/ui/button"
-import { toast } from "@/components/ui/toast"
-import { AppSubmit } from "./app-submit"
-import { m } from "@/paraglide/messages.js";
-
-export interface AppFormDialogProps<TValue> {
-  open: boolean
-  onOpenChange: (open: boolean) => void
-  title: string
-  description?: string
-  defaultValues: TValue
-  // TanStack Form v2（alpha）validators 泛型未稳定，经 unknown 通道透传
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  validators?: any
-  onSubmit?: (values: TValue) => Promise<void>
-  submitLabel?: string
-  cancelLabel?: string
-  children: (
-    form: AnyReactFormApi,
-  ) => ReactNode
-}
-
-export function AppFormDialog<TValue>({
-  open,
-  onOpenChange,
-  title,
-  description,
-  defaultValues,
-  validators,
-  onSubmit,
-  submitLabel,
-  cancelLabel,
-  children,
-}: AppFormDialogProps<TValue>) {
-  const displaySubmitLabel = submitLabel ?? m.common_form_submit()
-  const displayCancelLabel = cancelLabel ?? m.common_form_cancel()
-  const [isSaving, setIsSaving] = useState(false)
-
-  const form = useForm({
-    defaultValues: defaultValues as any,
-    validators: validators as any,
-    onSubmit: async ({ value }) => {
-      if (onSubmit) {
-        setIsSaving(true)
-        try {
-          await onSubmit(value as TValue)
-        } catch (err) {
-          console.error(err instanceof Error ? err.message : "unknown")
-          toast.error(m.common_form_operationFailed())
-        } finally {
-          setIsSaving(false)
-        }
-      }
-    },
-  })
-
-  // 对话框复用（不 remount）编辑不同实体时随 open 重置表单值；
-  // 刻意只依赖 open（defaultValues 变化不重置，避免打断输入）
-  useEffect(() => {
-    if (open) form.reset(defaultValues as any)
-  }, [open])
-
-  return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent>
-        <DialogHeader>
-          <DialogTitle>{title}</DialogTitle>
-          {description && <DialogDescription>{description}</DialogDescription>}
-        </DialogHeader>
-        <form
-          onSubmit={(e) => {
-            e.preventDefault()
-            e.stopPropagation()
-            form.handleSubmit()
-          }}
-          className="space-y-4"
-        >
-          {children(form)}
-        </form>
-        <DialogFooter>
-          <Button
-            type="button"
-            variant="outline"
-            onClick={() => {
-              form.reset()
-              onOpenChange(false)
-            }}
-          >
-            {displayCancelLabel}
-          </Button>
-          <AppSubmit form={form} isSubmitting={isSaving} disabled={isSaving}>
-            {displaySubmitLabel}
-          </AppSubmit>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  )
-}

package/src/components/forms/hooks/use-form-submit.ts

@@ -1,57 +0,0 @@
-// 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, useCallback } from "react"
-import { useQueryClient } from "@tanstack/react-query"
-import { toast } from "@/components/ui/toast"
-import { m } from '@/paraglide/messages.js'
-import type { FormSubmitConfig } from "../types"
-
-export function useFormSubmit<TData, TResult>(
-  serverFn: (data: { data: TData }) => Promise<TResult>,
-  config?: FormSubmitConfig,
-) {
-  const queryClient = useQueryClient()
-  const [isSubmitting, setIsSubmitting] = useState(false)
-
-  const submit = useCallback(
-    async (data: TData) => {
-      setIsSubmitting(true)
-      try {
-        await serverFn({ data })
-        if (config?.toastSuccess) toast.success(config.toastSuccess)
-        if (config?.invalidateQueries) {
-          for (const queryKey of config.invalidateQueries) {
-            queryClient.invalidateQueries({ queryKey })
-          }
-        }
-        return true
-      } catch (err) {
-        // 真实错误留痕（自定义 toastError 文案会掩盖原始信息，线上排障需要）
-        console.error(err instanceof Error ? err.message : "unknown")
-        const msg = err instanceof Error ? err.message : m.common_form_operationFailed()
-        toast.error(config?.toastError ?? msg)
-        return false
-      } finally {
-        setIsSubmitting(false)
-      }
-    },
-    [serverFn, config, queryClient],
-  )
-
-  return { submit, isSubmitting }
-}

package/src/components/forms/types.ts

@@ -1,34 +0,0 @@
-// 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 FormSubmitConfig {
-  toastSuccess?: string
-  toastError?: string
-  resetOnSuccess?: boolean
-  redirectTo?: string
-  invalidateQueries?: string[][]
-}
-
-export interface FieldError {
-  message: string
-}
-
-export type ValidationError = string | null | undefined
-
-export type AsyncValidator<T> = (
-  input: { value: T },
-) => Promise<ValidationError>

package/src/components/harness/code/workspace-picker.tsx

@@ -1,239 +0,0 @@
-// 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 } from "react"
-import { FolderOpen, GitBranch, Loader2, Check } from "lucide-react"
-import { Button } from "@/components/ui/button"
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select"
-import { listGithubReposFn, listGithubBranchesFn, getGithubConnectionFn } from "@/server/serverFns/harness/github-workspace"
-import { useQuery } from "@tanstack/react-query"
-import { m } from "@/paraglide/messages.js"
-import { isDesktop, getTauriInvoke } from "@/lib/desktop-detect"
-import { toast } from "@/components/ui/toast"
-import { hasFileSystemAccess, pickLocalDirectory } from "@/lib/fsap"
-
-// S27：类型从 workspace-context 单一来源导入（删除同名异构副本）
-import type { WorkspaceSource } from "./workspace-context";
-
-
-interface WorkspacePickerProps {
-  value?: WorkspaceSource
-  onChange: (source: WorkspaceSource | undefined) => void
-}
-
-interface GithubRepo {
-  id: number
-  owner: string
-  name: string
-  full_name: string
-  private: boolean
-  default_branch: string
-}
-
-export function WorkspacePicker({ value, onChange }: WorkspacePickerProps) {
-  const [mode, setMode] = useState<"local" | "github">("local")
-
-  const { data: repos, isLoading: loadingRepos } = useQuery({
-    queryKey: ["github-repos"],
-    queryFn: async () => {
-      const result = await listGithubReposFn()
-      return result as { repos: GithubRepo[] }
-    },
-    enabled: mode === "github",
-  })
-
-  // S27：连接状态显式取自 serverFn（token 不出服务端），未连接给可操作提示而非空列表
-  const { data: connection } = useQuery({
-    queryKey: ["github-connection"],
-    queryFn: async () => {
-      const result = await getGithubConnectionFn()
-      return result as { connected: boolean; source: "saved" | "session" | null }
-    },
-    enabled: mode === "github",
-    staleTime: 30_000,
-  })
-
-  const selectedRepo = repos?.repos.find((r) => {
-    if (value?.type !== "github") return false
-    return r.owner === value.owner && r.name === value.repo
-  })
-
-  const { data: branches, isLoading: loadingBranches } = useQuery({
-    queryKey: ["github-branches", selectedRepo?.owner, selectedRepo?.name],
-    queryFn: async () => {
-      if (!selectedRepo) return { branches: [] }
-      const result = await listGithubBranchesFn({ data: { owner: selectedRepo.owner, repo: selectedRepo.name } })
-      return result as { branches: Array<{ name: string; protected: boolean }> }
-    },
-    enabled: mode === "github" && !!selectedRepo,
-  })
-
-  const handleSelectLocal = async () => {
-    if (isDesktop()) {
-      const invoke = await getTauriInvoke()
-      if (!invoke) {
-        toast.error(m.chat_workspace_selectFolderError())
-        return
-      }
-      const result = (await invoke("open_directory")) as string | null | undefined
-      if (result) {
-        onChange({ type: "local", path: result })
-      } else {
-        // 用户取消对话框，静默忽略
-      }
-    } else if (hasFileSystemAccess()) {
-      const handle = await pickLocalDirectory()
-      if (handle) {
-        // S27：dirHandle 必须随选入 context（此前仅传 name，文件树拿到 undefined 句柄）
-        onChange({ type: "local-fsap", dirHandle: handle, path: handle.name })
-      }
-    } else {
-      // Firefox/Safari 降级：提示上传到云工作区
-      toast.info(m.chat_workspace_fsapUnavailable())
-      setMode("github")
-    }
-  }
-
-  const hasGithubToken = (repos?.repos?.length ?? 0) > 0
-
-  return (
-    <div className="space-y-4">
-      <div className="flex gap-2">
-        <Button
-          variant={mode === "local" ? "default" : "outline"}
-          size="sm"
-          onClick={() => setMode("local")}
-          type="button"
-        >
-          <FolderOpen className="size-4 mr-2" />
-          {m.chat_workspace_local()}
-        </Button>
-        <Button
-          variant={mode === "github" ? "default" : "outline"}
-          size="sm"
-          onClick={() => setMode("github")}
-          type="button"
-        >
-          <GitBranch className="size-4 mr-2" />
-          {m.chat_workspace_github()}
-        </Button>
-      </div>
-
-      {mode === "local" && (
-        <div className="space-y-2">
-          <p className="text-sm text-muted-foreground">{m.chat_workspace_localHint()}</p>
-          <Button
-            variant="outline"
-            size="sm"
-            onClick={handleSelectLocal}
-            type="button"
-          >
-            {m.chat_workspace_selectFolder()}
-          </Button>
-          {(value?.type === "local" || value?.type === "local-fsap") && (
-            <div className="flex items-center gap-2 text-sm text-green-600">
-              <Check className="size-4" />
-              <span>{value.path}</span>
-            </div>
-          )}
-        </div>
-      )}
-
-      {mode === "github" && (
-        <div className="space-y-4">
-          {!hasGithubToken ? (
-            <div className="space-y-2">
-              <p className="text-sm text-muted-foreground">{m.chat_workspace_githubConnect()}</p>
-              {/* 真实 OAuth 发起端点未接线：裸 authorize URL 缺 client_id/redirect_uri
-                  打开即 GitHub 报错页，先禁用并提示（接入后端 OAuth 后替换） */}
-              <Button variant="outline" size="sm" disabled type="button">
-                {m.chat_workspace_connectGithub()}
-              </Button>
-              <p className="text-xs text-muted-foreground">{m.chat_workspace_githubNotWired()}</p>
-            </div>
-          ) : (
-            <>
-              <div className="space-y-2">
-                <label className="text-sm font-medium">{m.chat_workspace_selectRepo()}</label>
-                {loadingRepos ? (
-                  <Loader2 className="size-4 animate-spin" />
-                ) : connection && !connection.connected ? (
-                  <p className="text-xs text-muted-foreground">{m.chat_workspace_githubNotConnected()}</p>
-                ) : (
-                  <Select
-                    value={selectedRepo?.full_name}
-                    onValueChange={(val) => {
-                      const repo = repos?.repos.find((r) => r.full_name === val)
-                      if (repo) {
-                        onChange({ type: "github", owner: repo.owner, repo: repo.name, branch: repo.default_branch })
-                      }
-                    }}
-                  >
-                    <SelectTrigger>
-                      <SelectValue placeholder={m.chat_workspace_selectRepo()} />
-                    </SelectTrigger>
-                    <SelectContent>
-                      {repos?.repos.map((repo) => (
-                        <SelectItem key={repo.id} value={repo.full_name}>
-                          {repo.full_name}{repo.private ? ` (${m.chat_workspace_private()})` : ""}
-                        </SelectItem>
-                      ))}
-                    </SelectContent>
-                  </Select>
-                )}
-              </div>
-
-              {selectedRepo && (
-                <div className="space-y-2">
-                  <label className="text-sm font-medium">{m.chat_workspace_selectBranch()}</label>
-                  {loadingBranches ? (
-                    <Loader2 className="size-4 animate-spin" />
-                  ) : (
-                    <Select
-                      value={value?.type === "github" ? value.branch : selectedRepo.default_branch}
-                      onValueChange={(branch) => {
-                        onChange({ type: "github", owner: selectedRepo.owner, repo: selectedRepo.name, branch: branch ?? "" })
-                      }}
-                    >
-                      <SelectTrigger>
-                        <SelectValue />
-                      </SelectTrigger>
-                      <SelectContent>
-                        {branches?.branches.map((b) => (
-                          <SelectItem key={b.name} value={b.name}>
-                            {b.name}{b.protected ? ` (${m.chat_workspace_branch()})` : ""}
-                          </SelectItem>
-                        ))}
-                      </SelectContent>
-                    </Select>
-                  )}
-                </div>
-              )}
-            </>
-          )}
-        </div>
-      )}
-    </div>
-  )
-}

package/src/components/tiptap/extensions/local-file/insert-local-file.ts

@@ -1,35 +0,0 @@
-import type { Editor } from '@tiptap/core'
-import { getTauriInvoke } from '@/lib/desktop-detect'
-
-interface LocalFilePayload {
-  path: string
-  mime: string
-  base64: string
-  size: number
-}
-
-/**
- * Open native file picker (Tauri) and insert into editor.
- * No-op if not in desktop environment.
- */
-export async function insertLocalFile(editor: Editor): Promise<void> {
-  const invoke = await getTauriInvoke()
-  if (!invoke) return // web 端不显示此按钮
-
-  const payload = (await invoke('open_local_file', {
-    filter: {
-      name: 'Images and Documents',
-      extensions: ['png', 'jpg', 'jpeg', 'gif', 'webp', 'pdf', 'docx', 'xlsx', 'epub', 'mobi', 'azw3'],
-    },
-  })) as LocalFilePayload | null
-
-  if (!payload) return // 用户取消
-
-  const name = payload.path.split('/').pop() ?? payload.path
-  editor.commands.insertLocalFile({
-    path: payload.path,
-    mime: payload.mime,
-    base64: payload.base64,
-    name,
-  })
-}

package/src/components/tiptap/extensions/local-file/local-file-node.ts

@@ -1,71 +0,0 @@
-// SPDX-License-Identifier: AGPL-3.0-or-later
-// AllBlue - 理想之海
-// Copyright (C) 2026 AllBlue Contributors
-
-import { Node } from '@tiptap/core'
-
-export interface LocalFileOptions {
-  HTMLAttributes: Record<string, unknown>
-}
-
-declare module '@tiptap/core' {
-  interface Commands<ReturnType> {
-    localFile: {
-      insertLocalFile: (attrs: {
-        path: string
-        mime: string
-        base64: string
-        name: string
-      }) => ReturnType
-    }
-  }
-}
-
-export const LocalFile = Node.create<LocalFileOptions>({
-  name: 'localFile',
-  group: 'block',
-  atom: true,
-  selectable: true,
-  draggable: true,
-
-  addAttributes() {
-    return {
-      path: { default: null },
-      mime: { default: null },
-      base64: { default: null },
-      name: { default: null },
-    }
-  },
-
-  parseHTML() {
-    return [{ tag: 'local-file' }]
-  },
-
-  // 审计 🟡：禁止整包 merge HTMLAttributes——base64/mime/path 会被原样输出为
-  // 无效 DOM 属性（<img base64="...">），同一份 base64 在 DOM 出现两份。
-  // 这里显式挑拣输出字段。
-  renderHTML({ node }) {
-    const { path, mime, base64, name } = node.attrs as {
-      path: string | null
-      mime: string | null
-      base64: string | null
-      name: string | null
-    }
-    const isImage = mime?.startsWith('image/')
-    if (isImage) {
-      const src = base64 ? `data:${mime};base64,${base64}` : path
-      return ['img', { src: src ?? undefined, alt: name ?? '' }]
-    }
-    return ['a', { href: path ?? undefined, download: name ?? undefined }, `📎 ${name ?? ''}`]
-  },
-
-  addCommands() {
-    return {
-      insertLocalFile:
-        (attrs) =>
-        ({ commands }) => {
-          return commands.insertContent({ type: 'localFile', attrs })
-        },
-    }
-  },
-})

package/src/devframe-docks/ai-chat-iframe.tsx

@@ -1,29 +0,0 @@
-// 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 { createRoot } from 'react-dom/client'
-import { StrictMode } from 'react'
-import { AiDevtoolsPanel } from '@tanstack/react-ai-devtools'
-
-const container = document.getElementById('root')
-if (container) {
-  createRoot(container).render(
-    <StrictMode>
-      <AiDevtoolsPanel />
-    </StrictMode>,
-  )
-}

package/src/devframe-docks/session-iframe.tsx

@@ -1,90 +0,0 @@
-// 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/>.
-
-// ⚠ devframe 专用 dock（@devframes/vite 独立 iframe 产物，仅本地开发期可见）：
-// 不在主应用 bundle 内、无 paraglide/theme 上下文，故中文文案与硬编码色值为
-// 该隔离环境的刻意豁免，不适用「i18n + CSS 变量」主应用规范。
-
-import { createRoot } from 'react-dom/client'
-import { StrictMode, useEffect, useState } from 'react'
-
-type UserInfo = {
-  id: string
-  email: string
-  name: string | null
-  role: string
-  aiProvider?: string | null
-  aiModel?: string | null
-  hasAiKey?: boolean | null
-}
-
-function SessionPanel() {
-  const [user, setUser] = useState<UserInfo | null>(null)
-  const [loading, setLoading] = useState(true)
-
-  useEffect(() => {
-    fetch('/api/auth/session', { credentials: 'include' })
-      .then((res) => (res.ok ? res.json() : null))
-      .then((data) => {
-        setUser(data?.user ?? null)
-        setLoading(false)
-      })
-      .catch(() => setLoading(false))
-  }, [])
-
-  if (loading) {
-    return (
-      <div style={{ display: 'flex', height: '100%', alignItems: 'center', justifyContent: 'center', color: '#888' }}>
-        加载中…
-      </div>
-    )
-  }
-
-  if (!user) {
-    return (
-      <div style={{ display: 'flex', height: '100%', alignItems: 'center', justifyContent: 'center', color: '#888' }}>
-        未登录
-      </div>
-    )
-  }
-
-  const row: React.CSSProperties = { display: 'grid', gridTemplateColumns: '80px 1fr', gap: '6px', fontSize: '12px', padding: '4px 0', borderBottom: '1px solid #00000010' }
-  const labelStyle: React.CSSProperties = { color: '#888' }
-
-  return (
-    <div style={{ padding: 12, fontFamily: 'ui-sans-serif, system-ui, -apple-system, sans-serif', color: '#222' }}>
-      <h4 style={{ margin: '0 0 8px', fontSize: 13 }}>当前用户</h4>
-      <div style={row}><span style={labelStyle}>ID</span><code>{user.id}</code></div>
-      <div style={row}><span style={labelStyle}>Email</span><span>{user.email}</span></div>
-      <div style={row}><span style={labelStyle}>Name</span><span>{user.name || '-'}</span></div>
-      <div style={row}><span style={labelStyle}>Role</span><span style={{ fontWeight: 600 }}>{user.role}</span></div>
-      <h4 style={{ margin: '16px 0 8px', fontSize: 13 }}>AI 配置</h4>
-      <div style={row}><span style={labelStyle}>Provider</span><span>{user.aiProvider || '未配置'}</span></div>
-      <div style={row}><span style={labelStyle}>Model</span><span>{user.aiModel || '未配置'}</span></div>
-      <div style={row}><span style={labelStyle}>Has Key</span><span>{user.hasAiKey ? '是' : '否'}</span></div>
-    </div>
-  )
-}
-
-const container = document.getElementById('root')
-if (container) {
-  createRoot(container).render(
-    <StrictMode>
-      <SessionPanel />
-    </StrictMode>,
-  )
-}