@allbluecn/web-app 0.19.4 → 0.20.0

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

@@ -42,14 +42,14 @@ import type {
   TestCaseDisplayProperty,
   TestCaseGroupKey,
   TestCaseOrderKey,
-} from "./field-configs";
+} from "@/shared/testcase/field-configs";
 import {
   DEFAULT_TESTCASE_DISPLAY_OPTIONS,
   TESTCASE_DISPLAY_PROPERTIES,
   TESTCASE_GROUP_KEYS,
   TESTCASE_ORDER_KEYS,
   TESTCASE_PAGE_SIZE_OPTIONS,
-} from "./field-configs";
+} from "@/shared/testcase/field-configs";
 
 /** 分组维度标签（testcase_display_ 域文案，照 bug display/constants 裁剪） */
 const GROUP_LABELS: Record<TestCaseGroupKey, () => string> = {

package/src/components/testcase/display/use-testcase-display-options.ts

@@ -26,7 +26,7 @@ import {
 import {
   DEFAULT_TESTCASE_DISPLAY_OPTIONS,
   type TestCaseDisplayOptions,
-} from "./field-configs";
+} from "@/shared/testcase/field-configs";
 
 export interface TestCaseDisplayOptionsState {
   filters: TestCaseDisplayOptions;

package/src/components/testcase/filters/field-configs.tsx

@@ -69,7 +69,7 @@ import type {
   FilterUserLike,
 } from "@/components/shared-kit/list-kit/filters";
 import { cn } from "@/lib/utils";
-import type { UserBrief } from "@/components/story/types";
+import type { UserBrief } from "@/shared/story/types";
 
 export { serializeFilters, deserializeFilters, OPERATOR_LABELS, generateConditionId } from "@/components/shared-kit/list-kit/filters";
 export type { FilterOperator, FilterFieldType };

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

@@ -22,7 +22,7 @@ import { Check, CircleUser, Search } from "lucide-react";
 import { Input } from "@/components/ui/input";
 import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
 import { UserAvatar } from "@/components/shared-kit";
-import type { UserBrief } from "@/components/story/types";
+import type { UserBrief } from "@/shared/story/types";
 import { cn } from "@/lib/utils";
 import { m } from "@/paraglide/messages.js";
 

package/src/components/testcase/list/case-row.tsx

@@ -40,7 +40,7 @@ import {
 import { updateTestCaseFn } from "@/server/serverFns/testcase/testcase-crud";
 import type { TestCaseAutomation, TestCasePriority, TestCaseState, TestCaseType } from "@/server/serverFns/testcase/constants";
 import type { TestCaseSteps, TestCaseSummary } from "@/server/serverFns/testcase/types";
-import type { UserBrief } from "@/components/story/types";
+import type { UserBrief } from "@/shared/story/types";
 import type { FolderNodeDto } from "../folder-tree";
 import { PriorityEditor } from "../inline-editors/priority-editor";
 import { StateEditor } from "../inline-editors/state-editor";

package/src/components/testcase/list/grouped-list.tsx

@@ -27,7 +27,7 @@ import { ChevronDown, ChevronRight } from "lucide-react";
 import { InfiniteScrollSentinel } from "@/components/infinite-scroll-sentinel";
 import type { TestCaseState, TestCasePriority } from "@/server/serverFns/testcase/constants";
 import type { TestCaseSummary } from "@/server/serverFns/testcase/types";
-import type { UserBrief } from "@/components/story/types";
+import type { UserBrief } from "@/shared/story/types";
 import type { FolderNodeDto } from "../folder-tree";
 import { priorityLabel, stateLabel } from "../filters";
 import { CaseRow } from "./case-row";

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

@@ -53,7 +53,7 @@ import {
   updateFilterViewFn,
 } from "@/server/serverFns/testcase/testcase-filter-views";
 import type { TestCaseSummary } from "@/server/serverFns/testcase/types";
-import type { UserBrief } from "@/components/story/types";
+import type { UserBrief } from "@/shared/story/types";
 import { GroupedList, groupKeyOf, type TestCaseGroupInfo } from "./list/grouped-list";
 import { computeMove, canMove } from "@/components/shared-kit/list-kit/move";
 import { TestCaseBoardView } from "./views/board-view";
@@ -62,7 +62,7 @@ import { manualOrderSwitchPatch } from "@/components/shared-kit/list-kit/kanban/
 import { toast } from "@/components/ui/toast";
 import { TestCasePeekPanel, type PeekMode } from "./peek-panel";
 import { useTestcaseDisplayOptions } from "./display/use-testcase-display-options";
-import type { TestCaseGroupKey } from "./display/field-configs";
+import type { TestCaseGroupKey } from "@/shared/testcase/field-configs";
 import { CreateViewDialog, type CreateViewDialogPayload } from "./views/create-view-dialog";
 import { CreateTestCaseDialog } from "./create-testcase-dialog";
 import { TestCaseBatchToolbar } from "./views/batch-toolbar";

package/src/components/testcase/runs/convert-bug-button.tsx

@@ -26,10 +26,10 @@ import { useCallback, useState } from "react";
 import { Bug as BugIcon } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { CreateBugDialog, type CreateBugDialogDefaults } from "@/components/bug/create-bug-dialog";
-import type { ReproduceSteps } from "@/components/bug/types";
+import type { ReproduceSteps } from "@/shared/bug/types";
 import { listUsersBriefFn, listLabelsFn } from "@/server/serverFns/story";
 import { listProjectsBriefFn } from "@/server/serverFns/project";
-import type { UserBrief } from "@/components/story/types";
+import type { UserBrief } from "@/shared/story/types";
 import type {
   RunCaseExecutionDetail,
   RunCaseSummary,

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

@@ -72,11 +72,11 @@ import {
 import { toast } from "@/components/ui/toast";
 import { toastError } from "@/lib/toast-error";
 import type { FolderNodeDto } from "./folder-tree";
-import type { UserBrief } from "@/components/story/types";
+import type { UserBrief } from "@/shared/story/types";
 import { ViewSelectorButton } from "./views/view-selector-button";
 import { ViewSwitcher } from "./views/view-switcher";
 import { TestCaseDisplayDropdown } from "./display/display-dropdown";
-import type { TestCaseDisplayOptions } from "./display/field-configs";
+import type { TestCaseDisplayOptions } from "@/shared/testcase/field-configs";
 import type { TestCaseSavedView, TestCaseViewType } from "./views/view-types";
 import { m } from "@/paraglide/messages.js";
 import { getLocale } from "@/paraglide/runtime.js";

package/src/components/testcase/views/batch-toolbar.tsx

@@ -37,7 +37,7 @@ import { PriorityEditor } from "../inline-editors/priority-editor";
 import { AssigneeEditor } from "../inline-editors/assignee-editor";
 import { FolderEditor } from "../inline-editors/folder-editor";
 import type { FolderNodeDto } from "../folder-tree";
-import type { UserBrief } from "@/components/story/types";
+import type { UserBrief } from "@/shared/story/types";
 import { toastError } from "@/lib/toast-error";
 import { cn } from "@/lib/utils";
 import { m } from "@/paraglide/messages.js";

package/src/components/testcase/views/board-view.tsx

@@ -44,7 +44,7 @@ import type {
   TestCaseType,
 } from "@/server/serverFns/testcase/constants";
 import type { TestCaseSummary } from "@/server/serverFns/testcase/types";
-import type { UserBrief } from "@/components/story/types";
+import type { UserBrief } from "@/shared/story/types";
 import type { FolderNodeDto } from "../folder-tree";
 import type { TestCaseUpdatePatch } from "../list/case-row";
 import { PriorityEditor } from "../inline-editors/priority-editor";
@@ -56,7 +56,7 @@ import {
   TEST_CASE_TYPE_META,
 } from "../constants";
 import { priorityLabel, stateLabel, typeLabel } from "../filters";
-import type { TestCaseDisplayProperty } from "../display/field-configs";
+import type { TestCaseDisplayProperty } from "@/shared/testcase/field-configs";
 import {
   KanbanBoardView,
   type ColumnTint,

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

@@ -96,14 +96,14 @@ export const SDK_GROUPS: SdkGroup[] = [
     "items": [
       {
         "name": "@allbluecn/web-app",
-        "version": "v0.19.4",
+        "version": "v0.20.0",
         "lastUpdate": "Oct 28, 2026",
         "source": "apps/web/package.json",
         "docsUrl": "https://github.com/allbluecn/allblue"
       },
       {
         "name": "@allbluecn/kernel",
-        "version": "v0.10.1",
+        "version": "v0.10.2",
         "lastUpdate": "Oct 28, 2026",
         "source": "packages/kernel/package.json",
         "docsUrl": "https://github.com/allbluecn/allblue"

package/src/lib/collections/knowledge/knowledge-bases-collection.ts

@@ -20,7 +20,8 @@ import { queryCollectionOptions } from '@tanstack/query-db-collection'
 import { listKnowledgeFn } from '@/server/serverFns/knowledge'
 import { getQueryClient } from '@/lib/query-client-seam'
 
-export const KNOWLEDGE_BASES_QUERY_KEY = ['knowledge-bases'] as const
+import { KNOWLEDGE_BASES_QUERY_KEY } from "@/lib/collections/query-keys"
+export { KNOWLEDGE_BASES_QUERY_KEY }
 
 export const knowledgeBasesCollection = createCollection(
   queryCollectionOptions({

package/src/lib/collections/query-keys.ts

@@ -0,0 +1,18 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+// AllBlue - 理想之海
+// Copyright (C) 2026 AllBlue Contributors
+
+// React Query key 常量（零依赖纯模块）。
+//
+// 为什么单独成文件：collection 模块在**模块作用域**执行
+// `createCollection({ ... queryClient: getQueryClient() })`，而 getQueryClient()
+// 在 SSR 未注入时 fail-fast（防跨请求缓存串染）。路由文件（如 _nav/route.tsx）
+// 只需要 key 常量做 prefetch，却值引入 collection 模块 → SSR 模块初始化阶段
+// 就触发 getQueryClient()，早于 router.tsx 的 setQueryClient，全站 500。
+// 消费方一律从本模块取 key；collection 模块转 re-export 保持兼容。
+export const WORKSPACES_QUERY_KEY = ['workspaces'] as const
+export const KNOWLEDGE_BASES_QUERY_KEY = ['knowledge-bases'] as const
+export const PROJECTS_QUERY_KEY = ['projects'] as const
+export const LABELS_QUERY_KEY = ['labels'] as const
+export const USERS_BRIEF_QUERY_KEY = ['users-brief'] as const
+export const BOOKMARK_CATEGORIES_QUERY_KEY = ['bookmark-categories'] as const

package/src/lib/collections/reference/users-brief-collection.ts

@@ -21,7 +21,8 @@ import { listUsersBriefFn } from '@/server/serverFns/story/story-crud/user-brief
 import { getQueryClient } from '@/lib/query-client-seam'
 
 // 缓存失效方 import 常量而非硬编码字符串（knowledge-bases/workspaces 同口径）
-export const USERS_BRIEF_QUERY_KEY = ['users-brief'] as const
+import { USERS_BRIEF_QUERY_KEY } from "@/lib/collections/query-keys"
+export { USERS_BRIEF_QUERY_KEY }
 
 export const usersBriefCollection = createCollection(
   queryCollectionOptions({

package/src/lib/collections/reference/workspaces-collection.ts

@@ -20,7 +20,8 @@ import { queryCollectionOptions } from '@tanstack/query-db-collection'
 import { listPinnedWorkspacesBriefFn } from '@/server/serverFns/workspace'
 import { getQueryClient } from '@/lib/query-client-seam'
 
-export const WORKSPACES_QUERY_KEY = ['workspaces'] as const
+import { WORKSPACES_QUERY_KEY } from "@/lib/collections/query-keys"
+export { WORKSPACES_QUERY_KEY }
 
 export const workspacesCollection = createCollection(
   queryCollectionOptions({

package/src/lib/story/__tests__/activity-grouper.test.ts

@@ -16,7 +16,7 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { describe, it, expect } from "vitest";
-import type { ActivityItem } from "@/components/story/types";
+import type { ActivityItem } from "@/shared/story/types";
 import { groupActivities, ACTIVITY_MERGE_WINDOW_MS } from "../activity-grouper";
 
 const baseUser = { id: "u1", username: "alice", email: "a@x", avatarConfig: null, bgShape: null, bgColor: null };

package/src/lib/story/activity-grouper.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 type { ActivityItem } from "@/components/story/types";
+import type { ActivityItem } from "@/shared/story/types";
 
 /**
  * 活动记录合并窗口：3 分钟内同 user + 同 action 视为「同一次操作的连续行为」。

package/src/paraglide/.gitignore

@@ -0,0 +1,3 @@
+# ignore everything because the directory is auto-generated by inlang paraglide-js
+# for more info visit https://paraglidejs.com
+*

package/src/paraglide/.prettierignore

@@ -0,0 +1,3 @@
+# ignore everything because the directory is auto-generated by inlang paraglide-js
+# for more info visit https://paraglidejs.com
+*

package/src/paraglide/README.md

@@ -0,0 +1,162 @@
+# Paraglide JS Compiled Output
+
+> Auto-generated i18n message functions. Import `messages.js` to use translated strings.
+
+Compiled from: `/Users/urmynami/HelloAI/AllBlue-Workspace/AllBlue/apps/web/project.inlang`
+
+
+## What is this folder?
+
+This folder contains compiled [Paraglide JS](https://github.com/opral/paraglide-js) output. Paraglide JS compiles your translation messages into tree-shakeable JavaScript functions.
+
+## At a glance
+
+Purpose:
+- This folder stores compiled i18n message functions.
+- Source translations live outside this folder in your inlang project.
+
+Safe to import:
+- `messages.js` — all message functions
+- `runtime.js` — locale utilities
+- `server.js` — server-side middleware
+
+Do not edit:
+- All files in this folder are auto-generated.
+- Changes will be overwritten on next compilation.
+
+```
+paraglide/
+├── messages.js      # Message exports (import this)
+├── messages/        # Individual message functions
+├── runtime.js       # Locale detection & configuration
+├── registry.js      # Formatting utilities (plural, number, datetime, relativetime)
+├── server.js        # Server-side middleware
+└── .gitignore       # Marks folder as generated
+```
+
+## Usage
+
+```js
+import * as m from "./paraglide/messages.js";
+
+// Messages are functions that return localized strings
+m.hello_world();             // "Hello, World!" (in current locale)
+m.greeting({ name: "Sam" }); // "Hello, Sam!"
+
+// Override locale per-call
+m.hello_world({}, { locale: "de" });           // "Hallo, Welt!"
+m.greeting({ name: "Sam" }, { locale: "de" }); // "Hallo, Sam!"
+```
+
+## Runtime API
+
+```js
+import { getLocale, getTextDirection, setLocale, locales, baseLocale } from "./paraglide/runtime.js";
+
+getLocale();    // Current locale, e.g., "en"
+getTextDirection(); // "ltr" | "rtl" for current locale
+setLocale("de"); // Set locale
+locales;        // Available locales, e.g., ["en", "de", "fr"]
+baseLocale;     // Default locale, e.g., "en"
+```
+
+## Strategy
+
+The strategy determines how the current locale is detected and persisted:
+
+- **Cookie**: Stores locale preference in a cookie.
+- **URL**: Derives locale from URL patterns (e.g., `/en/about`, `en.example.com`).
+- **GlobalVariable**: Uses a global variable (client-side only).
+- **BaseLocale**: Always returns the base locale.
+
+Strategies can be combined. The order defines precedence:
+
+```js
+await compile({
+  project: "./project.inlang",
+  outdir: "./src/paraglide",
+  strategy: ["url", "cookie", "baseLocale"],
+});
+```
+
+See the [strategy documentation](https://paraglidejs.com/strategy) for details.
+
+## Markup (Rich Text)
+
+Messages can contain markup tags for bold, links, and other inline elements. Translators control where tags appear; developers control how they render.
+
+Important:
+- Tag names are app-defined. There is no built-in list of HTML tags.
+- `{#b}...{/b}` does not automatically render as `<b>...</b>`.
+- Renderers/snippets are looked up by the same tag name used in the message.
+
+### Message syntax
+
+```json
+{
+  "cta": "{#link to=|/docs| rel=$relationship @track}Read the docs{/link}",
+  "welcome": "{#b}Hi {name}{/b}{#icon/}"
+}
+```
+
+- `{#tagName}` opens a tag, `{/tagName}` closes it.
+- `{#tagName/}` creates a standalone tag.
+- Options: `to=|/docs|` or `rel=$relationship` (accessed via `options.*`).
+- Attributes: `@track` or `@variant=|hero|` (accessed via `attributes.*`).
+
+This is the default inlang message syntax. Paraglide's message format is plugin-based — you can use [ICU MessageFormat 1](https://inlang.com/m/p7c8m1d2/plugin-inlang-icu-messageformat-1), [i18next](https://inlang.com/m/3i8bor92/plugin-inlang-i18next), or other [plugins](https://inlang.com/c/plugins) instead.
+
+### Rendering markup
+
+Calling the message function still returns **plain text** (markup stripped):
+
+```js
+m.cta({ relationship: "noopener" }); // "Read the docs"
+```
+
+To render markup, use the framework adapter or the low-level `parts()` API:
+
+```js
+const parts = m.cta.parts({ relationship: "noopener" });
+// [
+//   { type: "markup-start", name: "link", options: { to: "/docs", rel: "noopener" }, attributes: { track: true } },
+//   { type: "text", value: "Read the docs" },
+//   { type: "markup-end", name: "link" }
+// ]
+```
+
+Framework adapters provide a `<ParaglideMessage>` component that accepts markup renderers:
+
+- `@inlang/paraglide-js-react`
+- `@inlang/paraglide-js-vue`
+- `@inlang/paraglide-js-svelte`
+- `@inlang/paraglide-js-solid`
+
+```jsx
+import { ParaglideMessage } from "@inlang/paraglide-js-react"; // or -vue, -svelte, -solid
+
+<ParaglideMessage
+  message={m.welcome}
+  inputs={{ name: "Ada" }}
+  markup={{
+    b: ({ children }) => <b>{children}</b>,
+    icon: () => <span aria-hidden="true" className="icon-wave" />,
+  }}
+/>
+```
+
+The available renderer/snippet names come from the message itself. You can inspect them through `message.parts()`, and TypeScript uses the same names to type-check your markup renderers.
+
+See the [markup documentation](https://paraglidejs.com/markup) for details.
+
+## Key concepts
+
+- **Tree-shakeable**: Each message is a function, enabling [up to 70% smaller i18n bundle sizes](https://paraglidejs.com/benchmark) than traditional i18n libraries.
+- **Typesafe**: Full TypeScript/JSDoc support with autocomplete.
+- **Variants**: Messages can have variants for pluralization, gender, etc.
+- **Fallbacks**: Missing translations fall back to the base locale.
+
+## Links
+
+- [Paraglide JS Documentation](https://paraglidejs.com)
+- [Source Repository](https://github.com/opral/paraglide-js)