@allbluecn/admin-app 0.2.5 → 0.3.0

package/src/components/ai-prompts/section-editor.tsx

@@ -0,0 +1,135 @@
+// 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/>.
+
+// apps/admin/src/components/ai-prompts/section-editor.tsx
+import { ArrowDown, ArrowUp, Plus, Trash2 } from "lucide-react"
+
+import { m } from "@/paraglide/messages.js"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Textarea } from "@/components/ui/textarea"
+import {
+  appendSection,
+  moveSection,
+  removeSection,
+  type PromptSectionDTO,
+} from "./prompt-utils"
+
+interface SectionEditorProps {
+  sections: PromptSectionDTO[]
+  onChange: (sections: PromptSectionDTO[]) => void
+}
+
+export function SectionEditor({ sections, onChange }: SectionEditorProps) {
+  return (
+    <div className="space-y-3">
+      {sections.length === 0 && (
+        <p className="text-sm text-muted-foreground">
+          {m["admin-ai_prompts_sections_empty"]()}
+        </p>
+      )}
+
+      {sections.map((section, index) => (
+        <div
+          key={section.id}
+          className="rounded-md border border-border p-3 space-y-3"
+        >
+          <div className="flex items-center gap-2">
+            <span className="text-sm font-medium shrink-0">
+              {m["admin-ai_prompts_section_id"]()}
+            </span>
+            <span className="font-mono text-xs text-muted-foreground truncate">
+              {section.id}
+            </span>
+            <span className="flex-1" />
+            <Button
+              type="button"
+              variant="ghost"
+              size="icon-xs"
+              className="shrink-0"
+              disabled={index === 0}
+              onClick={() => onChange(moveSection(sections, index, -1))}
+              aria-label={m["admin-ai_prompts_section_moveUp"]()}
+            >
+              <ArrowUp />
+            </Button>
+            <Button
+              type="button"
+              variant="ghost"
+              size="icon-xs"
+              className="shrink-0"
+              disabled={index === sections.length - 1}
+              onClick={() => onChange(moveSection(sections, index, 1))}
+              aria-label={m["admin-ai_prompts_section_moveDown"]()}
+            >
+              <ArrowDown />
+            </Button>
+            <Button
+              type="button"
+              variant="ghost"
+              size="icon-xs"
+              className="shrink-0 text-destructive hover:text-destructive"
+              disabled={sections.length === 1}
+              onClick={() => onChange(removeSection(sections, index))}
+              aria-label={m["admin-ai_prompts_section_remove"]()}
+            >
+              <Trash2 />
+            </Button>
+          </div>
+
+          <div className="flex items-center gap-3">
+            <div className="flex items-center gap-2 shrink-0">
+              <span className="text-sm text-muted-foreground">
+                {m["admin-ai_prompts_section_order"]()}
+              </span>
+              <Input
+                type="number"
+                min={1}
+                className="w-16 h-7"
+                value={section.order}
+                readOnly
+                tabIndex={-1}
+              />
+            </div>
+          </div>
+
+          <Textarea
+            className="font-mono text-sm min-h-24 resize-y"
+            value={section.template}
+            placeholder={m["admin-ai_prompts_section_template_placeholder"]({ placeholder: "{{name}}" })}
+            onChange={(e) => {
+              const next = sections.slice()
+              next[index] = { ...section, template: e.target.value }
+              onChange(next)
+            }}
+          />
+        </div>
+      ))}
+
+      <Button
+        type="button"
+        variant="outline"
+        size="sm"
+        className="w-full"
+        onClick={() => onChange(appendSection(sections))}
+      >
+        <Plus />
+        {m["admin-ai_prompts_section_add"]()}
+      </Button>
+    </div>
+  )
+}

package/src/components/ai-prompts/variable-panel.tsx

