@allbluecn/web-app 0.5.0 → 0.6.0

package/src/routes/_nav/projects/$projectId/iterations/index.lazy.tsx

@@ -0,0 +1,111 @@
+// 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 { createLazyFileRoute, Link, useLoaderData, useRouter } from "@tanstack/react-router";
+import { useTranslation } from "react-i18next";
+import { CalendarRange, Plus, Settings } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { PlaceholderPage } from "@/components/shared/placeholder-page";
+import { IterationCard } from "@/components/iteration/iteration-card";
+import { CreateIterationDialog } from "@/components/iteration/create-iteration-dialog";
+import { AutoScheduleDialog } from "@/components/iteration/auto-schedule-dialog";
+import { listIterationsFn } from "@/server/serverFns/iteration";
+import type { IterationSummary } from "@/server/serverFns/iteration/schemas";
+
+export const Route = createLazyFileRoute("/_nav/projects/$projectId/iterations/")({
+  component: IterationsPage,
+});
+
+function IterationsPage() {
+  const { t } = useTranslation("iterations");
+  const router = useRouter();
+  const { items } = useLoaderData({ from: "/_nav/projects/$projectId/iterations/" });
+  const projectId = Route.useParams().projectId;
+  const [dialogOpen, setDialogOpen] = useState(false);
+  const [scheduleOpen, setScheduleOpen] = useState(false);
+
+  const active = items.filter((i) => i.status === "active").sort((a, b) => a.startDate.localeCompare(b.startDate));
+  const upcoming = items.filter((i) => i.status === "upcoming").sort((a, b) => a.startDate.localeCompare(b.startDate));
+  const completed = items.filter((i) => i.status === "completed").sort((a, b) => b.startDate.localeCompare(a.startDate)).slice(0, 8);
+
+  const groups = [
+    { title: t("group.active"), items: active },
+    { title: t("group.upcoming"), items: upcoming },
+    { title: t("group.completed"), items: completed },
+  ].filter((g) => g.items.length > 0);
+
+  return (
+    <div className="h-full overflow-y-auto">
+      <div className="mx-auto max-w-4xl px-6 py-6">
+        <div className="mb-6 flex items-center justify-between">
+          <Link
+            to="/projects/$projectId"
+            params={{ projectId }}
+            className="text-sm text-muted-foreground hover:text-foreground"
+          >
+            ← {t("title")}
+          </Link>
+          <div className="flex items-center gap-2">
+            <Button variant="outline" size="sm" onClick={() => setScheduleOpen(true)}>
+              <Settings className="mr-1 size-4" />
+              {t("actions.autoSchedule")}
+            </Button>
+            <Button size="sm" onClick={() => setDialogOpen(true)}>
+              <Plus className="mr-1 size-4" />
+              {t("actions.create")}
+            </Button>
+          </div>
+        </div>
+
+        {groups.length === 0 ? (
+          <PlaceholderPage
+            title={t("empty.title")}
+            description={t("empty.description")}
+            icon={CalendarRange}
+          />
+        ) : (
+          <div className="space-y-8">
+            {groups.map((group) => (
+              <div key={group.title}>
+                <h2 className="mb-3 text-sm font-semibold text-muted-foreground">{group.title}</h2>
+                <div className="grid gap-3 sm:grid-cols-2">
+                  {group.items.map((item) => (
+                    <IterationCard key={item.id} item={item} projectId={projectId} />
+                  ))}
+                </div>
+              </div>
+            ))}
+          </div>
+        )}
+      </div>
+
+      <CreateIterationDialog
+        open={dialogOpen}
+        onOpenChange={setDialogOpen}
+        projectId={projectId}
+        onSaved={() => void router.invalidate()}
+      />
+      <AutoScheduleDialog
+        open={scheduleOpen}
+        onOpenChange={setScheduleOpen}
+        projectId={projectId}
+        onSaved={() => void router.invalidate()}
+      />
+    </div>
+  );
+}

package/src/routes/_nav/projects/$projectId/iterations/index.tsx

