@allbluecn/web-app 0.5.0 → 0.5.1

package/src/components/story/relations/link-manage-dialog.tsx

@@ -0,0 +1,191 @@
+// 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 * as React from "react";
+import { useTranslation } from "react-i18next";
+import { useServerFn } from "@tanstack/react-start";
+import { toast } from "sonner";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Textarea } from "@/components/ui/textarea";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { addLinkFn, updateLinkFn } from "@/server/serverFns/story";
+import type { StoryLinkItem } from "../types";
+
+export interface LinkManageDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  storyId: string;
+  data: StoryLinkItem[];
+  onUpdate: (links: StoryLinkItem[]) => void;
+  /** 添加链接产生的活动，供时间线即时追加 */
+  onActivity?: (activity: import("../types").ActivityItem) => void;
+  /** 非空时进入编辑态（由合并面板「编辑」触发） */
+  initialEdit?: StoryLinkItem | null;
+}
+
+export function LinkManageDialog({
+  open,
+  onOpenChange,
+  storyId,
+  data,
+  onUpdate,
+  onActivity,
+  initialEdit = null,
+}: LinkManageDialogProps) {
+  const { t } = useTranslation("story");
+  const addLink = useServerFn(addLinkFn);
+  const updateLink = useServerFn(updateLinkFn);
+  const [editing, setEditing] = React.useState<StoryLinkItem | null>(null);
+  const [form, setForm] = React.useState({ url: "", title: "", description: "" });
+  const [submitting, setSubmitting] = React.useState(false);
+
+  React.useEffect(() => {
+    if (open) {
+      setEditing(initialEdit);
+      setForm(
+        initialEdit
+          ? { url: initialEdit.url, title: initialEdit.title ?? "", description: initialEdit.description ?? "" }
+          : { url: "", title: "", description: "" },
+      );
+    }
+  }, [open, initialEdit]);
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    if (submitting) return;
+    setSubmitting(true);
+    try {
+      if (editing) {
+        await updateLink({
+          data: {
+            linkId: editing.id,
+            url: form.url,
+            title: form.title || undefined,
+            description: form.description || undefined,
+          },
+        });
+        toast.success(t("linkDialog.updated"));
+        onUpdate(
+          data.map((l) =>
+            l.id === editing.id
+              ? { ...l, url: form.url, title: form.title || null, description: form.description || null }
+              : l,
+          ),
+        );
+      } else {
+        const created = await addLink({
+          data: {
+            storyId,
+            url: form.url,
+            title: form.title || undefined,
+            description: form.description || undefined,
+          },
+        });
+        toast.success(t("linkDialog.added"));
+        if (created.activity) onActivity?.(created.activity);
+        onUpdate([
+          ...data,
+          {
+            id: created.id,
+            url: created.url,
+            title: created.title,
+            description: created.description,
+          },
+        ]);
+        setForm({ url: "", title: "", description: "" });
+      }
+      setEditing(null);
+      onOpenChange(false);
+    } catch (err) {
+      toast.error((err as Error)?.message || t("linkDialog.saveFailed"));
+    } finally {
+      setSubmitting(false);
+    }
+  };
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="sm:max-w-130">
+        <DialogHeader>
+          <DialogTitle className="text-xl">
+            {t(editing ? "linkDialog.editTitle" : "linkDialog.title")}
+          </DialogTitle>
+        </DialogHeader>
+        <form onSubmit={handleSubmit} className="flex h-96 flex-col gap-4 overflow-y-auto px-1 pb-1">
+          <div className="space-y-1.5">
+            <label htmlFor="link-url" className="text-xs font-medium text-muted-foreground">
+              URL
+            </label>
+            <Input
+              id="link-url"
+              type="url"
+              required
+              placeholder={t("linkDialog.urlPlaceholder")}
+              value={form.url}
+              onChange={(e) => setForm({ ...form, url: e.target.value })}
+              className="h-10 text-base"
+            />
+          </div>
+          <div className="space-y-1.5">
+            <label htmlFor="link-title" className="text-xs font-medium text-muted-foreground">
+              {t("linkDialog.titleOptional")}
+            </label>
+            <Input
+              id="link-title"
+              placeholder={t("linkDialog.titlePlaceholder")}
+              value={form.title}
+              onChange={(e) => setForm({ ...form, title: e.target.value })}
+              className="h-10"
+            />
+          </div>
+          <div className="flex min-h-0 flex-1 flex-col gap-1.5">
+            <label htmlFor="link-desc" className="text-xs font-medium text-muted-foreground">
+              {t("linkDialog.descOptional")}
+            </label>
+            <Textarea
+              id="link-desc"
+              placeholder={t("linkDialog.descPlaceholder")}
+              value={form.description}
+              onChange={(e) => setForm({ ...form, description: e.target.value })}
+              className="min-h-20 flex-1 resize-none"
+            />
+          </div>
+          <div className="flex shrink-0 justify-end gap-2 pt-1">
+            {editing && (
+              <Button
+                type="button"
+                variant="outline"
+                onClick={() => onOpenChange(false)}
+              >
+                {t("linkDialog.cancel")}
+              </Button>
+            )}
+            <Button type="submit" disabled={submitting}>
+              {t(editing ? "linkDialog.save" : "linkDialog.add")}
+            </Button>
+          </div>
+        </form>
+      </DialogContent>
+    </Dialog>
+  );
+}