@@ -0,0 +1,128 @@
+// 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/>.
+
+// apps/admin/src/components/ai-prompts/variable-panel.tsx
+import { AlertTriangle, Plus, Trash2 } from "lucide-react"
+
+import { m } from "@/paraglide/messages.js"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import {
+  addVariable,
+  removeVariable,
+  type PromptVariableDTO,
+} from "./prompt-utils"
+
+interface VariablePanelProps {
+  variables: PromptVariableDTO[]
+  onChange: (variables: PromptVariableDTO[]) => void
+  usedVariables: string[]
+}
+
+export function VariablePanel({
+  variables,
+  onChange,
+  usedVariables,
+}: VariablePanelProps) {
+  const declared = new Set(variables.map((v) => v.name).filter(Boolean))
+  const undeclared = usedVariables.filter((name) => !declared.has(name))
+
+  return (
+    <div className="space-y-3">
+      {variables.length === 0 && undeclared.length === 0 && (
+        <p className="text-sm text-muted-foreground">
+          {m["admin-ai_prompts_variables_empty"]()}
+        </p>
+      )}
+
+      {variables.map((variable, index) => (
+        <div
+          key={index}
+          title={variable.description || undefined}
+          className="flex items-center gap-2 rounded-md border border-border p-2"
+        >
+          <Input
+            className="font-mono text-sm flex-1 h-7"
+            value={variable.name}
+            placeholder={m["admin-ai_prompts_variable_name_placeholder"]()}
+            onChange={(e) => {
+              const next = variables.slice()
+              next[index] = { ...variable, name: e.target.value }
+              onChange(next)
+            }}
+          />
+          <Input
+            className="flex-1 h-7"
+            value={variable.description}
+            placeholder={m["admin-ai_prompts_variable_description_placeholder"]()}
+            onChange={(e) => {
+              const next = variables.slice()
+              next[index] = { ...variable, description: e.target.value }
+              onChange(next)
+            }}
+          />
+          <Button
+            type="button"
+            variant="ghost"
+            size="icon-xs"
+            className="shrink-0 text-destructive hover:text-destructive"
+            onClick={() => onChange(removeVariable(variables, index))}
+            aria-label={m["admin-ai_prompts_variable_remove"]()}
+          >
+            <Trash2 />
+          </Button>
+        </div>
+      ))}
+
+      <Button
+        type="button"
+        variant="outline"
+        size="sm"
+        className="w-full"
+        onClick={() => onChange(addVariable(variables))}
+      >
+        <Plus />
+        {m["admin-ai_prompts_variable_add"]()}
+      </Button>
+
+      {undeclared.length > 0 && (
+        <div className="rounded-md border border-amber-500/40 bg-amber-500/5 p-3 space-y-2">
+          <div className="flex items-center gap-2 text-sm text-amber-600 dark:text-amber-400">
+            <AlertTriangle className="size-4 shrink-0" />
+            <span>{m["admin-ai_prompts_variable_undeclared"]()}</span>
+          </div>
+          <div className="flex flex-wrap gap-1.5">
+            {undeclared.map((name) => (
+              <button
+                key={name}
+                type="button"
+                onClick={() =>
+                  onChange(addVariable([...variables, { name, description: "" }]))
+                }
+                className="inline-flex items-center gap-1 rounded border border-amber-500/40 bg-background px-1.5 py-0.5 font-mono text-xs text-amber-600 hover:bg-amber-500/10 dark:text-amber-400"
+                title={m["admin-ai_prompts_variable_declareHint"]({ name })}
+              >
+                <Plus className="size-3" />
+                {name}
+              </button>
+            ))}
+          </div>
+        </div>
+      )}
+    </div>
+  )
+}

package/src/components/ai-prompts/version-history.tsx