@@ -0,0 +1,24 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+// AllBlue - 理想之海
+// Copyright (C) 2026 AllBlue Contributors
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+import { createFileRoute } from "@tanstack/react-router";
+import { listIterationsFn } from "@/server/serverFns/iteration";
+
+export const Route = createFileRoute("/_nav/projects/$projectId/iterations/")({
+  loader: async ({ params }) =>
+    listIterationsFn({ data: { projectId: params.projectId, includeArchived: false } }),
+});

package/src/routes/_nav/projects/$projectId/route.tsx

@@ -21,16 +21,18 @@ import {
   listProjectMembersFn,
   listProjectActivitiesFn,
 } from "@/server/serverFns/project";
+import { getModuleOverviewFn } from "@/server/serverFns/project/module-overview";
 
 export const Route = createFileRoute("/_nav/projects/$projectId")({
   loader: async ({ params }) => {
-    const [project, members, activities] = await Promise.all([
+    const [project, members, activities, moduleOverview] = await Promise.all([
       getProjectDetailFn({ data: { projectId: params.projectId } }),
       listProjectMembersFn({ data: { projectId: params.projectId } }),
       listProjectActivitiesFn({
         data: { projectId: params.projectId, take: 15 },
       }),
+      getModuleOverviewFn({ data: { projectId: params.projectId } }),
     ]);
-    return { project, members, activities };
+    return { project, members, activities, moduleOverview };
   },
 });

package/src/routes/_nav/projects/$projectId/settings/route.lazy.tsx

@@ -19,19 +19,21 @@ import { createLazyFileRoute, Link } from "@tanstack/react-router";
 import { useRouter } from "@tanstack/react-router";
 import { useTranslation } from "react-i18next";
 import { useEffect, useState } from "react";
-import { ArrowLeft, Loader2 } from "lucide-react";
+import { ArrowLeft, BookOpenText, Loader2 } from "lucide-react";
 import { toast } from '@/components/ui/sonner';
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Textarea } from "@/components/ui/textarea";
 import { Label } from "@/components/ui/label";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { IconPicker } from "@/components/shared/icon-picker";
-import { PROJECT_ICONS } from "@/components/shared/icon-packs/project";
+import { Checkbox } from "@/components/ui/checkbox";
+import { Badge } from "@/components/ui/badge";
+import { LucideIconPicker } from "@/components/shared/lucide-icon-picker";
+
 import { NameConfirmDialog } from "@/components/shared/name-confirm-dialog";
 import { ProjectMemberManager } from "@/components/project/project-member-manager";
 import { extractDisplayId, validateDisplayId } from "@/lib/project-display-id";
-import { checkDisplayIdAvailableFn, updateProjectFn, deleteProjectFn } from "@/server/serverFns/project";
+import { checkDisplayIdAvailableFn, updateProjectFn, deleteProjectFn, setProjectKbsFn } from "@/server/serverFns/project";
 import { useTimezone } from "@/providers/timezone-provider";
 import { TimezoneSelect } from "@/components/shared/timezone-select";
 import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
@@ -39,7 +41,7 @@ import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
 function ProjectSettingsPage() {
   const { t } = useTranslation('projects');
   const router = useRouter();
-  const { project, members } = Route.useLoaderData();
+  const { project, members, linkedKbIds, candidateKbs } = Route.useLoaderData();
   const session = Route.useRouteContext({ select: (c) => c.session });
   const currentUserId = session?.user?.id;
   const currentUserRole =
@@ -57,6 +59,8 @@ function ProjectSettingsPage() {
   const [projectTimezone, setProjectTimezone] = useState(project.timezone ?? "");
   const [saving, setSaving] = useState(false);
   const [deleteOpen, setDeleteOpen] = useState(false);
+  const [kbChecked, setKbChecked] = useState<Set<string>>(() => new Set(linkedKbIds));
+  const [savingKbs, setSavingKbs] = useState(false);
   const [deleteMode, setDeleteMode] = useState<"transfer" | "clear">("transfer");
   const userTimezone = useTimezone();
 
@@ -102,6 +106,18 @@ function ProjectSettingsPage() {
     }
   };
 
+  const saveKbs = async () => {
+    setSavingKbs(true);
+    try {
+      await setProjectKbsFn({ data: { projectId: project.id, kbIds: [...kbChecked] } });
+      toast.success(t('settings.kbSection.saved'));
+    } catch (err) {
+      toast.error((err as Error).message || t('settings.kbSection.saveFailed'));
+    } finally {
+      setSavingKbs(false);
+    }
+  };
+
   const handleDelete = async (mode: "transfer" | "clear") => {
     try {
       await deleteProjectFn({ data: { projectId: project.id, mode } })
@@ -133,9 +149,9 @@ function ProjectSettingsPage() {
               <CardTitle>{t('settings.basicInfo')}</CardTitle>
             </CardHeader>
             <CardContent className="space-y-5">
-              <div className="flex flex-col gap-3">
+              <div className="flex items-center gap-3">
                 <Label>{t('settings.projectIcon')}</Label>
-                <IconPicker icons={PROJECT_ICONS} value={icon} onChange={setIcon} />
+                <LucideIconPicker value={icon} onChange={setIcon} />
               </div>
               <div className="grid gap-2">
                 <Label htmlFor="project-name">{t('settings.projectName')}</Label>
@@ -225,6 +241,61 @@ function ProjectSettingsPage() {
           </Card>
         )}
 
+        <Card className="mb-6">
+          <CardHeader>
+            <CardTitle>{t('settings.kbSection.title')}</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <p className="mb-3 text-sm text-muted-foreground">
+              {t('settings.kbSection.desc')}
+            </p>
+            {candidateKbs.filter((kb) => kb.visibility !== 'private').length === 0 && (
+              <p className="text-sm text-muted-foreground">{t('settings.kbSection.empty')}</p>
+            )}
+            <div className="flex flex-col gap-2">
+              {candidateKbs
+                .filter((kb) => kb.visibility !== 'private')
+                .map((kb) => {
+                  const isGeneral = kb.visibility === 'general';
+                  return (
+                    <label
+                      key={kb.id}
+                      className={`flex items-center gap-2 rounded-md border px-3 py-2 text-sm ${
+                        isGeneral ? 'opacity-60' : 'cursor-pointer'
+                      }`}
+                    >
+                      <Checkbox
+                        checked={isGeneral ? false : kbChecked.has(kb.id)}
+                        disabled={isGeneral}
+                        onCheckedChange={(v) =>
+                          setKbChecked((prev) => {
+                            const next = new Set(prev);
+                            if (v) next.add(kb.id);
+                            else next.delete(kb.id);
+                            return next;
+                          })
+                        }
+                      />
+                      <BookOpenText className="size-4 text-muted-foreground" />
+                      <span className="flex-1">{kb.name}</span>
+                      {isGeneral ? (
+                        <span className="text-xs text-muted-foreground">
+                          {t('settings.kbSection.generalDisabled')}
+                        </span>
+                      ) : (
+                        <Badge variant="outline" className="text-xs">{t('knowledge:toolbar.team')}</Badge>
+                      )}
+                    </label>
+                  );
+                })}
+            </div>
+            <Button onClick={saveKbs} disabled={savingKbs} className="mt-3">
+              {savingKbs ? <Loader2 className="mr-2 size-4 animate-spin" /> : null}
+              {t('settings.kbSection.save')}
+            </Button>
+          </CardContent>
+        </Card>
+
         <Card className="mb-6">
           <CardHeader>
             <CardTitle>{t('settings.members')}</CardTitle>

package/src/routes/_nav/projects/$projectId/settings/route.tsx

@@ -19,14 +19,18 @@ import { createFileRoute } from "@tanstack/react-router";
 import {
   getProjectDetailFn,
   listProjectMembersFn,
+  listProjectKbsFn,
 } from "@/server/serverFns/project";
+import { listKnowledgeFn } from "@/server/serverFns/knowledge";
 
 export const Route = createFileRoute("/_nav/projects/$projectId/settings")({
   loader: async ({ params }) => {
-    const [project, members] = await Promise.all([
+    const [project, members, linkedKbs, myKbs] = await Promise.all([
       getProjectDetailFn({ data: { projectId: params.projectId } }),
       listProjectMembersFn({ data: { projectId: params.projectId } }),
+      listProjectKbsFn({ data: { projectId: params.projectId } }),
+      listKnowledgeFn({ data: {} }),
     ]);
-    return { project, members };
+    return { project, members, linkedKbIds: linkedKbs.map((k) => k.id), candidateKbs: myKbs };
   },
 });

package/src/routes/_nav/stories/$storyId/route.lazy.tsx

@@ -23,7 +23,7 @@ import { StoryDetailBody } from "@/components/story/detail/story-detail-body";
 import { StoryPanelHeader } from "@/components/story/story-panel-header";
 
 function StoryDetailPage() {
-  const { story, users, comments, activities, neighbors, projects, labels, stories, relationsData } = Route.useLoaderData();
+  const { story, users, comments, activities, neighbors, projects, labels, stories, relationsData, iterations } = Route.useLoaderData();
   const currentUserId = Route.useRouteContext().session?.user?.id;
   const [storyState, setStoryState] = useState<StoryDetail>(story);
   const [activitiesState, setActivitiesState] = useState<ActivityItem[]>(activities);
@@ -49,6 +49,7 @@ function StoryDetailPage() {
       labels={labels}
       stories={stories}
       relationsData={relationsState}
+      iterations={iterations}
       onStoryUpdate={(s) => setStoryState(s)}
       onAppendActivities={(items) => setActivitiesState((prev) => [...items, ...prev])}
       onRelationsUpdate={(next) => setRelationsState(typeof next === "function" ? next(relationsState) : next)}
@@ -68,6 +69,7 @@ function StoryDetailContent({
   labels,
   stories,
   relationsData,
+  iterations,
   onStoryUpdate,
   onAppendActivities,
   onRelationsUpdate,
@@ -82,6 +84,7 @@ function StoryDetailContent({
   labels: { id: string; name: string; color: string }[];
   stories: { id: string; identifier: string; name: string; state: StoryState }[];
   relationsData: RelationsData;
+  iterations: import("@/server/serverFns/iteration/schemas").IterationSummary[];
   onStoryUpdate: (s: StoryDetail) => void;
   onAppendActivities: (items: ActivityItem[]) => void;
   onRelationsUpdate: (next: RelationsData | ((prev: RelationsData) => RelationsData)) => void;
@@ -123,6 +126,7 @@ function StoryDetailContent({
         stories={stories}
         projects={projects}
         relationsData={relationsData}
+        iterations={iterations}
         onRelationsUpdate={onRelationsUpdate}
         onStoryUpdate={onStoryUpdate}
         onAppendActivities={onAppendActivities}

package/src/routes/_nav/stories/$storyId/route.tsx

@@ -33,6 +33,7 @@ import {
   getLinkedDocsFn,
 } from "@/server/serverFns/story";
 import { listProjectsBriefFn } from "@/server/serverFns/project";
+import { listIterationsFn } from "@/server/serverFns/iteration";
 import type { RelationsData, StoryListItem } from "@/components/story/types";
 
 function StoryDetailSkeleton() {
@@ -98,6 +99,7 @@ export const Route = createFileRoute("/_nav/stories/$storyId")({
       attachments,
       prds,
       docs,
+      iterationsResult,
     ] = await Promise.all([
       listUsersBriefFn({ data: story.projectId ? { projectId: story.projectId } : undefined }),
       listCommentsFn({ data: { storyId: params.storyId } }),
@@ -112,6 +114,7 @@ export const Route = createFileRoute("/_nav/stories/$storyId")({
       getAttachmentsFn({ data: { storyId: params.storyId } }),
       getLinkedPrdsFn({ data: { storyId: params.storyId } }),
       getLinkedDocsFn({ data: { storyId: params.storyId } }),
+      story.projectId ? listIterationsFn({ data: { projectId: story.projectId, includeArchived: false } }) : Promise.resolve({ items: [] }),
     ]);
 
     const relationsData: RelationsData = {
@@ -136,6 +139,7 @@ export const Route = createFileRoute("/_nav/stories/$storyId")({
       labels,
       stories: storiesResult.items,
       relationsData,
+      iterations: iterationsResult.items,
     };
   },
   pendingComponent: StoryDetailSkeleton,

package/src/routes/_nav/tags/$id/route.tsx

@@ -0,0 +1,8 @@
+// AUTO-GENERATED by @allbluecn/kernel — DO NOT EDIT
+import { createFileRoute } from '@tanstack/react-router'
+import type { PluginRouteContext } from '@allbluecn/kernel'
+import { tags_route_2 } from '@allbluecn/plugins-core/tags/routes'
+
+export const Route = createFileRoute('/_nav/tags/$id')({
+  component: tags_route_2.Component as any,
+})

package/src/routes/_nav/tags/index.tsx

@@ -0,0 +1,8 @@
+// AUTO-GENERATED by @allbluecn/kernel — DO NOT EDIT
+import { createFileRoute } from '@tanstack/react-router'
+import type { PluginRouteContext } from '@allbluecn/kernel'
+import { tags_route_1 } from '@allbluecn/plugins-core/tags/routes'
+
+export const Route = createFileRoute('/_nav/tags/')({
+  component: tags_route_1.Component as any,
+})

package/src/routes/_nav/tags/route.tsx

@@ -0,0 +1,8 @@
+// AUTO-GENERATED by @allbluecn/kernel — DO NOT EDIT
+import { createFileRoute } from '@tanstack/react-router'
+import type { PluginRouteContext } from '@allbluecn/kernel'
+import { tags_route_0 } from '@allbluecn/plugins-core/tags/routes'
+
+export const Route = createFileRoute('/_nav/tags')({
+  component: tags_route_0.Component as any,
+})

package/src/routes/_nav/tags/settings/route.tsx

@@ -0,0 +1,9 @@
+// AUTO-GENERATED by @allbluecn/kernel — DO NOT EDIT
+import { createFileRoute } from '@tanstack/react-router'
+import type { PluginRouteContext } from '@allbluecn/kernel'
+import { tags_route_3 } from '@allbluecn/plugins-core/tags/routes'
+
+export const Route = createFileRoute('/_nav/tags/settings')({
+  loader: ((ctx: PluginRouteContext) => tags_route_3.loader(ctx)) as any,
+  component: tags_route_3.Component as any,
+})

package/src/routes/_nav/workspaces/$workspaceId/route.lazy.tsx

@@ -23,7 +23,7 @@ import { useTranslation } from "react-i18next";
 import { Button } from "@/components/ui/button";
 import { Card } from "@/components/ui/card";
 import { GlyphMatrix } from "@/components/magicui/glyph-matrix";
-import { ProjectIconDisplay } from "@/components/project/project-icon";
+import { LucideIconByName } from "@/components/shared/lucide-icon-picker/lucide-icon-by-name";
 import { CreateProjectDialog } from "@/components/project/create-project-dialog";
 
 type DetailData = ReturnType<typeof import("@/server/serverFns/workspace")["getWorkspaceDetailFn"]> extends Promise<infer T>
@@ -52,7 +52,7 @@ function WorkspaceDetailPage() {
       <div className="relative z-10 mx-auto max-w-6xl px-6 py-6">
         <div className="flex flex-col items-center text-center py-10 mb-8">
           <div className="flex size-16 items-center justify-center rounded-xl bg-primary/10 mb-4">
-            <ProjectIconDisplay name={workspace.icon} size={32} className="text-primary" />
+            <LucideIconByName name={workspace.icon} size={32} className="text-primary" />
           </div>
           <div className="flex items-center justify-center gap-3">
             <h1 className="text-2xl font-semibold">{workspace.name}</h1>
@@ -105,7 +105,7 @@ function WorkspaceDetailPage() {
                 />
                 <div className="flex items-start justify-between">
                   <div className="flex size-10 items-center justify-center rounded-lg bg-primary/10">
-                    <ProjectIconDisplay name={project.icon} size={20} />
+                    <LucideIconByName name={project.icon} size={20} />
                   </div>
                 </div>
                 <h3 className="mt-4 font-medium text-lg">{project.name}</h3>

package/src/routes/_nav/workspaces/$workspaceId/settings/route.lazy.tsx

@@ -26,8 +26,8 @@ import { Input } from "@/components/ui/input";
 import { Textarea } from "@/components/ui/textarea";
 import { Label } from "@/components/ui/label";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { IconPicker } from "@/components/shared/icon-picker";
-import { PROJECT_ICONS } from "@/components/shared/icon-packs/project";
+import { LucideIconPicker } from "@/components/shared/lucide-icon-picker";
+
 import { NameConfirmDialog } from "@/components/shared/name-confirm-dialog";
 import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
 import {
@@ -121,9 +121,9 @@ function WorkspaceSettingsPage() {
               <CardTitle>{t("settings.basicInfo")}</CardTitle>
             </CardHeader>
             <CardContent className="space-y-5">
-              <div className="flex flex-col gap-3">
+              <div className="flex items-center gap-3">
                 <Label>{t("settings.icon")}</Label>
-                <IconPicker icons={PROJECT_ICONS} value={icon} onChange={setIcon} />
+                <LucideIconPicker value={icon} onChange={setIcon} />
               </div>
               <div className="grid gap-2">
                 <Label htmlFor="ws-name">{t("settings.nameLabel")}</Label>

package/src/routes/_nav/workspaces/index.lazy.tsx

@@ -23,7 +23,7 @@ import { useTranslation } from "react-i18next";
 import { Button } from "@/components/ui/button";
 import { Card } from "@/components/ui/card";
 import { GlyphMatrix } from "@/components/magicui/glyph-matrix";
-import { ProjectIconDisplay } from "@/components/project/project-icon";
+import { LucideIconByName } from "@/components/shared/lucide-icon-picker/lucide-icon-by-name";
 import { CreateWorkspaceDialog } from "@/components/workspace/create-workspace-dialog";
 
 type WorkspaceList = ReturnType<typeof import("@/server/serverFns/workspace")["listWorkspacesFn"]> extends Promise<infer T> ? T : never;
@@ -43,7 +43,7 @@ function WorkspacesIndexPage() {
       <div className="relative z-10 mx-auto max-w-6xl px-6 py-6">
         <div className="relative mb-10 mt-2 flex flex-col items-center py-10 text-center">
           <div className="flex size-14 items-center justify-center rounded-xl bg-primary/10 mb-4">
-            <ProjectIconDisplay name="folder-kanban" size={28} className="text-primary" />
+            <LucideIconByName name="folder-kanban" size={28} className="text-primary" />
           </div>
           <h1 className="text-2xl font-semibold">{t("list.title")}</h1>
           <p className="mt-2 max-w-2xl text-sm text-muted-foreground">
@@ -77,7 +77,7 @@ function WorkspacesIndexPage() {
                 <div className="flex-1">
                   <div className="flex items-start justify-between">
                     <div className="flex size-10 items-center justify-center rounded-lg bg-primary/10">
-                      <ProjectIconDisplay name={workspace.icon} size={20} />
+                      <LucideIconByName name={workspace.icon} size={20} />
                     </div>
                   </div>
                   <h3 className="mt-4 font-medium text-lg">{workspace.name}</h3>

package/src/routes/api/attachments/$id/content.ts

@@ -0,0 +1,60 @@
+// 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 { createFileRoute } from "@tanstack/react-router";
+import { prisma } from "@allbluecn/database";
+import { requireAuth } from "@/server/auth-helpers";
+
+// URL 路径中的文件名不可信，Content-Disposition 用 RFC 5987 filename* 编码
+function contentDisposition(fileName: string): string {
+  const encoded = encodeURIComponent(fileName);
+  return `inline; filename*=UTF-8''${encoded}`;
+}
+
+export const Route = createFileRoute("/api/attachments/$id/content")({
+  server: {
+    handlers: {
+      GET: async ({ request, params }) => {
+        try {
+          await requireAuth(request);
+
+          const attachment = await prisma.storyAttachment.findUnique({
+            where: { id: params.id },
+            select: { fileName: true, mimeType: true, bytes: true },
+          });
+          if (!attachment || !attachment.bytes) {
+            return new Response("Not found", { status: 404 });
+          }
+
+          const body = new Uint8Array(attachment.bytes);
+          return new Response(body, {
+            headers: {
+              "Content-Type": attachment.mimeType || "application/octet-stream",
+              "Content-Length": String(body.byteLength),
+              "Content-Disposition": contentDisposition(attachment.fileName),
+              "Cache-Control": "private, max-age=31536000, immutable",
+            },
+          });
+        } catch (e) {
+          const message = e instanceof Error ? e.message : "读取失败";
+          const status = message === "UNAUTHORIZED" ? 401 : 500;
+          return new Response(message, { status });
+        }
+      },
+    },
+  },
+});