@allbluecn/web-app 0.4.15 → 0.4.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@allbluecn/web-app",
-  "version": "0.4.15",
+  "version": "0.4.17",
   "license": "AGPL-3.0-or-later",
   "type": "module",
   "files": [
@@ -135,14 +135,14 @@
     "three": "^0.180.0",
     "tw-animate-css": "^1.4.0",
     "zod": "^4.4.3",
-    "@allbluecn/ai-gateway": "0.4.11",
-    "@allbluecn/database": "0.4.11",
+    "@allbluecn/ai-gateway": "0.4.12",
     "@allbluecn/kernel": "0.3.0",
-    "@allbluecn/plugins-core": "0.4.11",
+    "@allbluecn/database": "0.4.12",
+    "@allbluecn/plugins-core": "0.4.12",
     "@allbluecn/prototype": "0.1.1",
-    "@allbluecn/tiptap": "0.4.11",
-    "@allbluecn/ui": "0.4.11",
-    "@allbluecn/shared": "0.4.11"
+    "@allbluecn/ui": "0.4.12",
+    "@allbluecn/shared": "0.4.12",
+    "@allbluecn/tiptap": "0.4.12"
   },
   "devDependencies": {
     "@babel/parser": "^8.0.4",

package/src/components/changelog/changelog-page.tsx

@@ -19,12 +19,7 @@ import { cn } from '@/lib/utils'
 import { ScrollText, AlertTriangle, ArrowLeft, ChevronDown } from 'lucide-react'
 import ReactMarkdown from 'react-markdown'
 import { useTranslation } from 'react-i18next'
-import { useMemo, useState } from 'react'
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger,
-} from '@/components/ui/collapsible'
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { Route } from '@/routes/_nav/changelog/route'
 import type { DeveloperLogEntry } from '@allbluecn/shared'
 import { SDK_GROUPS } from '@/lib/changelog/sdk-versions'