@@ -0,0 +1,157 @@
+// 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/>.
+
+// apps/admin/src/components/ai-prompts/version-history.tsx
+import { useState } from "react"
+import { History, Loader2, RotateCcw } from "lucide-react"
+import { formatTimestamp } from "@allbluecn/web-app/lib/datetime"
+
+import { m } from "@/paraglide/messages.js"
+import { Badge } from "@/components/ui/badge"
+import { Button } from "@/components/ui/button"
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible"
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from "@/components/ui/alert-dialog"
+import type { PromptVersionSummary } from "./prompt-utils"
+
+interface VersionHistoryProps {
+  versions: PromptVersionSummary[]
+  currentVersion: number
+  onRollback: (version: number) => void
+  rollbackPending: boolean
+}
+
+export function VersionHistory({
+  versions,
+  currentVersion,
+  onRollback,
+  rollbackPending,
+}: VersionHistoryProps) {
+  const [rollbackTarget, setRollbackTarget] = useState<number | null>(null)
+
+  return (
+    <Collapsible defaultOpen>
+      <CollapsibleTrigger className="flex w-full items-center gap-2 text-sm font-medium">
+        <History />
+        <span>{m["admin-ai_prompts_versions_title"]()}</span>
+        <Badge variant="secondary" className="ml-auto">
+          {versions.length}
+        </Badge>
+      </CollapsibleTrigger>
+      <CollapsibleContent className="pt-3 space-y-2">
+        <p className="text-xs text-muted-foreground">
+          {m["admin-ai_prompts_versions_hint"]()}
+        </p>
+
+        {versions.length === 0 && (
+          <p className="text-sm text-muted-foreground">
+            {m["admin-ai_prompts_versions_empty"]()}
+          </p>
+        )}
+
+        {versions.map((version) => {
+          const isCurrent = version.version >= currentVersion
+          return (
+            <div
+              key={version.id}
+              className="flex items-center gap-3 rounded-md border border-border p-2.5"
+            >
+              <Badge
+                variant={isCurrent ? "default" : "outline"}
+                className="font-mono shrink-0"
+              >
+                v{version.version}
+              </Badge>
+              <div className="flex-1 min-w-0">
+                <p className="text-sm truncate">
+                  {version.note ||
+                    m["admin-ai_prompts_versions_noNote"]()}
+                </p>
+                <p className="text-xs text-muted-foreground">
+                  {version.createdBy ?? m["admin-ai_prompts_versions_unknownCreator"]()}
+                  {" · "}
+                  {formatTimestamp(version.createdAt)}
+                </p>
+              </div>
+              {isCurrent ? (
+                <span className="text-xs text-muted-foreground shrink-0">
+                  {m["admin-ai_prompts_versions_current"]()}
+                </span>
+              ) : (
+                <Button
+                  type="button"
+                  variant="outline"
+                  size="sm"
+                  className="shrink-0"
+                  disabled={rollbackPending}
+                  onClick={() => setRollbackTarget(version.version)}
+                >
+                  {rollbackPending ? (
+                    <Loader2 className="animate-spin" />
+                  ) : (
+                    <RotateCcw />
+                  )}
+                  {m["admin-ai_prompts_rollback"]()}
+                </Button>
+              )}
+            </div>
+          )
+        })}
+      </CollapsibleContent>
+
+      <AlertDialog open={rollbackTarget !== null} onOpenChange={(open) => { if (!open) setRollbackTarget(null) }}>
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>
+              {m["admin-ai_prompts_rollback_confirm_title"]({
+                version: rollbackTarget ?? 0,
+              })}
+            </AlertDialogTitle>
+            <AlertDialogDescription>
+              {m["admin-ai_prompts_rollback_confirm_description"]({
+                version: rollbackTarget ?? 0,
+              })}
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel>{m.common_common_cancel()}</AlertDialogCancel>
+            <AlertDialogAction
+              disabled={rollbackPending}
+              onClick={() => {
+                if (rollbackTarget !== null) onRollback(rollbackTarget)
+              }}
+            >
+              {m["admin-ai_prompts_rollback_confirm_action"]()}
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+    </Collapsible>
+  )
+}

package/src/components/ai-provider/provider-form.tsx

@@ -21,7 +21,7 @@ import { m } from '@/paraglide/messages.js'
 import { useMutation } from "@tanstack/react-query"
 import { Link, useNavigate, useRouter } from "@tanstack/react-router"
 import { ArrowLeft, Loader2, Save } from "lucide-react"
