@allbluecn/web-app 0.4.22 → 0.5.1

package/src/server/serverFns/team.ts

@@ -183,7 +183,7 @@ export const clearExpiredInvitationsFn = createServerFn({ method: 'POST' })
     const session = await requireAuth(request)
     const ownerId = session.user!.id!
     const res = await prisma.teamInvitation.deleteMany({
-      where: { ownerId, status: 'expired' },
+      where: { ownerId, status: 'expired', channel: 'email' },
     })
     await auditLog({
       workspaceId: '',
@@ -279,8 +279,9 @@ export const refreshTeamInvitationLinkFn = createServerFn({ method: 'POST' })
         },
         data: { status: 'invalidated', processedAt: new Date() },
       })
-      await tx.teamInvitation.deleteMany({
+      await tx.teamInvitation.updateMany({
         where: { ownerId, channel: 'link', status: { in: ['pending', 'pending_approval'] } },
+        data: { status: 'revoked' },
       })
       return tx.teamInvitation.create({
         data: {
@@ -493,6 +494,54 @@ export const rejectTeamJoinRequestFn = createServerFn({ method: 'POST' })
     return { success: true }
   })
 
+export const deleteTeamInvitationFn = createServerFn({ method: 'POST' })
+  .validator(revokeSchema)
+  .handler(async ({ data }) => {
+    const request = getRequest()
+    const session = await requireAuth(request)
+    const ownerId = session.user!.id!
+
+    const invRow = await prisma.teamInvitation.findUnique({ where: { id: data.invitationId } })
+    if (!invRow || invRow.ownerId !== ownerId) throw new Error('邀请不存在')
+    // link 渠道行下挂 joinRequest（级联删除），禁止单独删除
+    if (invRow.channel === 'link') throw new Error('链接邀请记录不可删除')
+
+    await prisma.teamInvitation.delete({ where: { id: invRow.id } })
+
+    await auditLog({
+      workspaceId: '',
+      userId: ownerId,
+      resourceType: 'teamInvitation',
+      resourceId: invRow.id,
+      action: 'team.invite.delete',
+      metadata: { email: invRow.email },
+    })
+    return { success: true }
+  })
+
+export const deleteTeamJoinRequestFn = createServerFn({ method: 'POST' })
+  .validator(joinRequestSchema)
+  .handler(async ({ data }) => {
+    const request = getRequest()
+    const session = await requireAuth(request)
+    const ownerId = session.user!.id!
+
+    const reqRow = await prisma.teamJoinRequest.findUnique({ where: { id: data.requestId } })
+    if (!reqRow || reqRow.ownerId !== ownerId) throw new Error('申请不存在')
+
+    await prisma.teamJoinRequest.delete({ where: { id: reqRow.id } })
+
+    await auditLog({
+      workspaceId: '',
+      userId: ownerId,
+      resourceType: 'teamJoinRequest',
+      resourceId: reqRow.id,
+      action: 'team.join.delete',
+      metadata: { email: reqRow.email },
+    })
+    return { success: true }
+  })
+
 export const listTeamUsersFn = createServerFn({ method: 'GET' }).handler(async () => {
   const request = getRequest()
   const session = await requireAuth(request)

package/src/styles/globals.css

@@ -493,3 +493,28 @@ html.theme-transitioning *::after {
   height: 40px !important;
   border-radius: 20px !important;
 }
+
+/* 关联附件预览网格：笔记本4列，大屏(≥1536px)5列；4列时预览高度较矮 */
+.attachment-preview-grid {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  --attachment-preview-h: 18rem;
+  --attachment-preview-h-sub: 9rem;
+}
+@media (min-width: 1536px) {
+  .attachment-preview-grid {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+    /* 5列（大屏）保持原高度（h-96 / h-48） */
+    --attachment-preview-h: 24rem;
+    --attachment-preview-h-sub: 12rem;
+  }
+}
+
+/* open-file-viewer 预览（FilePreview）：插件不支持的命令按钮处于 disabled 态，直接隐藏 */
+.ofv-preview-scope .ofv-toolbar button:disabled {
+  display: none;
+}
+/* open-file-viewer 预览（FilePreview）：默认隐藏 text/code 顶部标题栏，由组件切换类名显隐；
+   音频等类型的标题不隐藏 */
+.ofv-preview-title-hidden .ofv-code-header {
+  display: none;
+}

package/vite.shared.ts

@@ -160,6 +160,8 @@ export function createWebViteConfig(opts: WebViteConfigOptions) {
           '@allblue/devtools',
           '@allbluecn/plugins-core',
           '@allbluecn/tiptap',
+          '@open-file-viewer/core',
+          '@open-file-viewer/react',
         ],
       },
     }

package/src/components/notifications/notification-list.tsx

@@ -1,232 +0,0 @@
-// SPDX-License-Identifier: AGPL-3.0-or-later
-import { useCallback, useState } from 'react'
-import { useInfiniteQuery, useQueryClient } from '@tanstack/react-query'
-import { useNavigate } from '@tanstack/react-router'
-import { useTranslation } from 'react-i18next'
-import { format } from 'date-fns'
-import { zhCN } from 'date-fns/locale'
-import { Bell, CreditCard, MessageSquare, Megaphone, ShieldCheck, Trash2, Users } from 'lucide-react'
-import type { LucideIcon } from 'lucide-react'
-import { Avatar, AvatarFallback } from '@/components/ui/avatar'
-import { Button } from '@/components/ui/button'
-import { Skeleton } from '@/components/ui/skeleton'
-import { cn } from '@/lib/utils'
-import type { NotificationCategory } from '@allbluecn/shared'
-import {
-  deleteNotificationFn,
-  listNotificationsFn,
-  markAllNotificationsReadFn,
-  markNotificationReadFn,
-} from '@/server/serverFns/notifications'
-import {
-  NOTIFICATION_LIST_KEY,
-  NOTIFICATION_UNREAD_KEY,
-} from '@/hooks/use-notifications'
-
-export const CATEGORY_ICONS: Record<NotificationCategory, LucideIcon> & { all: LucideIcon } = {
-  all: Bell,
-  team: Users,
-  collaboration: MessageSquare,
-  system: Megaphone,
-  billing: CreditCard,
-  security: ShieldCheck,
-}
-
-const TABS: { key: 'all' | NotificationCategory; labelKey: string }[] = [
-  { key: 'all', labelKey: 'tabs.all' },
-  { key: 'team', labelKey: 'tabs.team' },
-  { key: 'collaboration', labelKey: 'tabs.collaboration' },
-  { key: 'system', labelKey: 'tabs.system' },
-  { key: 'billing', labelKey: 'tabs.billing' },
-  { key: 'security', labelKey: 'tabs.security' },
-]
-
-export interface NotificationListProps {
-  category?: NotificationCategory
-}
-
-export function NotificationList({ category }: NotificationListProps) {
-  const { t } = useTranslation('notifications')
-  const navigate = useNavigate()
-  const queryClient = useQueryClient()
-  const [activeTab, setActiveTab] = useState<'all' | NotificationCategory>(category ?? 'all')
-
-  const { data, isLoading, fetchNextPage, isFetchingNextPage, hasNextPage } = useInfiniteQuery({
-    queryKey: [...NOTIFICATION_LIST_KEY, activeTab === 'all' ? undefined : activeTab],
-    queryFn: async ({ pageParam }) => {
-      const base = activeTab === 'all' ? {} : { category: activeTab }
-      return listNotificationsFn({
-        data: pageParam ? { ...base, cursor: pageParam } : base,
-      })
-    },
-    initialPageParam: undefined as string | undefined,
-    getNextPageParam: (lastPage) =>
-      lastPage.hasMore ? lastPage.items[lastPage.items.length - 1].id : undefined,
-  })
-
-  const handleMarkRead = useCallback(
-    async (id: string) => {
-      await markNotificationReadFn({ data: { id } })
-      queryClient.invalidateQueries({ queryKey: NOTIFICATION_LIST_KEY })
-      queryClient.invalidateQueries({ queryKey: NOTIFICATION_UNREAD_KEY })
-    },
-    [queryClient]
-  )
-
-  const handleDelete = useCallback(
-    async (id: string, e: React.MouseEvent) => {
-      e.stopPropagation()
-      await deleteNotificationFn({ data: { id } })
-      queryClient.invalidateQueries({ queryKey: NOTIFICATION_LIST_KEY })
-      queryClient.invalidateQueries({ queryKey: NOTIFICATION_UNREAD_KEY })
-    },
-    [queryClient]
-  )
-
-  const handleMarkAll = useCallback(async () => {
-    await markAllNotificationsReadFn({ data: {} })
-    queryClient.invalidateQueries({ queryKey: NOTIFICATION_LIST_KEY })
-    queryClient.invalidateQueries({ queryKey: NOTIFICATION_UNREAD_KEY })
-  }, [queryClient])
-
-  const handleClickItem = useCallback(
-    (item: { id: string; link: string | null; readAt: string | null }) => {
-      if (!item.readAt) {
-        void handleMarkRead(item.id)
-      }
-      if (item.link) {
-        navigate({ to: item.link as never })
-      }
-    },
-    [handleMarkRead, navigate]
-  )
-
-  const formatRelativeTime = (createdAt: string) => {
-    const date = new Date(createdAt)
-    const now = new Date()
-    const diffMs = now.getTime() - date.getTime()
-    const diffMin = Math.floor(diffMs / 60000)
-    const diffHour = Math.floor(diffMs / 3600000)
-    const diffDay = Math.floor(diffMs / 86400000)
-
-    if (diffMin < 1) return t('relativeTime.justNow')
-    if (diffMin < 60) return t('relativeTime.minutesAgo', { count: diffMin })
-    if (diffHour < 24) return t('relativeTime.hoursAgo', { count: diffHour })
-    if (diffDay < 30) return t('relativeTime.daysAgo', { count: diffDay })
-    return format(date, 'MM/dd/yyyy HH:mm', { locale: zhCN })
-  }
-
-  if (isLoading) {
-    return (
-      <div className="flex flex-col gap-3">
-        {Array.from({ length: 5 }).map((_, i) => (
-          <div key={i} className="flex items-center gap-3 rounded-lg border p-3">
-            <Skeleton className="size-9 shrink-0 rounded-full" />
-            <div className="flex-1 space-y-2">
-              <Skeleton className="h-4 w-3/4" />
-              <Skeleton className="h-3 w-1/2" />
-            </div>
-          </div>
-        ))}
-      </div>
-    )
-  }
-
-  const items = data?.pages.flatMap((page) => page.items) ?? []
-  const hasMore = hasNextPage ?? false
-
-  return (
-    <div className="flex flex-col gap-4">
-      <div className="flex items-center justify-between">
-        <div className="flex gap-1">
-          {TABS.map((tab) => {
-            const Icon = CATEGORY_ICONS[tab.key]
-            return (
-              <Button
-                key={tab.key}
-                variant={activeTab === tab.key ? 'secondary' : 'ghost'}
-                size="sm"
-                className="gap-1.5"
-                onClick={() => setActiveTab(tab.key)}
-              >
-                <Icon className="size-4" />
-                {t(tab.labelKey)}
-              </Button>
-            )
-          })}
-        </div>
-        {items.some((item) => !item.readAt) && (
-          <Button variant="ghost" size="sm" onClick={handleMarkAll}>
-            {t('actions.markAllRead')}
-          </Button>
-        )}
-      </div>
-
-      {items.length === 0 ? (
-        <div className="flex flex-col items-center justify-center py-12 text-center">
-          <Bell className="size-12 text-muted-foreground/40" />
-          <p className="mt-2 text-sm text-muted-foreground">
-            {activeTab === 'all' ? t('empty') : t('emptyFiltered')}
-          </p>
-        </div>
-      ) : (
-        <div className="flex flex-col gap-1">
-          {items.map((item) => {
-            const Icon = CATEGORY_ICONS[item.category]
-            const isUnread = !item.readAt
-            return (
-              <div
-                key={item.id}
-                className={cn(
-                  'group flex items-start gap-3 rounded-lg border p-3 transition-colors',
-                  isUnread ? 'bg-muted/30' : 'opacity-70',
-                  'hover:bg-muted/50 cursor-pointer'
-                )}
-                onClick={() => handleClickItem(item)}
-              >
-                <Avatar className="size-9 shrink-0">
-                  <AvatarFallback className="bg-primary/10 text-primary">
-                    <Icon className="size-4" />
-                  </AvatarFallback>
-                </Avatar>
-                <div className="flex min-w-0 flex-1 flex-col gap-0.5">
-                  <div className="flex items-center gap-2">
-                    {isUnread && <span className="size-2 shrink-0 rounded-full bg-primary" />}
-                    <span className={cn('text-sm font-medium', isUnread ? '' : 'text-muted-foreground')}>
-                      {item.title}
-                    </span>
-                    <span className="ml-auto shrink-0 text-xs text-muted-foreground">
-                      {formatRelativeTime(item.createdAt)}
-                    </span>
-                  </div>
-                  {item.body && (
-                    <span className="line-clamp-2 text-xs text-muted-foreground">{item.body}</span>
-                  )}
-                </div>
-                <Button
-                  variant="ghost"
-                  size="icon"
-                  className="size-7 shrink-0 opacity-0 group-hover:opacity-100"
-                  onClick={(e) => handleDelete(item.id, e)}
-                >
-                  <Trash2 className="size-3.5" />
-                </Button>
-              </div>
-            )
-          })}
-          {hasMore && (
-            <Button
-              variant="ghost"
-              size="sm"
-              className="mt-1 mx-auto"
-              onClick={() => void fetchNextPage()}
-              disabled={isFetchingNextPage}
-            >
-              {t('actions.loadMore')}
-            </Button>
-          )}
-        </div>
-      )}
-    </div>
-  )
-}

package/src/components/notifications/notification-preferences.tsx

@@ -1,156 +0,0 @@
-// SPDX-License-Identifier: AGPL-3.0-or-later
-import { useEffect, useState } from 'react'
-import { useQuery, useQueryClient } from '@tanstack/react-query'
-import { useTranslation } from 'react-i18next'
-import { toast } from 'sonner'
-import { useNotifications } from '@/hooks/use-notifications'
-import { getNotificationPreferencesFn, updateNotificationPreferencesFn } from '@/server/serverFns/notifications'
-import type { CategoryPreferences, NotificationCategory, NotificationPreferences } from '@allbluecn/shared'
-
-const CATEGORY_META: { key: NotificationCategory; labelKey: string; descKey: string }[] = [
-  { key: 'team', labelKey: 'preferences.categories.team', descKey: 'preferences.categories.teamDesc' },
-  { key: 'collaboration', labelKey: 'preferences.categories.collaboration', descKey: 'preferences.categories.collaborationDesc' },
-  { key: 'system', labelKey: 'preferences.categories.system', descKey: 'preferences.categories.systemDesc' },
-  { key: 'billing', labelKey: 'preferences.categories.billing', descKey: 'preferences.categories.billingDesc' },
-  { key: 'security', labelKey: 'preferences.categories.security', descKey: 'preferences.categories.securityDesc' },
-]
-
-export function NotificationPreferences() {
-  const { t } = useTranslation('notifications')
-  const queryClient = useQueryClient()
-  const { setUnreadCount } = useNotifications()
-
-  const { data: prefsData, isLoading } = useQuery({
-    queryKey: ['notifications', 'preferences'],
-    queryFn: () => getNotificationPreferencesFn({ data: {} }),
-  })
-
-  const [categories, setCategories] = useState<CategoryPreferences | null>(null)
-  const [dndEnabled, setDndEnabled] = useState(false)
-  const [dndStart, setDndStart] = useState('22:00')
-  const [dndEnd, setDndEnd] = useState('08:00')
-
-  useEffect(() => {
-    if (prefsData) {
-      setCategories(prefsData.categories)
-      setDndEnabled(prefsData.dndEnabled)
-      setDndStart(prefsData.dndStart)
-      setDndEnd(prefsData.dndEnd)
-    }
-  }, [prefsData])
-
-  const save = async () => {
-    if (!categories) return
-    await updateNotificationPreferencesFn({
-      data: {
-        categories,
-        dndEnabled,
-        dndStart,
-        dndEnd,
-      },
-    })
-    queryClient.invalidateQueries({ queryKey: ['notifications', 'preferences'] })
-    toast.success(t('preferences.saved'))
-  }
-
-  const toggleCategory = (key: NotificationCategory) => {
-    setCategories((prev) => (prev ? { ...prev, [key]: !prev[key] } : prev))
-  }
-
-  if (isLoading) {
-    return <div className="space-y-4">{Array.from({ length: 4 }).map((_, i) => <div key={i} className="h-16 rounded-lg border bg-muted/30" />)}</div>
-  }
-
-  return (
-    <div className="space-y-6">
-      <div className="space-y-3">
-        {CATEGORY_META.map((meta) => (
-          <div key={meta.key} className="flex items-center justify-between rounded-lg border p-4">
-            <div className="flex flex-col gap-0.5">
-              <span className="text-sm font-medium">{t(meta.labelKey)}</span>
-              <span className="text-xs text-muted-foreground">{t(meta.descKey)}</span>
-            </div>
-            <button
-              type="button"
-              role="switch"
-              aria-checked={categories?.[meta.key] ?? false}
-              className={
-                'relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors ' +
-                ((categories?.[meta.key] ?? false) ? 'bg-primary' : 'bg-input')
-              }
-              onClick={() => toggleCategory(meta.key)}
-            >
-              <span
-                className={
-                  'pointer-events-none block size-4 translate-x-0.5 rounded-full bg-background shadow ring-0 transition-transform ' +
-                  ((categories?.[meta.key] ?? false) ? 'translate-x-5' : '')
-                }
-              />
-            </button>
-          </div>
-        ))}
-      </div>
-
-      <div className="rounded-lg border p-4 space-y-4">
-        <div className="flex flex-col gap-0.5">
-          <span className="text-sm font-medium">{t('preferences.dnd.title')}</span>
-          <span className="text-xs text-muted-foreground">{t('preferences.dnd.desc')}</span>
-        </div>
-
-        <div className="flex items-center justify-between">
-          <span className="text-sm">{t('preferences.dnd.enabled')}</span>
-          <button
-            type="button"
-            role="switch"
-            aria-checked={dndEnabled}
-            className={
-              'relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors ' +
-              (dndEnabled ? 'bg-primary' : 'bg-input')
-            }
-            onClick={() => setDndEnabled(!dndEnabled)}
-          >
-            <span
-              className={
-                'pointer-events-none block size-4 translate-x-0.5 rounded-full bg-background shadow ring-0 transition-transform ' +
-                (dndEnabled ? 'translate-x-5' : '')
-              }
-            />
-          </button>
-        </div>
-
-        {dndEnabled && (
-          <div className="flex gap-4">
-            <div className="flex-1 space-y-1">
-              <label className="text-xs text-muted-foreground">{t('preferences.dnd.start')}</label>
-              <input
-                type="time"
-                value={dndStart}
-                onChange={(e) => setDndStart(e.target.value)}
-                className="w-full rounded-md border border-input bg-background px-3 py-1.5 text-sm"
-              />
-            </div>
-            <div className="flex-1 space-y-1">
-              <label className="text-xs text-muted-foreground">{t('preferences.dnd.end')}</label>
-              <input
-                type="time"
-                value={dndEnd}
-                onChange={(e) => setDndEnd(e.target.value)}
-                className="w-full rounded-md border border-input bg-background px-3 py-1.5 text-sm"
-              />
-            </div>
-          </div>
-        )}
-      </div>
-
-      <div className="flex justify-end">
-        <button
-          type="button"
-          onClick={save}
-          className="inline-flex items-center justify-center rounded-md text-sm font-medium h-9 px-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90"
-        >
-          {t('actions.save', { defaultValue: '保存' })}
-        </button>
-      </div>
-    </div>
-  )
-}

package/src/components/story/detail/story-detail-toolbar/attachments.tsx

@@ -1,73 +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 { Paperclip } from "lucide-react";
-import { useTranslation } from "react-i18next";
-import { Button } from "@/components/ui/button";
-import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
-import { AttachmentsPanel } from "../../relations/attachments-panel";
-import type { RelationsData } from "../../types";
-
-export function StoryDetailAttachments({
-  storyId,
-  data,
-  onRefresh,
-}: {
-  storyId: string;
-  data: RelationsData;
-  onRefresh: (next: (prev: RelationsData) => RelationsData) => void;
-}) {
-  const { t } = useTranslation("story");
-  const count = data.attachments.length;
-
-  return (
-    <Popover>
-      <PopoverTrigger asChild>
-        <Button
-          variant="ghost"
-          size="sm"
-          className="h-7 gap-1.5 px-2.5 text-xs font-normal hover:bg-muted rounded-md"
-          title={t("relations.uploadAttachment")}
-        >
-          <Paperclip className="size-3.5 text-muted-foreground" />
-          {t("relations.attachment")}
-          {count > 0 && (
-            <span className="ml-0.5 inline-flex min-w-[18px] items-center justify-center rounded-full bg-primary px-1 text-[10px] font-medium text-primary-foreground">
-              {count}
-            </span>
-          )}
-        </Button>
-      </PopoverTrigger>
-      <PopoverContent align="start" className="w-[380px] p-4">
-        <div className="flex items-center justify-between mb-3">
-          <span className="text-sm font-semibold">{t("relations.attachment")}</span>
-          {count > 0 && <span className="text-xs text-muted-foreground">{t("relations.itemCount", { count })}</span>}
-        </div>
-        <AttachmentsPanel
-          storyId={storyId}
-          data={data.attachments}
-          onUpdate={(newAttachments) =>
-            onRefresh((prev) => ({
-              ...prev,
-              attachments: newAttachments,
-            }))
-          }
-        />
-      </PopoverContent>
-    </Popover>
-  );
-}

package/src/components/story/detail/story-detail-toolbar/knowledge.tsx

@@ -1,73 +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 { BookOpenText } from "lucide-react";
-import { useTranslation } from "react-i18next";
-import { Button } from "@/components/ui/button";
-import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
-import { KnowledgePanel } from "../../relations/knowledge-panel";
-import type { RelationsData } from "../../types";
-
-export function StoryDetailKnowledge({
-  storyId,
-  data,
-  onRefresh,
-}: {
-  storyId: string;
-  data: RelationsData;
-  onRefresh: (next: (prev: RelationsData) => RelationsData) => void;
-}) {
-  const { t } = useTranslation("story");
-  const count = data.knowledge.prds.length + data.knowledge.docs.length;
-
-  return (
-    <Popover>
-      <PopoverTrigger asChild>
-        <Button
-          variant="ghost"
-          size="sm"
-          className="h-7 gap-1.5 px-2.5 text-xs font-normal hover:bg-muted rounded-md"
-          title={t("relations.knowledgeTitle")}
-        >
-          <BookOpenText className="size-3.5 text-muted-foreground" />
-          {t("relations.knowledge")}
-          {count > 0 && (
-            <span className="ml-0.5 inline-flex min-w-[18px] items-center justify-center rounded-full bg-primary px-1 text-[10px] font-medium text-primary-foreground">
-              {count}
-            </span>
-          )}
-        </Button>
-      </PopoverTrigger>
-      <PopoverContent align="start" className="w-[380px] p-4">
-        <div className="flex items-center justify-between mb-3">
-          <span className="text-sm font-semibold">{t("relations.knowledge")}</span>
-          {count > 0 && <span className="text-xs text-muted-foreground">{t("relations.itemCount", { count })}</span>}
-        </div>
-        <KnowledgePanel
-          storyId={storyId}
-          data={data.knowledge}
-          onUpdate={(updates) =>
-            onRefresh((prev) => ({
-              ...prev,
-              knowledge: { ...prev.knowledge, ...updates },
-            }))
-          }
-        />
-      </PopoverContent>
-    </Popover>
-  );
-}