package/src/components/story/types.ts

@@ -145,7 +145,9 @@ export interface StoryAttachmentItem {
   fileName: string;
   fileSize: number;
   mimeType: string;
+  description?: string | null;
   storageUrl: string;
+  fileHash?: string | null;
 }
 
 // PRD 简要信息
@@ -158,6 +160,11 @@ export interface PrdBrief {
 export interface DocBrief {
   id: string;
   title: string;
+  kbId: string;
+  kbName: string;
+  kbIcon: string;
+  docIcon: string | null;
+  parentId: string | null;
 }
 
 // 关联 Tab 数据汇总
@@ -176,6 +183,12 @@ export interface RelationsData {
   };
 }
 
+/** 关联附件面板统一数据类型 */
+export type AssociatedItem =
+  | { kind: "link"; data: StoryLinkItem }
+  | { kind: "attachment"; data: StoryAttachmentItem }
+  | { kind: "doc"; data: DocBrief };
+
 // ====== 依赖关系（对齐 Plane，新模型） ======
 
 // 规范化存储类型：语义统一为「source 领先于 target」

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

@@ -10,7 +10,7 @@ export const SDK_GROUPS: SdkGroup[] = [
         "name": "@tanstack/react-start",
         "displayName": "TanStack Start",
         "version": "v1.168.49",
-        "lastUpdate": "Aug 31, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tanstack.com/start/latest"
       },
@@ -18,7 +18,7 @@ export const SDK_GROUPS: SdkGroup[] = [
         "name": "@tanstack/react-router",
         "displayName": "TanStack Router",
         "version": "v1.170.32",
-        "lastUpdate": "Aug 31, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tanstack.com/router/latest"
       },
@@ -26,7 +26,7 @@ export const SDK_GROUPS: SdkGroup[] = [
         "name": "@tanstack/react-query",
         "displayName": "TanStack Query",
         "version": "v5.102.8",
-        "lastUpdate": "Aug 31, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tanstack.com/query/latest"
       },
@@ -34,7 +34,7 @@ export const SDK_GROUPS: SdkGroup[] = [
         "name": "@tanstack/ai",
         "displayName": "TanStack AI",
         "version": "v0.52.0",
-        "lastUpdate": "Aug 31, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tanstack.com/ai/latest"
       },
@@ -42,7 +42,7 @@ export const SDK_GROUPS: SdkGroup[] = [
         "name": "@tanstack/react-table",
         "displayName": "TanStack Table",
         "version": "v9.2.3",
-        "lastUpdate": "Aug 31, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tanstack.com/table/latest"
       },
@@ -50,7 +50,7 @@ export const SDK_GROUPS: SdkGroup[] = [
         "name": "@tanstack/react-form",
         "displayName": "TanStack Form",
         "version": "v2.0.0-alpha.2",
-        "lastUpdate": "Aug 31, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tanstack.com/form/latest"
       },
@@ -58,7 +58,7 @@ export const SDK_GROUPS: SdkGroup[] = [
         "name": "@tanstack/charts",
         "displayName": "TanStack Charts",
         "version": "v0.16.0",
-        "lastUpdate": "Aug 31, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": "apps/admin/package.json#dependencies",
         "docsUrl": "https://tanstack.com/charts/latest"
       },