-import { toast } from '@/components/ui/sonner'
+import { toast } from '@/components/ui/toast'
 import {
   ADAPTER_KINDS,
   PROVIDER_CATEGORIES,
@@ -142,11 +142,9 @@ export function ProviderForm({
   return (
     <div className="mx-auto w-3/5 space-y-6">
       <div className="sticky top-0 z-20 flex items-center gap-2 border-b bg-background pt-6 pb-3">
-        <Button asChild variant="ghost" size="icon">
-          <Link to="/ai-providers" aria-label="返回">
+        <Button render={<Link to="/ai-providers" aria-label="返回" />} variant="ghost" size="icon" nativeButton={false}>
             <ArrowLeft className="size-4" />
-          </Link>
-        </Button>
+          </Button>
         <h2 className="text-lg font-semibold">
           {mode === "create" ? m['admin-ai_form_addProvider']() : m['admin-ai_form_editProvider']()}
         </h2>
@@ -230,7 +228,7 @@ export function ProviderForm({
             </FieldContent>
             <Select
               value={values.category}
-              onValueChange={(v: string) => patch({ category: v as ProviderCategory })}
+              onValueChange={(v) => patch({ category: (v ?? "") as ProviderCategory })}
             >
               <SelectTrigger className="w-40">
                 <SelectValue />
@@ -252,7 +250,7 @@ export function ProviderForm({
             </FieldContent>
             <Select
               value={values.adapterKind}
-              onValueChange={(v: string) => patch({ adapterKind: v as AdapterKind })}
+              onValueChange={(v) => patch({ adapterKind: (v ?? "") as AdapterKind })}
             >
               <SelectTrigger className="w-60">
                 <SelectValue />
@@ -416,9 +414,7 @@ export function ProviderForm({
       </FieldSet>
 
       <div className="sticky bottom-0 z-20 flex items-center justify-end gap-3 border-t bg-background pt-6 pb-6">
-        <Button asChild variant="outline">
-          <Link to="/ai-providers">{m.common_common_cancel()}</Link>
-        </Button>
+        <Button render={<Link to="/ai-providers" />} variant="outline" nativeButton={false}>{m.common_common_cancel()}</Button>
         <Button onClick={handleSubmit} disabled={saveMutation.isPending}>
           {saveMutation.isPending ? (
             <Loader2 className="size-4 animate-spin" data-icon="inline-start" />

package/src/components/ai-provider/provider-table.tsx

@@ -20,8 +20,8 @@ import { useState } from "react"
 import { m } from '@/paraglide/messages.js'
 import { useMutation } from "@tanstack/react-query"
 import { Link, useRouter } from "@tanstack/react-router"
-import { Edit, Plus, Trash2, Users } from "lucide-react"
-import { toast } from '@/components/ui/sonner'
+import { Edit, Plus, RefreshCw, Trash2, Users } from "lucide-react"
+import { toast } from '@/components/ui/toast'
 import { ADAPTER_KINDS, PROVIDER_BADGE_STYLES, type AiProviderRow } from "@allbluecn/kernel"
 import { Button } from "@/components/ui/button"
 import { Switch } from "@/components/ui/switch"
@@ -40,6 +40,7 @@ import { DataTable, type AdminColumnDef } from "@/components/data-table/data-tab
 import { ProviderIcon } from "./provider-icon"
 import { updateAiProviderAdminFn } from "@/server/serverFns/ai-provider/update"
 import { deleteAiProviderAdminFn } from "@/server/serverFns/ai-provider/delete"
+import { seedFromSeedFn } from "@/server/serverFns/ai-provider/seed-from-seed"
 
 const ADAPTER_LABEL_MAP = new Map(ADAPTER_KINDS.map((k) => [k.value, k.label]))
 
@@ -71,6 +72,25 @@ export function ProviderTable({ data }: { data: AiProviderRow[] }) {
       toast.error(err instanceof Error ? err.message : m['admin-ai_table_toast_deleteFailed']()),
   })
 
+  const seedMutation = useMutation({
+    mutationFn: () => seedFromSeedFn({ data: {} }),
+    onSuccess: async (result: { created: string[]; skipped: string[] }) => {
+      if (result.created.length === 0) {
+        toast.info(m['admin-ai_table_toast_seedNoNew']())
+      } else {
+        toast.success(
+          m['admin-ai_table_toast_seedCreated']({
+            created: result.created.length,
+            skipped: result.skipped.length,
+          }),
+        )
+      }
+      await router.invalidate()
+    },
+    onError: (err) =>
+      toast.error(err instanceof Error ? err.message : m['admin-ai_table_toast_seedFailed']()),
+  })
+
   const columns: AdminColumnDef<AiProviderRow>[] = [
     {
       accessorKey: "displayName",
@@ -171,15 +191,11 @@ export function ProviderTable({ data }: { data: AiProviderRow[] }) {
         const canDelete = row.original.configCount === 0
         return (
           <div className="flex items-center gap-1">
-            <Button asChild variant="ghost" size="sm">
-              <Link
-                to="/ai-providers/$id/edit"
-                params={{ id: row.original.id }}
-              >
+            <Button render={<Link to="/ai-providers/$id/edit"
+                params={{ id: row.original.id }} />} variant="ghost" size="sm" nativeButton={false}>
                 <Edit className="size-4" />
                 {m['admin-ai_table_edit']()}
-              </Link>
-            </Button>
+              </Button>
             {canDelete ? (
               <Button
                 variant="ghost"
@@ -216,12 +232,16 @@ export function ProviderTable({ data }: { data: AiProviderRow[] }) {
             {m['admin-ai_table_pageDescription']({ count: data.length })}
           </p>
         </div>
-        <Button asChild>
-          <Link to="/ai-providers/new">
+        <div className="flex items-center gap-2">
+          <Button variant="outline" size="sm" onClick={() => seedMutation.mutate()} disabled={seedMutation.isPending}>
+            <RefreshCw className="size-4" />
+            {m['admin-ai_table_seedFromSeed']()}
+          </Button>
+          <Button render={<Link to="/ai-providers/new" />} nativeButton={false}>
             <Plus className="size-4" />
             {m['admin-ai_table_addProvider']()}
-          </Link>
-        </Button>
+          </Button>
+        </div>
       </div>
       <DataTable columns={columns} data={data} />
 

package/src/components/auth/admin-login-form.tsx

@@ -23,7 +23,7 @@ import { Button } from "@/components/ui/button";
 import { Checkbox } from "@/components/ui/checkbox";
 import { Field, FieldLabel } from "@/components/ui/field";
 import { Card, CardContent } from "@/components/ui/card";
-import { toast } from '@/components/ui/sonner';
+import { toast } from '@/components/ui/toast';
 import { UserAvatar } from "@allbluecn/web-app/user-avatar";
 import type { AvatarConfig, ShapeType } from "@allbluecn/kernel";
 import { AuthLayout, AuthLayoutLeft, AuthLayoutRight } from "@/components/auth/auth-layout";

package/src/components/component/component-form-dialog.tsx

@@ -38,7 +38,7 @@ import {
 } from '@/components/ui/dialog'
 import { getComponent, ComponentPreview } from '@allbluecn/web-app/prototype'
 import { createComponentFn, updateComponentFn } from '@/server/serverFns/components/mutations'
-import { toast } from '@/components/ui/sonner'
+import { toast } from '@/components/ui/toast'
 import type { ComponentItem } from './component-table'
 
 const CATEGORY_KEYS = ['base', 'block', 'template'] as const
@@ -197,7 +197,7 @@ export function ComponentFormDialog({ open, onOpenChange, component, onSuccess }
                     <Input value={String(val)} onChange={(e: React.ChangeEvent<HTMLInputElement>) => setVal(e.target.value)} className="font-mono text-xs" />
                   </div>
                 ) : prop.type === 'select' && prop.options ? (
-                  <Select value={String(val)} onValueChange={setVal}>
+                  <Select value={String(val)} onValueChange={(v) => setVal(v ?? "")}>
                     <SelectTrigger className="w-full"><SelectValue /></SelectTrigger>
                     <SelectContent>
                       {prop.options.map((o) => (
@@ -257,7 +257,7 @@ export function ComponentFormDialog({ open, onOpenChange, component, onSuccess }
 
             <div className="space-y-1.5">
               <Label>{m.common_component_form_category()}</Label>
-              <Select value={category} onValueChange={setCategory}>
+              <Select value={category} onValueChange={(v) => setCategory(v ?? "")}>
                 <SelectTrigger className="w-full">
                   <SelectValue />
                 </SelectTrigger>
@@ -271,7 +271,7 @@ export function ComponentFormDialog({ open, onOpenChange, component, onSuccess }
 
             <div className="space-y-1.5">
               <Label>{m.common_component_form_type()}</Label>
-              <Select value={type} onValueChange={setType}>
+              <Select value={type} onValueChange={(v) => setType(v ?? "")}>
                 <SelectTrigger className="w-full">
                   <SelectValue />
                 </SelectTrigger>

package/src/components/component/component-import-dialog.tsx

@@ -35,7 +35,7 @@ import {
   DialogTitle,
 } from '@/components/ui/dialog'
 import { importComponentFn } from '@/server/serverFns/components/import'
-import { toast } from '@/components/ui/sonner'
+import { toast } from '@/components/ui/toast'
 import { Loader2, Sparkles } from 'lucide-react'
 import { cn } from '@/lib/utils'
 
@@ -207,7 +207,7 @@ export function ComponentImportDialog({ open, onOpenChange, onSuccess }: Compone
             </div>
             <div className="space-y-1.5">
               <Label>分类</Label>
-              <Select value={category} onValueChange={setCategory}>
+              <Select value={category} onValueChange={(v) => setCategory(v ?? "")}>
                 <SelectTrigger className="w-full">
                   <SelectValue />
                 </SelectTrigger>

package/src/components/dependency/changelog-dialog.tsx

@@ -40,12 +40,10 @@ export function ChangelogDialog({ row }: { row: ThirdPartyDependencyRow }) {
 
   return (
     <Dialog open={open} onOpenChange={setOpen}>
-      <DialogTrigger asChild>
-        <Button size="sm" variant="ghost" className="h-7 gap-1 px-2" title={m.common_dependency_table_cell_viewChangelog()}>
+      <DialogTrigger render={<Button size="sm" variant="ghost" className="h-7 gap-1 px-2" title={m.common_dependency_table_cell_viewChangelog()} />}>
           <FileText className="size-3.5" />
           <span className="text-xs">{m.common_dependency_table_cell_changelogBtn()}</span>
-        </Button>
-      </DialogTrigger>
+        </DialogTrigger>
       <DialogContent className="max-h-[85vh] w-200 max-w-4xl overflow-hidden p-0">
         <DialogHeader className="border-b px-5 py-3">
           <div className="flex items-center justify-between gap-2 pr-6">

package/src/components/dependency/columns.tsx

@@ -128,11 +128,9 @@ export function getDependencyColumns(opts: ColumnOpts): ColumnDef<typeof depende
         if (!desc) return <span className="text-xs text-muted-foreground">—</span>
         return (
           <Tooltip>
-            <TooltipTrigger asChild>
-              <span className="line-clamp-2 max-w-[280px] text-xs text-muted-foreground">
+            <TooltipTrigger render={<span className="line-clamp-2 max-w-[280px] text-xs text-muted-foreground" />}>
                 {desc}
-              </span>
-            </TooltipTrigger>
+              </TooltipTrigger>
             <TooltipContent className="max-w-sm">{desc}</TooltipContent>
           </Tooltip>
         )
@@ -156,11 +154,9 @@ export function getDependencyColumns(opts: ColumnOpts): ColumnDef<typeof depende
         if (r.usages.length > 1) {
           return (
             <Tooltip>
-              <TooltipTrigger asChild>
-                <span className="cursor-help border-b border-dashed border-muted-foreground/50">
+              <TooltipTrigger render={<span className="cursor-help border-b border-dashed border-muted-foreground/50" />}>
                   {r.currentVersion}
-                </span>
-              </TooltipTrigger>
+                </TooltipTrigger>
               <TooltipContent>
                 <div className="space-y-0.5 text-xs">
                   {r.usages.map((u) => (