@allbluecn/web-app 0.5.0 → 0.5.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@allbluecn/web-app",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "license": "AGPL-3.0-or-later",
   "type": "module",
   "files": [
@@ -28,6 +28,8 @@
     "@fontsource-variable/geist-mono": "^5.3.0",
     "@iconify/react": "^6.0.2",
     "@lobehub/icons": "^5.16.0",
+    "@open-file-viewer/core": "^0.1.43",
+    "@open-file-viewer/react": "^0.1.43",
     "@prisma/client": "^7.8.0",
     "@radix-ui/react-dialog": "^1.1.23",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
@@ -108,6 +110,8 @@
     "next-themes": "^0.4.6",
     "nitro": "3.0.260603-beta",
     "ogl": "^1.0.11",
+    "open-file-viewer-workspace": "github:xushanpei/open-file-viewer",
+    "pdfjs-dist": "^6.3.289",
     "prisma": "^7.8.0",
     "radix-ui": "^1.4.3",
     "react": "19.2.4",
@@ -127,14 +131,14 @@
     "three": "^0.180.0",
     "tw-animate-css": "^1.4.0",
     "zod": "^4.4.3",
-    "@allbluecn/database": "0.4.15",
+    "@allbluecn/ai-gateway": "0.4.17",
     "@allbluecn/kernel": "0.3.1",
-    "@allbluecn/plugins-core": "0.4.15",
+    "@allbluecn/plugins-core": "0.4.16",
+    "@allbluecn/shared": "0.4.17",
+    "@allbluecn/ui": "0.4.17",
     "@allbluecn/prototype": "0.1.1",
-    "@allbluecn/ai-gateway": "0.4.16",
-    "@allbluecn/shared": "0.4.16",
-    "@allbluecn/tiptap": "0.4.16",
-    "@allbluecn/ui": "0.4.16"
+    "@allbluecn/tiptap": "0.4.17",
+    "@allbluecn/database": "0.4.16"
   },
   "devDependencies": {
     "@babel/parser": "^8.0.4",

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

@@ -72,6 +72,10 @@ import { toast } from '@/components/ui/sonner'
 import { KnowledgeFormDialog } from '@/components/knowledge/dialog/knowledge-form-dialog'
 import { cn } from '@/lib/utils'
 import { useTranslation } from 'react-i18next'
+import { Checkbox } from '@/components/ui/checkbox'
+import { Link as LinkIcon } from 'lucide-react'
+import { listKbProjectsFn, setKbProjectsFn } from '@/server/serverFns/knowledge'
+import { listProjectsBriefFn } from '@/server/serverFns/project'
 
 interface KbData {
   id: string
@@ -116,6 +120,10 @@ export function KnowledgeToolbar({ kb, onUpdate, breadcrumb, docType, treeCollap
   const [createPopover, setCreatePopover] = useState(false)
   const [createType, setCreateType] = useState('doc')
   const [createTitle, setCreateTitle] = useState('')
+  const [projectsDialogOpen, setProjectsDialogOpen] = useState(false)
+  const [projectCandidates, setProjectCandidates] = useState<{ id: string; name: string; icon: string }[]>([])
+  const [projectChecked, setProjectChecked] = useState<Set<string>>(new Set())
+  const [savingProjects, setSavingProjects] = useState(false)
   const createInputRef = useRef<HTMLInputElement>(null)
 
   useEffect(() => {
@@ -148,13 +156,40 @@ export function KnowledgeToolbar({ kb, onUpdate, breadcrumb, docType, treeCollap
     if (value === localVisibility) return
     setLocalVisibility(value)
     try {
-      await updateKnowledgeFn({ data: { id: kb.id, visibility: value as 'private' | 'team' } })
+      await updateKnowledgeFn({ data: { id: kb.id, visibility: value as 'private' | 'team' | 'general' } })
       onUpdate?.()
     } catch (e) {
       console.error('Update visibility failed:', e instanceof Error ? e.message : String(e))
     }
   }
 
+  const openProjectsDialog = async () => {
+    setProjectsDialogOpen(true);
+    try {
+      const [linked, all] = await Promise.all([
+        listKbProjectsFn({ data: { kbId: kb.id } }),
+        listProjectsBriefFn(),
+      ]);
+      setProjectCandidates(all);
+      setProjectChecked(new Set(linked.map((p) => p.id)));
+    } catch {
+      toast.error('加载项目列表失败');
+    }
+  };
+
+  const saveProjects = async () => {
+    setSavingProjects(true);
+    try {
+      await setKbProjectsFn({ data: { kbId: kb.id, projectIds: [...projectChecked] } });
+      toast.success('项目关联已更新');
+      setProjectsDialogOpen(false);
+    } catch (err) {
+      toast.error(err instanceof Error ? err.message : '保存失败');
+    } finally {
+      setSavingProjects(false);
+    }
+  };
+
   const handleDelete = async () => {
     if (deleteConfirm !== kb.name) return
     setDeleting(true)
@@ -426,6 +461,56 @@ export function KnowledgeToolbar({ kb, onUpdate, breadcrumb, docType, treeCollap
         {localVisibility === 'team' ? t('toolbar.team') : t('toolbar.private')}
       </Badge>
 
+      {localVisibility === 'team' && (
+        <Button
+          variant="ghost"
+          size="sm"
+          className="h-7 gap-1.5 px-2.5 text-xs font-normal hover:bg-muted rounded-md shrink-0"
+          onClick={openProjectsDialog}
+        >
+          <LinkIcon className="size-3.5 text-muted-foreground" />
+          {t('toolbar.linkProjects')}
+        </Button>
+      )}
+
+      {localVisibility === 'general' && (
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button
+              variant="ghost"
+              size="sm"
+              className="h-7 gap-1.5 px-2.5 text-xs font-normal hover:bg-muted rounded-md shrink-0"
+              disabled
+            >
+              <LinkIcon className="size-3.5 text-muted-foreground" />
+              {t('toolbar.linkProjects')}
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent>
+            <p>{t('toolbar.generalLinkDisabled')}</p>
+          </TooltipContent>
+        </Tooltip>
+      )}
+
+      {localVisibility === 'private' && (
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button
+              variant="ghost"
+              size="sm"
+              className="h-7 gap-1.5 px-2.5 text-xs font-normal hover:bg-muted rounded-md shrink-0"
+              disabled
+            >
+              <LinkIcon className="size-3.5 text-muted-foreground" />
+              {t('toolbar.linkProjects')}
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent>
+            <p>{t('toolbar.privateLinkDisabled')}</p>
+          </TooltipContent>
+        </Tooltip>
+      )}
+
       <div className="ml-auto">
         <DropdownMenu>
           <DropdownMenuTrigger asChild>
@@ -544,6 +629,44 @@ export function KnowledgeToolbar({ kb, onUpdate, breadcrumb, docType, treeCollap
         kb={{ id: kb.id, name: kb.name, description: kb.description ?? null, icon: kb.icon ?? 'notebook' }}
         onSuccess={onUpdate}
       />
+
+      <Dialog open={projectsDialogOpen} onOpenChange={setProjectsDialogOpen}>
+        <DialogContent className="sm:max-w-260 -mt-50">
+          <DialogHeader>
+            <DialogTitle>{t('toolbar.linkProjects')}</DialogTitle>
+          </DialogHeader>
+          <div className="flex flex-col gap-2 max-h-96 overflow-y-auto">
+            {projectCandidates.length === 0 ? (
+              <p className="text-sm text-muted-foreground">暂无项目</p>
+            ) : (
+              projectCandidates.map((proj) => (
+                <label key={proj.id} className="flex items-center gap-2 rounded-md border px-3 py-2 text-sm cursor-pointer">
+                  <Checkbox
+                    checked={projectChecked.has(proj.id)}
+                    onCheckedChange={(v) =>
+                      setProjectChecked((prev) => {
+                        const next = new Set(prev);
+                        if (v) next.add(proj.id);
+                        else next.delete(proj.id);
+                        return next;
+                      })
+                    }
+                  />
+                  <span className="flex-1">{proj.name}</span>
+                </label>
+              ))
+            )}
+          </div>
+          <DialogFooter>
+            <Button variant="outline" onClick={() => setProjectsDialogOpen(false)}>
+              {t('knowledge:toolbar.cancel')}
+            </Button>
+            <Button onClick={saveProjects} disabled={savingProjects}>
+              {savingProjects ? '保存中...' : t('settings.kbSection.save')}
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
     </div>
   )
 }

package/src/components/story/constants.ts

@@ -15,7 +15,7 @@
 // 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 { GitPullRequestArrow, CircleFadingArrowUp, Repeat2, CalendarPlus2, Hash, MessageCircleCheck, RefreshCcwDot, CircleFadingPlus, CircleArrowUp, CircleArrowRight, CircleArrowDown, CircleSlash, CircleDashed, CircleCheckBig, LoaderCircle, CheckCircle2, XCircle, FilePlus, FilePenLine, MessageSquareText, Flag, UserRound, Text, Calendar, CalendarCheck, Tags, TextInitial, Building2, GitBranch, type LucideIcon } from "lucide-react";
+import { GitPullRequestArrow, CircleFadingArrowUp, Repeat2, CalendarPlus2, Hash, MessageCircleCheck, RefreshCcwDot, CircleFadingPlus, CircleArrowUp, CircleArrowRight, CircleArrowDown, CircleSlash, CircleDashed, CircleCheckBig, LoaderCircle, CheckCircle2, XCircle, FilePlus, FilePenLine, MessageSquareText, Flag, UserRound, Text, Calendar, CalendarCheck, Tags, TextInitial, Building2, GitBranch, ListTree, ArrowLeftRight, Link2, Paperclip, BookOpen, type LucideIcon } from "lucide-react";
 import type { DependencyEdgeType, DependencyGroup } from "./types";
 
 export type StoryState = "backlog" | "todo" | "in_progress" | "done" | "cancelled";
@@ -101,6 +101,11 @@ export const ACTIVITY_LABEL: Record<string, string> = {
   project_transferred: "activity.project_transferred",
   parent_changed: "activity.parent_changed",
   parent_removed: "activity.parent_removed",
+  child_added: "activity.child_added",
+  dependency_added: "activity.dependency_added",
+  link_added: "activity.link_added",
+  attachment_added: "activity.attachment_added",
+  kb_linked: "activity.kb_linked",
 };
 
 export const ACTIVITY_ICON: Record<string, LucideIcon> = {
@@ -119,6 +124,11 @@ startDate_changed: CalendarPlus2,
     project_transferred: Repeat2,
     parent_changed: GitPullRequestArrow,
     parent_removed: GitPullRequestArrow,
+    child_added: ListTree,
+    dependency_added: ArrowLeftRight,
+    link_added: Link2,
+    attachment_added: Paperclip,
+    kb_linked: BookOpen,
   };
 
 // ====== 依赖关系常量（对齐 Plane，新模型） ======

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

@@ -63,7 +63,10 @@ interface CreateStoryDialogProps {
   initialState?: string
   initialParentId?: string
   initialProjectId?: string
-  onSuccess?: (story: { id: string; name: string; identifier?: string }) => void
+  onSuccess?: (
+    story: { id: string; name: string; identifier?: string },
+    activities?: import("./types").ActivityItem[],
+  ) => void
 }
 
 export function CreateStoryDialog({
@@ -176,11 +179,14 @@ export function CreateStoryDialog({
       form.reset()
       setDescription({ html: "", markdown: "" })
       if (!continuousCreate) onOpenChange(false)
-      onSuccess?.({
-        id: res.id,
-        name: res.name,
-        identifier: res.identifier,
-      })
+      onSuccess?.(
+        {
+          id: res.id,
+          name: res.name,
+          identifier: res.identifier,
+        },
+        res.activities,
+      )
     } catch (err) {
       setError(err instanceof Error ? err.message : t("create.failed"))
     } finally {

package/src/components/story/detail/__tests__/associated-attachments-panel.test.tsx

@@ -0,0 +1,114 @@
+// 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 { describe, it, expect, vi, beforeEach } from "vitest";
+import React from "react";
+import { render, screen, fireEvent } from "@testing-library/react";
+
+vi.mock("@tanstack/react-start", () => ({
+  useServerFn: (fn: any) => vi.fn().mockImplementation((args: any) => fn(args)),
+}));
+vi.mock("@/server/serverFns/story", () => ({
+  removeLinkFn: vi.fn(async () => ({})),
+  removeAttachmentFn: vi.fn(async () => ({})),
+  unlinkDocFn: vi.fn(async () => ({})),
+  checkLinkEmbeddableFn: vi.fn(async () => ({ embeddable: true })),
+}));
+vi.mock("@/server/serverFns/knowledge", () => ({
+  getDocumentFn: vi.fn(async () => ({ content: { html: "<p>hello</p>", markdown: "hello" } })),
+}));
+vi.mock("sonner", () => ({
+  toast: { success: vi.fn(), error: vi.fn() },
+}));
+vi.mock("@tanstack/react-router", () => ({
+  Link: ({ children, to, params }: any) => React.createElement("a", { href: to, "data-to": to, ...params }, children),
+}));
+
+import { AssociatedAttachmentsPanel } from "../story-detail-toolbar/associated-attachments-panel";
+import type { RelationsData } from "../../types";
+
+const data = {
+  links: [{ id: "l1", url: "https://a.com", title: "站点A", description: null }],
+  attachments: [
+    { id: "a1", fileName: "文件.png", fileSize: 2048, mimeType: "image/png", storageUrl: "/m/1" },
+  ],
+  knowledge: {
+    prds: [],
+    docs: [
+      { id: "d1", title: "知识页", kbId: "kb1", kbName: "团队库", kbIcon: "notebook", docIcon: null, parentId: null },
+    ],
+  },
+} as unknown as RelationsData;
+
+function setup(props?: { data: RelationsData }) {
+  const onOpenDialog = vi.fn();
+  render(
+    <AssociatedAttachmentsPanel
+      storyId="s1"
+      data={props?.data ?? data}
+      onRefresh={vi.fn()}
+      onOpenDialog={onOpenDialog}
+    />,
+  );
+  return { onOpenDialog };
+}
+
+describe("AssociatedAttachmentsPanel", () => {
+  it("三类资源合并渲染，计数 badge 为总数 3，默认列表视图", () => {
+    setup();
+    expect(screen.getByText("关联附件")).toBeInTheDocument();
+    expect(screen.getByText("3")).toBeInTheDocument();
+    expect(screen.getByText("站点A")).toBeInTheDocument();
+    expect(screen.getByText("文件.png")).toBeInTheDocument();
+    expect(screen.getByText("知识页")).toBeInTheDocument();
+    expect(screen.getByText("团队库")).toBeInTheDocument();
+  });
+
+  it("点击预览按钮切换到预览模式，渲染网格布局", () => {
+    setup();
+    fireEvent.click(screen.getByRole("button", { name: "预览" }));
+    expect(screen.getByTestId("associated-items").getAttribute("data-mode")).toBe("preview");
+  });
+
+  it("空数据整面板不渲染", () => {
+    const empty = {
+      links: [],
+      attachments: [],
+      knowledge: { prds: [], docs: [] },
+    } as unknown as RelationsData;
+    const { container } = render(
+      <AssociatedAttachmentsPanel
+        storyId="s1"
+        data={empty}
+        onRefresh={vi.fn()}
+        onOpenDialog={vi.fn()}
+      />,
+    );
+    expect(container.querySelector("[data-testid='associated-panel']")).toBeNull();
+  });
+
+  it("点击编辑链接回调 onOpenDialog('link', link)", () => {
+    const { onOpenDialog } = setup();
+    const editBtns = screen.getAllByRole("button", { name: "编辑" });
+    // 第一个是链接的编辑按钮，第二个是附件的编辑按钮
+    fireEvent.click(editBtns[0]);
+    expect(onOpenDialog).toHaveBeenCalledWith(
+      "link",
+      expect.objectContaining({ id: "l1" }),
+    );
+  });
+});

package/src/components/story/detail/activity-timeline.tsx

@@ -322,11 +322,26 @@ interface ActivityTimelineProps {
   users?: UserBrief[];
 }
 
+/** 关联类 action 集合：描述文案带 {{value}} 插值（对象名或数量） */
+const OBJECT_ACTIVITY_ACTIONS: Record<string, true> = {
+  child_added: true,
+  dependency_added: true,
+  link_added: true,
+  attachment_added: true,
+  kb_linked: true,
+};
+
 function describeActivity(a: ActivityItem, t: TFunction): string {
   if (a.action === "project_transferred" || a.action === "identifier_changed") {
     return t(ACTIVITY_LABEL[a.action] ?? a.action);
   }
 
+  // 关联类动作（添加子需求/依赖/链接/附件/知识库）：newValue 为对象描述或数量，走插值文案
+  if (a.action in OBJECT_ACTIVITY_ACTIONS) {
+    const key = ACTIVITY_LABEL[a.action];
+    return t(key, { value: a.newValue ?? "" });
+  }
+
   const fieldLabel = ACTIVITY_LABEL[a.action] ?? a.action;
 
   if (!a.field) {

package/src/components/story/detail/story-detail-body.tsx

@@ -545,6 +545,7 @@ export function StoryDetailBody({
             projectId={story.projectId}
             data={relationsData}
             onRefresh={onRelationsUpdate ?? (() => { })}
+            onAppendActivities={onAppendActivities}
             users={users}
             projects={projects?.map((p) => ({ ...p, displayId: p.displayId ?? null }))}
             labels={labels}