@@ -66,7 +66,7 @@ export const SDK_GROUPS: SdkGroup[] = [
         "name": "@tanstack/react-pacer",
         "displayName": "TanStack Pacer",
         "version": "v0.23.0",
-        "lastUpdate": "Aug 31, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tanstack.com/pacer/latest"
       },
@@ -74,7 +74,7 @@ export const SDK_GROUPS: SdkGroup[] = [
         "name": "@tanstack/react-hotkeys",
         "displayName": "TanStack Hotkeys",
         "version": "v0.10.0",
-        "lastUpdate": "Aug 31, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tanstack.com/hotkeys/latest"
       },
@@ -82,7 +82,7 @@ export const SDK_GROUPS: SdkGroup[] = [
         "name": "@tanstack/react-virtual",
         "displayName": "TanStack Virtual",
         "version": "v3.14.10",
-        "lastUpdate": "Aug 31, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": "apps/admin/package.json#dependencies",
         "docsUrl": "https://tanstack.com/virtual/latest"
       }
@@ -95,15 +95,15 @@ export const SDK_GROUPS: SdkGroup[] = [
     "items": [
       {
         "name": "@allbluecn/web-app",
-        "version": "v0.5.0",
-        "lastUpdate": "Aug 31, 2026",
+        "version": "v0.5.1",
+        "lastUpdate": "Sep 1, 2026",
         "source": "apps/web/package.json",
         "docsUrl": "https://github.com/allbluecn/allblue"
       },
       {
         "name": "@allbluecn/kernel",
         "version": "v0.3.1",
-        "lastUpdate": "Aug 31, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": "packages/kernel/package.json",
         "docsUrl": "https://github.com/allbluecn/allblue"
       }
@@ -117,42 +117,42 @@ export const SDK_GROUPS: SdkGroup[] = [
       {
         "name": "Vite",
         "version": "v8.1.5",
-        "lastUpdate": "Aug 31, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": "apps/web/package.json#devDependencies",
         "docsUrl": "https://vite.dev/"
       },
       {
         "name": "Node.js",
         "version": "v24.19.0",
-        "lastUpdate": "Aug 31, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": ".nvmrc",
         "docsUrl": "https://nodejs.org/"
       },
       {
         "name": "Prisma",
         "version": "v7.8.0",
-        "lastUpdate": "Aug 31, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": "packages/database/package.json#devDependencies",
         "docsUrl": "https://www.prisma.io/docs"
       },
       {
         "name": "shadcn UI",
         "version": "v1.2.4",
-        "lastUpdate": "Aug 31, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://ui.shadcn.com/"
       },
       {
         "name": "TipTap",
         "version": "v3.27.4",
-        "lastUpdate": "Aug 31, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": "packages/shared/package.json#devDependencies",
         "docsUrl": "https://tiptap.dev/"
       },
       {
         "name": "Lucide React",
         "version": "v1.24.0",
-        "lastUpdate": "Aug 31, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": "packages/ui/package.json#dependencies",
         "docsUrl": "https://lucide.dev/"
       }

package/src/lib/story/__tests__/video-embed.test.ts

@@ -0,0 +1,77 @@
+import { describe, it, expect } from "vitest";
+import { resolveVideoEmbed } from "../video-embed";
+
+describe("resolveVideoEmbed", () => {
+  it("非视频链接返回 null", () => {
+    expect(resolveVideoEmbed("https://example.com/page")).toBeNull();
+    expect(resolveVideoEmbed("https://lucide.dev/icons/layout-list")).toBeNull();
+  });
+
+  it("直链视频文件走 file 分支（忽略 query/hash）", () => {
+    expect(resolveVideoEmbed("https://cdn.example.com/a.mp4")).toEqual({
+      kind: "file",
+      src: "https://cdn.example.com/a.mp4",
+    });
+    expect(
+      resolveVideoEmbed("https://cdn.example.com/a.webm?token=x#t=1"),
+    ).toEqual({ kind: "file", src: "https://cdn.example.com/a.webm?token=x#t=1" });
+    expect(resolveVideoEmbed("https://cdn.example.com/a.MOV")).toEqual({
+      kind: "file",
+      src: "https://cdn.example.com/a.MOV",
+    });
+    // 扩展名仅匹配路径末段，不匹配 query 里的伪扩展名
+    expect(resolveVideoEmbed("https://example.com/watch?file=a.mp4")).toBeNull();
+  });
+
+  it("YouTube watch 页转换为 embed 播放器", () => {
+    expect(resolveVideoEmbed("https://www.youtube.com/watch?v=dQw4w9WgXcQ")).toEqual({
+      kind: "iframe",
+      src: "https://www.youtube.com/embed/dQw4w9WgXcQ",
+    });
+    expect(
+      resolveVideoEmbed("https://www.youtube.com/watch?v=dQw4w9WgXcQ&t=30s"),
+    ).toEqual({ kind: "iframe", src: "https://www.youtube.com/embed/dQw4w9WgXcQ" });
+  });
+
+  it("YouTube youtu.be 短链与 shorts 转换", () => {
+    expect(resolveVideoEmbed("https://youtu.be/dQw4w9WgXcQ")).toEqual({
+      kind: "iframe",
+      src: "https://www.youtube.com/embed/dQw4w9WgXcQ",
+    });
+    expect(resolveVideoEmbed("https://www.youtube.com/shorts/abc123")).toEqual({
+      kind: "iframe",
+      src: "https://www.youtube.com/embed/abc123",
+    });
+    // 已是 embed 链接原样返回
+    expect(resolveVideoEmbed("https://www.youtube.com/embed/dQw4w9WgXcQ")).toEqual({
+      kind: "iframe",
+      src: "https://www.youtube.com/embed/dQw4w9WgXcQ",
+    });
+  });
+
+  it("Bilibili 视频页转换为官方播放器（BV 号 + 分 P）", () => {
+    expect(
+      resolveVideoEmbed("https://www.bilibili.com/video/BV1GJ411x7h7/"),
+    ).toEqual({
+      kind: "iframe",
+      src: "https://player.bilibili.com/player.html?bvid=BV1GJ411x7h7&autoplay=0",
+    });
+    expect(
+      resolveVideoEmbed("https://www.bilibili.com/video/BV1GJ411x7h7?p=3"),
+    ).toEqual({
+      kind: "iframe",
+      src: "https://player.bilibili.com/player.html?bvid=BV1GJ411x7h7&autoplay=0&p=3",
+    });
+  });
+
+  it("Vimeo 转换为播放器", () => {
+    expect(resolveVideoEmbed("https://vimeo.com/76979871")).toEqual({
+      kind: "iframe",
+      src: "https://player.vimeo.com/video/76979871",
+    });
+  });
+
+  it("b23.tv 短链无法本地解析，返回 null 交给原有探测逻辑", () => {
+    expect(resolveVideoEmbed("https://b23.tv/BV1GJ411x7h7")).toBeNull();
+  });
+});

package/src/lib/story/video-embed.ts

@@ -0,0 +1,59 @@
+// 视频链接识别与官方 embed 转换：供关联面板链接预览使用
+// 返回 null 表示非视频链接（交由原有的可嵌入探测逻辑处理）
+
+export type VideoEmbed =
+  | { kind: "file"; src: string }
+  | { kind: "iframe"; src: string };
+
+const VIDEO_FILE_RE = /\.(mp4|webm|ogg|ogv|mov|m4v)$/i;
+
+const YOUTUBE_ID_RE =
+  /^(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:watch\?(?:.*&)?v=|shorts\/|embed\/)|youtu\.be\/)([A-Za-z0-9_-]{6,})/i;
+
+const BILIBILI_BV_RE =
+  /^(?:https?:\/\/)?(?:www\.)?bilibili\.com\/video\/(BV[0-9A-Za-z]+)\/?(?:\?.*)?$/i;
+
+const VIMEO_ID_RE = /^(?:https?:\/\/)?(?:www\.)?vimeo\.com\/(\d+)(?:\?.*)?$/i;
+
+/** 解析 B 站分 P 参数（仅接受纯数字，防止参数注入） */
+function getBilibiliPart(rawUrl: string): string | null {
+  try {
+    const p = new URL(rawUrl).searchParams.get("p");
+    return p && /^\d+$/.test(p) ? p : null;
+  } catch {
+    return null;
+  }
+}
+
+export function resolveVideoEmbed(rawUrl: string): VideoEmbed | null {
+  if (!rawUrl) return null;
+
+  // 直链视频文件：扩展名只看 URL 路径末段，避免 query 中的伪扩展名误判
+  try {
+    const parsed = new URL(rawUrl);
+    if (VIDEO_FILE_RE.test(parsed.pathname)) {
+      return { kind: "file", src: rawUrl };
+    }
+  } catch {
+    return null;
+  }
+
+  const youtube = rawUrl.match(YOUTUBE_ID_RE);
+  if (youtube) {
+    return { kind: "iframe", src: `https://www.youtube.com/embed/${youtube[1]}` };
+  }
+
+  const bilibili = rawUrl.match(BILIBILI_BV_RE);
+  if (bilibili) {
+    const part = getBilibiliPart(rawUrl);
+    const src = `https://player.bilibili.com/player.html?bvid=${bilibili[1]}&autoplay=0${part ? `&p=${part}` : ""}`;
+    return { kind: "iframe", src };
+  }
+
+  const vimeo = rawUrl.match(VIMEO_ID_RE);
+  if (vimeo) {
+    return { kind: "iframe", src: `https://player.vimeo.com/video/${vimeo[1]}` };
+  }
+
+  return null;
+}

package/src/plugins/.gen-manifest.json

@@ -0,0 +1,13 @@
+{
+  "routeFiles": [
+    "src/routes/_nav/tags/route.tsx",
+    "src/routes/_nav/tags/index.tsx",
+    "src/routes/_nav/tags/$id/route.tsx",
+    "src/routes/_nav/tags/settings/route.tsx",
+    "src/routes/_nav/inspiration/route.tsx",
+    "src/routes/_nav/prd/route.tsx",
+    "src/routes/_nav/prd/index.tsx",
+    "src/routes/_nav/prd/$id/route.tsx",
+    "src/routes/share/prd/$prdId/route.tsx"
+  ]
+}

package/src/plugins/modules.gen.ts

@@ -0,0 +1,20 @@
+// AUTO-GENERATED by @allbluecn/kernel — DO NOT EDIT
+import type { ProFeature } from '@allbluecn/kernel'
+
+export const activePluginIds = ['@allbluecn/tags', '@allbluecn/inspiration', '@allbluecn/prd'] as const
+export type ActivePluginId = (typeof activePluginIds)[number]
+
+export const implementedModules: Record<ProFeature, boolean> = {
+  billing: false,
+  hostedAi: false,
+  sso: false,
+  audit: false,
+  permissions: false,
+  license: false,
+  versionHistory: false,
+  automation: false,
+  templates: false,
+  analytics: false,
+  globalSearch: false,
+  compliance: false,
+}

package/src/plugins/plugins.gen.ts

@@ -0,0 +1,20 @@
+// AUTO-GENERATED by @allbluecn/kernel — DO NOT EDIT
+// profile: oss (validated: 3 plugins)
+// 拓扑序：@allbluecn/tags -> @allbluecn/inspiration -> @allbluecn/prd
+import tags from '@allbluecn/plugins-core/tags'
+import inspiration from '@allbluecn/plugins-core/inspiration'
+import prd from '@allbluecn/plugins-core/prd'
+import { defineProfile, type ProfileDefinition } from '@allbluecn/kernel'
+
+export const profile: ProfileDefinition = defineProfile({
+  id: 'oss',
+  plugins: [tags, inspiration, prd],
+})
+
+export const pluginIds: string[] = ['@allbluecn/tags', '@allbluecn/inspiration', '@allbluecn/prd']
+
+export const pluginMiddleware: unknown[] = [
+  ...tags.contributes.serverMiddleware ?? [],
+  ...inspiration.contributes.serverMiddleware ?? [],
+  ...prd.contributes.serverMiddleware ?? [],
+]

package/src/plugins/ui.gen.ts

@@ -0,0 +1,8 @@
+// AUTO-GENERATED by @allbluecn/kernel — DO NOT EDIT
+import { NavTag } from '@allbluecn/plugins-core/tags/ui'
+import { type ComponentType } from 'react'
+import type { SettingsTabContribution } from '@allbluecn/kernel'
+
+export const navItems: ComponentType[] = [NavTag]
+export const settingsTabs: SettingsTabContribution[] = []
+export const dashboardWidgets: ComponentType[] = []