@@ -36,22 +31,68 @@ const REQUIRES_ACTION_TAGS = new Set(['breaking'])
 
 function ChangelogSidebar() {
   const { t } = useTranslation('common')
-  const [openGroups, setOpenGroups] = useState<Set<string>>(
-    new Set(SDK_GROUPS.map((g) => g.id))
-  )
+  const [activeGroup, setActiveGroup] = useState<string | null>(null)
+  const [isOverflowing, setIsOverflowing] = useState(false)
+  const outerRef = useRef<HTMLDivElement>(null)
+  const isOverflowingRef = useRef(false)
+  const expandedHeightRef = useRef(0)
+
+  const checkOverflow = useCallback(() => {
+    if (!outerRef.current) return
+
+    let isOverflow: boolean
+    if (!isOverflowingRef.current) {
+      // Expanded: trust DOM scrollHeight
+      isOverflow = outerRef.current.scrollHeight > outerRef.current.clientHeight
+      if (isOverflow) {
+        expandedHeightRef.current = outerRef.current.scrollHeight
+      }
+    } else {
+      // Collapsed: compare cached expanded height against container
+      isOverflow = expandedHeightRef.current > outerRef.current.clientHeight
+    }
+
+    if (isOverflow !== isOverflowingRef.current) {
+      isOverflowingRef.current = isOverflow
+      setIsOverflowing(isOverflow)
+      if (isOverflow) setActiveGroup(null)
+    }
+  }, [])
+
+  useEffect(() => {
+    checkOverflow()
+    const ro = new ResizeObserver(checkOverflow)
+    if (outerRef.current) ro.observe(outerRef.current)
+    window.addEventListener('resize', checkOverflow)
+    return () => {
+      ro.disconnect()
+      window.removeEventListener('resize', checkOverflow)
+    }
+  }, [checkOverflow])
+
+  const handleGroupToggle = (groupId: string) => {
+    if (!isOverflowing) return
+    setActiveGroup((prev) => (prev === groupId ? null : groupId))
+  }
 
-  const toggleGroup = (id: string) => {
-    setOpenGroups((prev) => {
-      const next = new Set(prev)
-      next.has(id) ? next.delete(id) : next.add(id)
-      return next
-    })
+  const isGroupOpen = (groupId: string) => {
+    if (!isOverflowing) return true
+    return activeGroup === groupId
   }
 
+  const outerClasses = useMemo(
+    () =>
+      cn(
+        'flex-1 flex flex-col gap-6 justify-center min-h-0',
+        isOverflowing && 'overflow-y-auto'
+      ),
+    [isOverflowing]
+  )
+
   return (
-    <aside className="shrink-0 w-1/2 max-w-130 h-full flex flex-col py-6 pr-12 pl-10 border-r border-border bg-muted/50">
-      <div className="flex-1 flex flex-col gap-6 justify-between min-h-0">
-        <div>
+    <aside className="shrink-0 w-1/2 max-w-130 h-full flex flex-col py-6 pr-12 pl-10 border-r border-border bg-muted/50 overflow-hidden">
+      <div ref={outerRef} className={outerClasses}>
+        <div className="shrink-0">
           <h1 className="text-4xl font-medium tracking-tight">
             {t('changelog.title')}
           </h1>
@@ -60,24 +101,25 @@ function ChangelogSidebar() {
           </p>
         </div>
 
-        <div className="flex flex-col gap-3 min-h-0 flex-1">
-          <h2 className="text-sm font-semibold tracking-tight shrink-0">
+        <div className="flex flex-col gap-3">
+          <h2 className="shrink-0 text-sm font-semibold tracking-tight">
             {t('changelog.sdkVersions')}
           </h2>
-          <div className="flex flex-col gap-3 min-h-0 flex-1">
+          <div className="flex flex-col gap-3">
             {SDK_GROUPS.map((group) => (
               <SdkGroupSection
                 key={group.id}
                 group={group}
                 t={t}
-                open={openGroups.has(group.id)}
-                onToggle={() => toggleGroup(group.id)}
+                open={isGroupOpen(group.id)}
+                onToggle={() => handleGroupToggle(group.id)}
+                isAccordion={isOverflowing}
               />
             ))}
           </div>
         </div>
 
-        <div>
+        <div className="shrink-0">
           <h3 className="text-sm font-semibold tracking-tight">
             {t('changelog.subscribe.title')}
           </h3>
@@ -278,21 +320,23 @@ function SdkGroupSection({
   t,
   open,
   onToggle,
+  isAccordion,
 }: {
   group: (typeof SDK_GROUPS)[0]
   t: (key: string) => string
   open: boolean
   onToggle: () => void
+  isAccordion: boolean
 }) {
   const isTanstack = group.id === 'tanstack'
 
   return (
-    <Collapsible
-      open={open}
-      onOpenChange={() => onToggle()}
-      className="flex flex-col min-h-0 flex-1 overflow-hidden"
-    >
-      <CollapsibleTrigger className="flex items-center gap-1.5 w-full py-1 group shrink-0">
+    <div className="flex flex-col">
+      <button
+        type="button"
+        onClick={onToggle}
+        className="flex items-center gap-1.5 w-full py-1 group"
+      >
         <span className="flex-1 min-w-0 flex items-center gap-1.5">
           {isTanstack ? (
             <span className="shrink-0">
@@ -314,12 +358,17 @@ function SdkGroupSection({
             {t(`changelog.sdkGroups.${group.label}`)}
           </span>
         </span>
-        <ChevronDown
-          className="size-3.5 shrink-0 text-muted-foreground transition-transform group-hover:text-foreground"
-        />
-      </CollapsibleTrigger>
-      <CollapsibleContent>
-        <ul className="mt-1 flex flex-col min-h-0 overflow-y-auto pr-1 [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-border">
+        {isAccordion && (
+          <ChevronDown
+            className={cn(
+              'size-3.5 shrink-0 text-muted-foreground transition-transform group-hover:text-foreground',
+              open && 'rotate-180'
+            )}
+          />
+        )}
+      </button>
+      {open && (
+        <ul className="mt-1 flex flex-col">
           {group.items.map((sdk) => (
             <li key={sdk.name}>
               <a
@@ -338,8 +387,8 @@ function SdkGroupSection({
             </li>
           ))}
         </ul>
-      </CollapsibleContent>
-    </Collapsible>
+      )}
+    </div>
   )
 }
 

package/src/components/layout/sidebar-03/user-menu.tsx

@@ -23,6 +23,7 @@ import {
   LogIn,
   LogOut,
   Settings,
+  Users,
 } from "lucide-react";
 import { logoutRemoteFn } from '@/server/serverFns/auth/session'
 import { toast } from 'sonner'
@@ -160,9 +161,9 @@ export function UserMenu() {
                 <Settings />
                 {t('sidebar.userMenu.settings')}
               </DropdownMenuItem>
-              <DropdownMenuItem onClick={async () => { await router.navigate({ to: "/settings/account" }) }}>
-                <BadgeCheck />
-                {t('sidebar.userMenu.profile')}
+              <DropdownMenuItem onClick={async () => { await router.navigate({ to: "/settings/team" }) }}>
+                <Users />
+                {t('sidebar.userMenu.teamManagement')}
               </DropdownMenuItem>
 
 

package/src/components/story/display/__tests__/display-dropdown.test.tsx

@@ -29,10 +29,6 @@ vi.mock("@/components/billing/use-feature", () => ({
   useFeature: vi.fn(),
 }));
 
-vi.mock("@/components/billing/upgrade-prompt", () => ({
-  UpgradePrompt: () => <div data-testid="upgrade-prompt">升级提示</div>,
-}));
-
 import { useFeature } from "@/components/billing/use-feature";
 
 const mockUseFeature = useFeature as ReturnType<typeof vi.fn>;
@@ -214,7 +210,28 @@ describe("DisplayDropdown", () => {
     expect(patch.showEmptyGroups).toBe(true);
   });
 
-  it("大分页未解锁——500/1000 禁用且点击不触发 onChange", () => {
+  it("OSS 环境——只显示 100/200，不显示 500/1000", () => {
+    mockUseFeature.mockReturnValue({ enabled: false, loading: false });
+    const onChange = vi.fn();
+    renderWithTooltip(<DisplayDropdown filters={makeFilters()} onChange={onChange} layout="list" {...viewProps} />);
+    fireEvent.click(screen.getByRole("button", { name: /显示/ }));
+    const options = document.querySelector('[data-section="options"]') as HTMLElement;
+    const sizeButtons = within(options).getAllByRole("button").filter((b) => /^\d+$/.test(b.textContent ?? ""));
+    const labels = sizeButtons.map((b) => b.textContent);
+    expect(labels).toContain("100");
+    expect(labels).toContain("200");
+    expect(labels).not.toContain("500");
+    expect(labels).not.toContain("1000");
+  });
+
+  it("Pro 环境且 free 用户——500/1000 锁定但可见", async () => {
+    // mock implementedModules.billing = true（Pro 环境）
+    const modules = await import("@/plugins/modules.gen");
+    vi.spyOn(modules, "implementedModules", "get").mockReturnValue({
+      ...modules.implementedModules,
+      billing: true,
+    } as any);
+
     mockUseFeature.mockReturnValue({ enabled: false, loading: false });
     const onChange = vi.fn();
     renderWithTooltip(<DisplayDropdown filters={makeFilters()} onChange={onChange} layout="list" {...viewProps} />);
@@ -229,10 +246,16 @@ describe("DisplayDropdown", () => {
     expect(btn1000).toBeDisabled();
     fireEvent.click(btn500 as HTMLElement);
     expect(onChange).not.toHaveBeenCalled();
-    expect(screen.getByTestId("upgrade-prompt")).toBeInTheDocument();
+    expect(screen.queryByTestId("upgrade-prompt")).not.toBeInTheDocument();
   });
 
-  it("大分页已解锁——点击 500 触发 onChange({ pageSize: 500 })", () => {
+  it("Pro 环境且 pro 用户——点击 500 触发 onChange", async () => {
+    const modules = await import("@/plugins/modules.gen");
+    vi.spyOn(modules, "implementedModules", "get").mockReturnValue({
+      ...modules.implementedModules,
+      billing: true,
+    } as any);
+
     mockUseFeature.mockReturnValue({ enabled: true, loading: false });
     const onChange = vi.fn();
     renderWithTooltip(<DisplayDropdown filters={makeFilters()} onChange={onChange} layout="list" {...viewProps} />);

package/src/components/story/display/display-dropdown.tsx

@@ -22,7 +22,6 @@ import { Button } from "@/components/ui/button";
 import { Switch } from "@/components/ui/switch";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
 import { useFeature } from "@/components/billing/use-feature";
-import { UpgradePrompt } from "@/components/billing/upgrade-prompt";
 import {
   Popover,
   PopoverContent,
@@ -34,6 +33,7 @@ import type { SavedView, ViewProjectInfo } from "../views/view-types";
 import type { StoryView } from "../views/view-switcher";
 import { DEFAULT_DISPLAY_OPTIONS, GROUP_KEYS, ORDER_KEYS, PAGE_SIZE_OPTIONS, type DisplayOptions, type DisplayProperty, type GroupKey, type OrderDirection, type OrderKey, type PageSize } from "./types";
 import { GROUP_LABELS, ORDER_LABELS, PROPERTY_LABELS, LAYOUT_SUPPORT, LAYOUT_PROPERTIES, GROUP_ICONS, ORDER_ICONS } from "./constants";
+import { implementedModules } from "@/plugins/modules.gen";
 
 /** 分组选项：布局不支持分组时返回空数组；选中特定项目时隐藏"项目"分组 */
 export function getGroupOptions(layout: StoryView, projectId?: string): GroupKey[] {
@@ -377,7 +377,7 @@ function PropertiesSection({ selected, onChange, layout, t }: PropertiesSectionP
   };
 
   return (
-    <div data-section="properties" className="border-t px-3 py-2">
+    <div data-section="properties" className=" px-3 py-2">
       <button
         type="button"
         onClick={() => setCollapsed(!collapsed)}
@@ -432,13 +432,15 @@ function OptionsSection({
   onPageSizeChange,
 }: OptionsSectionProps) {
   const { t } = useTranslation("display");
-  const sizeOptions = PAGE_SIZE_OPTIONS as readonly PageSize[];
+  // OSS 环境（billing 模块未实现）只显示 100/200；Pro 环境显示全部
+  const sizeOptions = implementedModules.billing
+    ? (PAGE_SIZE_OPTIONS as readonly PageSize[])
+    : ([100, 200] as readonly PageSize[]);
   const { enabled: largePageSizeEnabled, loading: largePageSizeLoading } =
     useFeature("largePageSize");
 
   const isPageSizeLocked = (v: PageSize) =>
     v > 200 && !largePageSizeEnabled && !largePageSizeLoading;
-  const showPageSizeUpgrade = !largePageSizeEnabled && !largePageSizeLoading;
 
   return (
     <div data-section="options" className="border-t px-3 py-2">
@@ -484,9 +486,6 @@ function OptionsSection({
             })}
           </div>
         </div>
-        {showPageSizeUpgrade && (
-          <UpgradePrompt feature="largePageSize" />
-        )}
       </div>
     </div>
   );

package/src/components/story/inline-editors/assignee-editor.tsx

@@ -16,7 +16,7 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useMemo, useState } from "react";
-import { CircleUser, Search, Check } from "lucide-react";
+import { CircleUser, Search, Check, ArrowDownUp } from "lucide-react";
 import { useTranslation } from "react-i18next";
 import { Input } from "@/components/ui/input";
 import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
@@ -38,18 +38,22 @@ interface AssigneeEditorProps {
   className?: string;
   /** 渲染形态：chip=有值时显示 chip 边框（默认，筛选场景），button=始终 Button（列表/详情场景） */
   variant?: "chip" | "button";
+  /** 成员范围：'project'=仅项目成员（默认），'team'=所有团队成员 */
+  scope?: "project" | "team";
 }
 
-export function AssigneeEditor({ assignee, users, onChange, mode = "single", selected, onMultiChange, className, variant = "chip" }: AssigneeEditorProps) {
+export function AssigneeEditor({ assignee, users, onChange, mode = "single", selected, onMultiChange, className, variant = "chip", scope = "project" }: AssigneeEditorProps) {
   const { t } = useTranslation("story");
   const [open, setOpen] = useState(false);
   const [search, setSearch] = useState("");
   const isMulti = mode === "multi";
   const showChip = variant === "chip";
+  const [currentScope, setCurrentScope] = useState(scope);
   const filtered = useMemo(
     () => (search ? users.filter((u) => u.username.includes(search)) : users),
     [users, search],
   );
+  const isProjectScope = currentScope === "project";
 
   return (
     <Popover open={open} onOpenChange={(v) => { setOpen(v); if (v) setSearch(""); }}>
@@ -110,69 +114,80 @@ export function AssigneeEditor({ assignee, users, onChange, mode = "single", sel
           className={className}
         />
       )}
-      <PopoverContent className="w-52 p-1" align="start">
-        <div className="relative mb-1">
-          <Search className="absolute top-1/2 left-2 size-3.5 -translate-y-1/2 text-muted-foreground" />
+      <PopoverContent className="w-52 p-1 flex flex-col gap-0 max-h-72" align="start">
+        <div className="relative mb-1 shrink-0 sticky top-0 z-10 bg-popover py-0.5 -mx-1 px-1 -mt-1 flex items-center gap-1">
+          <Search className="absolute top-1/2 left-4 size-3.5 -translate-y-1/2 text-muted-foreground" />
           <Input
             value={search}
             onChange={(e) => setSearch(e.target.value)}
-            placeholder={t("inline.searchMembers")}
-            className="h-7 pl-7 pr-2 text-xs md:text-xs"
+            placeholder={isProjectScope ? t("inline.searchProjectMembers") : t("inline.searchTeamMembers")}
+            className="h-6 pl-8 pr-2 text-xs md:text-xs"
           />
-        </div>
-        {!isMulti && (
           <button
             type="button"
-            onClick={() => { onChange(null); setOpen(false); }}
-            className={cn(
-              "flex w-full items-center gap-2 rounded px-2 py-1.5 text-xs",
-              !assignee ? "bg-accent font-medium" : "hover:bg-muted",
-            )}
+            onClick={() => setCurrentScope(isProjectScope ? "team" : "project")}
+            className="shrink-0 flex items-center gap-0.5 text-[10px] text-muted-foreground hover:text-foreground px-1.5 py-1 rounded hover:bg-accent"
+            title={isProjectScope ? t("inline.switchToTeam") : t("inline.switchToProject")}
           >
-            <CircleUser strokeWidth={1.5} className="size-6 text-muted-foreground" />
-            {t("filter.unassignedAssignee")}
+            <ArrowDownUp className="size-3" />
+            {isProjectScope ? t("inline.scopeTeam") : t("inline.scopeProject")}
           </button>
-        )}
-        {filtered.length === 0 ? (
-          <div className="px-2 py-1.5 text-xs text-muted-foreground">{t("inline.noMatchMembers")}</div>
-        ) : (
-          filtered.map((u) => {
-            const active = isMulti ? (selected ?? []).includes(u.id) : assignee?.id === u.id;
-            return (
-              <button
-                key={u.id}
-                type="button"
-                onClick={() => {
-                  if (isMulti) {
-                    onMultiChange?.(u.id);
-                  } else {
-                    onChange(u.id);
-                    setOpen(false);
-                  }
-                }}
-                className={cn(
-                  "flex w-full items-center gap-2 rounded px-2 py-1.5 text-xs",
-                  active ? "bg-accent font-medium" : "hover:bg-muted",
-                )}
-              >
-                {isMulti && (
-                  <div className={cn("flex size-4 shrink-0 items-center justify-center rounded-sm border", active ? "border-primary bg-primary text-primary-foreground" : "border-input")}>
-                    {active && <Check className="size-3" />}
-                  </div>
-                )}
-                <UserAvatar
-                  avatarConfig={u.avatarConfig}
-                  bgShape={u.bgShape as "circle" | "rounded" | "square" | null}
-                  bgColor={u.bgColor}
-                  name={u.username}
-                  size="sm"
-                />
-                {u.username}
-                {!isMulti && active && <Check className="ml-auto size-3.5 shrink-0 text-primary" />}
-              </button>
-            );
-          })
-        )}
+        </div>
+        <div className="overflow-y-auto min-h-0 flex-1 -mx-1 -mb-1 p-1">
+          {!isMulti && (
+            <button
+              type="button"
+              onClick={() => { onChange(null); setOpen(false); }}
+              className={cn(
+                "flex w-full items-center gap-2 rounded px-2 py-1.5 text-xs",
+                !assignee ? "bg-accent font-medium" : "hover:bg-muted",
+              )}
+            >
+              <CircleUser strokeWidth={1.5} className="size-6 text-muted-foreground" />
+              {t("filter.unassignedAssignee")}
+            </button>
+          )}
+          {filtered.length === 0 ? (
+            <div className="px-2 py-1.5 text-xs text-muted-foreground">{t("inline.noMatchMembers")}</div>
+          ) : (
+            filtered.map((u) => {
+              const active = isMulti ? (selected ?? []).includes(u.id) : assignee?.id === u.id;
+              return (
+                <button
+                  key={u.id}
+                  type="button"
+                  onClick={() => {
+                    if (isMulti) {
+                      onMultiChange?.(u.id);
+                    } else {
+                      onChange(u.id);
+                      setOpen(false);
+                    }
+                  }}
+                  className={cn(
+                    "flex w-full items-center gap-2 rounded px-2 py-1.5 text-xs",
+                    active ? "bg-accent font-medium" : "hover:bg-muted",
+                  )}
+                >
+                  {isMulti && (
+                    <div className={cn("flex size-4 shrink-0 items-center justify-center rounded-sm border", active ? "border-primary bg-primary text-primary-foreground" : "border-input")}>
+                      {active && <Check className="size-3" />}
+                    </div>
+                  )}
+                  <UserAvatar
+                    avatarConfig={u.avatarConfig}
+                    bgShape={u.bgShape as "circle" | "rounded" | "square" | null}
+                    bgColor={u.bgColor}
+                    name={u.username}
+                    size="sm"
+                  />
+                  {u.username}
+                  {!isMulti && active && <Check className="ml-auto size-3.5 shrink-0 text-primary" />}
+                </button>
+              );
+            })
+          )}
+        </div>
       </PopoverContent>
     </Popover>
   );

package/src/components/story/story-list-view.tsx

@@ -28,7 +28,7 @@ import { CalendarView } from "./views/calendar-view";
 import { TimelineView } from "./views/timeline-view";
 import { StoryList } from "./views/story-list";
 import { serializeFilters, type FilterCondition } from "./filters";
-import { listStoriesFn, archiveStoryFn } from "@/server/serverFns/story";
+import { listStoriesFn, archiveStoryFn, listUsersBriefFn } from "@/server/serverFns/story";
 import { listProjectsBriefFn } from "@/server/serverFns/project";
 import {
   listStoryViewsFn, createStoryViewFn, updateStoryViewFn, deleteStoryViewFn,
@@ -64,7 +64,7 @@ interface StoryListViewProps {
 const STORY_PROJECT_FILTER_KEY = "story.projectFilter";
 const STORY_SEARCH_KEY = "story.search";
 
-export function StoryListView({ stories: initialStories, users, projects: initialProjects, labels }: StoryListViewProps) {
+export function StoryListView({ stories: initialStories, users: initialUsers, projects: initialProjects, labels }: StoryListViewProps) {
   const { t } = useTranslation("story");
   const { session } = useRouteContext({ from: "/_nav/stories/" });
   const navigate = useNavigate({ from: "/stories" });
@@ -77,6 +77,7 @@ export function StoryListView({ stories: initialStories, users, projects: initia
   const [filterConditions, setFilterConditions] = useState<FilterCondition[]>([]);
   const [stories, setStories] = useState(initialStories);
   const [projects, setProjects] = useState(initialProjects);
+  const [users, setUsers] = useState<UserBrief[]>(initialUsers);
   const [projectId, setProjectId] = useState<string | undefined>(() => {
     try {
       return localStorage.getItem(STORY_PROJECT_FILTER_KEY) ?? undefined;
@@ -105,6 +106,16 @@ export function StoryListView({ stories: initialStories, users, projects: initia
     setProjects(initialProjects);
   }, [initialStories, initialProjects]);
 
+  useEffect(() => {
+    if (!projectId || projectId === "__archived__") {
+      setUsers(initialUsers);
+      return;
+    }
+    listUsersBriefFn({ data: { projectId } })
+      .then((u: UserBrief[]) => setUsers(u))
+      .catch(() => {});
+  }, [projectId]);
+
   useEffect(() => {
     if (!projectId && !searchText) return;
     const isArchived = projectId === "__archived__";

package/src/lib/changelog/sdk-versions.ts

@@ -9,70 +9,70 @@ export const SDK_GROUPS: SdkGroup[] = [
       {
         "name": "@tanstack/react-start",
         "version": "v1.168.46",
-        "lastUpdate": "Aug 23, 2026",
+        "lastUpdate": "Aug 24, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tanstack.com/start/latest"
       },
       {
         "name": "@tanstack/react-router",
         "version": "v1.170.29",
-        "lastUpdate": "Aug 23, 2026",
+        "lastUpdate": "Aug 24, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tanstack.com/router/latest"
       },
       {
         "name": "@tanstack/react-query",
         "version": "v5.101.2",
-        "lastUpdate": "Aug 23, 2026",
+        "lastUpdate": "Aug 24, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tanstack.com/query/latest"
       },
       {
         "name": "@tanstack/ai",
         "version": "v0.43.0",
-        "lastUpdate": "Aug 23, 2026",
+        "lastUpdate": "Aug 24, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tanstack.com/ai/latest"
       },
       {
         "name": "@tanstack/react-table",
         "version": "v9.1.0",
-        "lastUpdate": "Aug 23, 2026",
+        "lastUpdate": "Aug 24, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tanstack.com/table/latest"
       },
       {
         "name": "@tanstack/react-form",
         "version": "v2.0.0-alpha.0",
-        "lastUpdate": "Aug 23, 2026",
+        "lastUpdate": "Aug 24, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tanstack.com/form/latest"
       },
       {
         "name": "@tanstack/charts",
         "version": "v0.9.0",
-        "lastUpdate": "Aug 23, 2026",
+        "lastUpdate": "Aug 24, 2026",
         "source": "apps/admin/package.json#dependencies",
         "docsUrl": "https://tanstack.com/charts/latest"
       },
       {
         "name": "@tanstack/react-pacer",
         "version": "v0.22.1",
-        "lastUpdate": "Aug 23, 2026",
+        "lastUpdate": "Aug 24, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tanstack.com/pacer/latest"
       },
       {
         "name": "@tanstack/react-hotkeys",
         "version": "v0.10.0",
-        "lastUpdate": "Aug 23, 2026",
+        "lastUpdate": "Aug 24, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tanstack.com/hotkeys/latest"
       },
       {
         "name": "@tanstack/react-virtual",
         "version": "v3.14.9",
-        "lastUpdate": "Aug 23, 2026",
+        "lastUpdate": "Aug 24, 2026",
         "source": "apps/admin/package.json#dependencies",
         "docsUrl": "https://tanstack.com/virtual/latest"
       }
@@ -85,15 +85,15 @@ export const SDK_GROUPS: SdkGroup[] = [
     "items": [
       {
         "name": "@allbluecn/web-app",
-        "version": "v0.4.15",
-        "lastUpdate": "Aug 23, 2026",
+        "version": "v0.4.17",
+        "lastUpdate": "Aug 24, 2026",
         "source": "apps/web/package.json",
         "docsUrl": "https://github.com/allbluecn/allblue"
       },
       {
         "name": "@allbluecn/kernel",
         "version": "v0.3.0",
-        "lastUpdate": "Aug 23, 2026",
+        "lastUpdate": "Aug 24, 2026",
         "source": "packages/kernel/package.json",
         "docsUrl": "https://github.com/allbluecn/allblue"
       }
@@ -107,42 +107,42 @@ export const SDK_GROUPS: SdkGroup[] = [
       {
         "name": "Vite",
         "version": "v8.1.5",
-        "lastUpdate": "Aug 23, 2026",
+        "lastUpdate": "Aug 24, 2026",
         "source": "apps/web/package.json#devDependencies",
         "docsUrl": "https://vite.dev/"
       },
       {
         "name": "Node.js",
         "version": "v24.19.0",
-        "lastUpdate": "Aug 23, 2026",
+        "lastUpdate": "Aug 24, 2026",
         "source": ".nvmrc",
         "docsUrl": "https://nodejs.org/"
       },
       {
         "name": "Prisma",
         "version": "v7.8.0",
-        "lastUpdate": "Aug 23, 2026",
+        "lastUpdate": "Aug 24, 2026",
         "source": "packages/database/package.json#devDependencies",
         "docsUrl": "https://www.prisma.io/docs"
       },
       {
         "name": "shadcn UI",
         "version": "v1.2.4",
-        "lastUpdate": "Aug 23, 2026",
+        "lastUpdate": "Aug 24, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://ui.shadcn.com/"
       },
       {
         "name": "TipTap",
         "version": "v3.27.4",
-        "lastUpdate": "Aug 23, 2026",
+        "lastUpdate": "Aug 24, 2026",
         "source": "packages/shared/package.json#devDependencies",
         "docsUrl": "https://tiptap.dev/"
       },
       {
         "name": "Lucide React",
         "version": "v1.24.0",
-        "lastUpdate": "Aug 23, 2026",
+        "lastUpdate": "Aug 24, 2026",
         "source": "packages/ui/package.json#dependencies",
         "docsUrl": "https://lucide.dev/"
       }

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

@@ -83,8 +83,8 @@ function StoryDetailSkeleton() {
 
 export const Route = createFileRoute("/_nav/stories/$storyId")({
   loader: async ({ params }) => {
+    const story = await getStoryDetailFn({ data: { storyId: params.storyId } });
     const [
-      story,
       users,
       comments,
       activities,
@@ -99,8 +99,7 @@ export const Route = createFileRoute("/_nav/stories/$storyId")({
       prds,
       docs,
     ] = await Promise.all([
-      getStoryDetailFn({ data: { storyId: params.storyId } }),
-      listUsersBriefFn(),
+      listUsersBriefFn({ data: story.projectId ? { projectId: story.projectId } : undefined }),
       listCommentsFn({ data: { storyId: params.storyId } }),
       listActivitiesFn({ data: { storyId: params.storyId, take: 50 } }),
       getStoryNeighborsFn({ data: { storyId: params.storyId } }),

package/src/server/serverFns/story/__tests__/story-groups.test.ts

@@ -50,12 +50,14 @@ const mocks = vi.hoisted(() => ({
   groupBy: vi.fn(),
   storyLabelGroupBy: vi.fn(),
   currentSession: vi.fn(),
+  projectFindFirst: vi.fn(),
 }));
 
 vi.mock("@allbluecn/database", () => ({
   prisma: {
     story: { findMany: mocks.findMany, count: mocks.count, groupBy: mocks.groupBy },
     storyLabel: { groupBy: mocks.storyLabelGroupBy },
+    project: { findFirst: mocks.projectFindFirst },
   },
   Prisma: {},
 }));
@@ -70,6 +72,7 @@ describe("listStoriesInGroupFn", () => {
   beforeEach(() => {
     vi.clearAllMocks();
     mocks.currentSession.mockResolvedValue({ user: { id: "u1" } });
+    mocks.projectFindFirst.mockResolvedValue({ id: "proj-independent-1" });
   });
 
   it("构建含 group 过滤的 where 并返回 total/hasMore", async () => {
@@ -170,6 +173,7 @@ describe("listStoryGroupsFn", () => {
   beforeEach(() => {
     vi.clearAllMocks();
     mocks.currentSession.mockResolvedValue({ user: { id: "u1" } });
+    mocks.projectFindFirst.mockResolvedValue({ id: "proj-independent-1" });
   });
 
   it("按 groupBy 聚合返回组 key 列表", async () => {

package/src/server/serverFns/story/story-crud/labels.ts

@@ -27,12 +27,52 @@ const labelCreateSchema = z.object({
   color: z.string().regex(/^#[0-9a-fA-F]{6}$/).default("#6b7280"),
 });
 
-export const listUsersBriefFn = createServerFn({ method: "GET" }).handler(
-  async () => {
+export const listUsersBriefFn = createServerFn({ method: "GET" })
+  .validator((data?: { projectId?: string }) => data)
+  .handler(async ({ data }) => {
     const request = getRequest();
-    await requireAuth(request);
+    const session = await requireAuth(request);
+    const currentUserId = session.user!.id!;
+
+    if (data?.projectId) {
+      // 项目级别：只返回项目成员
+      const project = await prisma.project.findUnique({
+        where: { id: data.projectId },
+        select: { ownerId: true, workspaceId: true },
+      });
+      if (!project) return [];
+
+      const members = await prisma.projectMember.findMany({
+        where: { projectId: data.projectId },
+        select: { userId: true },
+      });
+      const memberIds = new Set(members.map((m) => m.userId));
+      memberIds.add(project.ownerId);
+
+      const users = await prisma.user.findMany({
+        where: { id: { in: Array.from(memberIds) }, status: "ACTIVE" },
+        orderBy: { username: "asc" },
+        select: USER_BRIEF_SELECT,
+      });
+      return users.map((u) => ({
+        ...u,
+        avatarConfig: (u.avatarConfig as import("@allbluecn/shared").AvatarConfig | null) ?? null,
+      }));
+    }
+
+    // 团队级别：只返回当前用户团队（team_memberships.ownerId = 当前用户）的成员
+    const memberships = await prisma.teamMembership.findMany({
+      where: { ownerId: currentUserId },
+      select: { memberId: true },
+    });
+    if (memberships.length === 0) {
+      return [];
+    }
+    const memberIds = new Set(memberships.map((m) => m.memberId));
+    memberIds.add(currentUserId); // 包含自己
+
     const users = await prisma.user.findMany({
-      where: { status: "ACTIVE" },
+      where: { id: { in: Array.from(memberIds) }, status: "ACTIVE" },
       orderBy: { username: "asc" },
       select: USER_BRIEF_SELECT,
     });
@@ -40,8 +80,7 @@ export const listUsersBriefFn = createServerFn({ method: "GET" }).handler(
       ...u,
       avatarConfig: (u.avatarConfig as import("@allbluecn/shared").AvatarConfig | null) ?? null,
     }));
-  },
-);
+  });
 
 export const listLabelsFn = createServerFn({ method: "GET" }).handler(
   async () => {

package/src/server/serverFns/story/story-crud.ts

@@ -56,9 +56,15 @@ export const listStoriesFn = createServerFn({ method: "GET" })
   .validator(listSchema)
   .handler(async ({ data }) => {
     const request = getRequest();
-    await requireAuth(request);
+    const session = await requireAuth(request);
+    const userId = session.user!.id!;
+
+    let projectId = data.projectId;
+    if (!projectId) {
+      projectId = await ensureBuiltinIndependentProject(userId);
+    }
 
-    const where = buildListWhere(data);
+    const where = buildListWhere({ ...data, projectId });
 
     const [items, total] = await Promise.all([
       prisma.story.findMany({

package/src/server/serverFns/story/story-groups.ts

@@ -20,6 +20,7 @@ import { getRequest } from "@tanstack/react-start/server";
 import { z } from "zod";
 import { prisma, Prisma } from "@allbluecn/database";
 import { requireAuth } from "@/server/auth-helpers";
+import { ensureBuiltinIndependentProject } from "@/server/builtin-project";
 import { GROUP_KEYS, ORDER_KEYS, ORDER_DIRECTIONS, type GroupKey, type OrderKey } from "@/components/story/display/types";
 import { STORY_STATES, STORY_PRIORITIES } from "@/components/story/constants";
 import { STORY_LIST_SELECT_LIGHT, castStoryUsersLight, type StoryListRowLight } from "./types";
@@ -57,9 +58,15 @@ export const listStoriesInGroupFn = createServerFn({ method: "GET" })
   .validator(schema)
   .handler(async ({ data }) => {
     const request = getRequest();
-    await requireAuth(request);
+    const session = await requireAuth(request);
+    const userId = session.user!.id!;
 
-    const base = buildListWhere(data);
+    let projectId = data.projectId;
+    if (!projectId) {
+      projectId = await ensureBuiltinIndependentProject(userId);
+    }
+
+    const base = buildListWhere({ ...data, projectId });
     const baseAnd = Array.isArray(base.AND) ? base.AND : base.AND ? [base.AND] : [];
     const extras: Prisma.StoryWhereInput[] = [];
     const groupWhere = buildGroupFilter(data.groupBy, data.groupKey);
@@ -114,9 +121,15 @@ export const listAllGroupsItemsFn = createServerFn({ method: "GET" })
   .validator(allGroupsItemsSchema)
   .handler(async ({ data }) => {
     const request = getRequest();
-    await requireAuth(request);
+    const session = await requireAuth(request);
+    const userId = session.user!.id!;
+
+    let projectId = data.projectId;
+    if (!projectId) {
+      projectId = await ensureBuiltinIndependentProject(userId);
+    }
 
-    const base = buildListWhere(data);
+    const base = buildListWhere({ ...data, projectId });
     const field = ORDER_FIELD[data.orderBy];
     const dir: "asc" | "desc" = data.orderDir === "asc" ? "asc" : "desc";
     const orderBy: Prisma.StoryOrderByWithRelationInput = field
@@ -207,10 +220,16 @@ export const listStoryGroupsFn = createServerFn({ method: "GET" })
   .validator(listGroupsSchema)
   .handler(async ({ data }) => {
     const request = getRequest();
-    await requireAuth(request);
-    if (data.groupBy === "none") return { groups: [] };
+    const session = await requireAuth(request);
+    const userId = session.user!.id!;
+
+    let projectId = data.projectId;
+    if (!projectId) {
+      projectId = await ensureBuiltinIndependentProject(userId);
+    }
 
-    const where = buildListWhere(data);
+    const where = buildListWhere({ ...data, projectId });
+    if (data.groupBy === "none") return { groups: [] };
     if (data.parentGroupBy !== "none" && data.parentGroupKey) {
       const parentWhere = buildGroupFilter(data.parentGroupBy, data.parentGroupKey);
       if (Object.keys(parentWhere).length) {

package/src/server/serverFns/story/story-search.ts

@@ -20,16 +20,20 @@ import { getRequest } from "@tanstack/react-start/server";
 import { z } from "zod";
 import { prisma } from "@allbluecn/database";
 import { requireAuth } from "@/server/auth-helpers";
+import { ensureBuiltinIndependentProject } from "@/server/builtin-project";
 
 export const searchStoriesFn = createServerFn({ method: "GET" })
   .validator(z.object({ query: z.string(), excludeIds: z.array(z.string()).optional() }))
   .handler(async ({ data }) => {
     const request = getRequest();
     const session = await requireAuth(request);
+    const userId = session.user!.id!;
+    const projectId = await ensureBuiltinIndependentProject(userId);
 
     const stories = await prisma.story.findMany({
       where: {
         id: data.excludeIds?.length ? { notIn: data.excludeIds } : undefined,
+        projectId,
         OR: [
           { name: { contains: data.query, mode: "insensitive" } },
           { identifier: { contains: data.query, mode: "insensitive" } },

package/src/server/serverFns/story-display-options.ts

@@ -22,6 +22,7 @@ import { z } from "zod"
 import { prisma, type Prisma } from "@allbluecn/database"
 import { requireAuth } from "@/server/auth-helpers"
 import { requireFeature } from "@/server/entitlements"
+import { isProEdition } from "@/server/pro-services"
 import {
   DEFAULT_DISPLAY_OPTIONS,
   GROUP_KEYS,
@@ -123,11 +124,16 @@ export const getStoryDisplayOptionsFn = createServerFn({ method: "GET" }).handle
     const options = parseStoredOptions(user?.storyDisplayOptions)
 
     // 订阅过期/降级：已持久化的 500/1000 无权限时降级为 200
+    // OSS 环境直接 cap 到 200；Pro 环境检查 feature
     if (options.pageSize > 200) {
-      try {
-        await requireFeature(request, "largePageSize")
-      } catch {
+      if (!isProEdition()) {
         options.pageSize = 200
+      } else {
+        try {
+          await requireFeature(request, "largePageSize")
+        } catch {
+          options.pageSize = 200
+        }
       }
     }
     return options
@@ -143,8 +149,13 @@ export const updateStoryDisplayOptionsFn = createServerFn({ method: "POST" })
     const userId = session.user!.id!
 
     // 服务端强制校验：pageSize > 200（500/1000）为 Pro 专属，前端锁定只是 UX
+    // OSS 环境直接 cap 到 200；Pro 环境走 feature gate
     if (data.pageSize > 200) {
-      await requireFeature(request, "largePageSize")
+      if (!isProEdition()) {
+        data.pageSize = 200
+      } else {
+        await requireFeature(request, "largePageSize")
+      }
     }
 
     const options: DisplayOptions = data