@allbluecn/web-app 0.5.0 → 0.6.0

package/src/components/story/relations/knowledge-panel.tsx

@@ -1,284 +0,0 @@
-// 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 { Plus, FileText, BookOpen, Unlink } from "lucide-react";
-import { useTranslation } from "react-i18next";
-import { Button } from "@/components/ui/button";
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
-import { Input } from "@/components/ui/input";
-import { useServerFn } from "@tanstack/react-start";
-import {
-  linkPrdFn,
-  unlinkPrdFn,
-  linkDocFn,
-  unlinkDocFn,
-  searchPrdsFn,
-  searchDocsFn,
-} from "@/server/serverFns/story";
-import { toast } from "sonner";
-import { type PrdBrief, type DocBrief } from "../types";
-
-export interface KnowledgePanelProps {
-  storyId: string;
-  data: {
-    prds: PrdBrief[];
-    docs: DocBrief[];
-  };
-  onUpdate: (updates: Partial<{ prds: PrdBrief[]; docs: DocBrief[] }>) => void;
-}
-
-export function KnowledgePanel({ storyId, data, onUpdate }: KnowledgePanelProps) {
-  const { t } = useTranslation("story");
-  const [prdDialogOpen, setPrdDialogOpen] = React.useState(false);
-  const [docDialogOpen, setDocDialogOpen] = React.useState(false);
-  const [prdQuery, setPrdQuery] = React.useState("");
-  const [docQuery, setDocQuery] = React.useState("");
-  const [prdResults, setPrdResults] = React.useState<PrdBrief[]>([]);
-  const [docResults, setDocResults] = React.useState<DocBrief[]>([]);
-
-  const linkPrd = useServerFn(linkPrdFn);
-  const unlinkPrd = useServerFn(unlinkPrdFn);
-  const linkDoc = useServerFn(linkDocFn);
-  const unlinkDoc = useServerFn(unlinkDocFn);
-
-  const handleSearchPrds = async (q: string) => {
-    setPrdQuery(q);
-    if (!q.trim()) {
-      setPrdResults([]);
-      return;
-    }
-    try {
-      const results = await searchPrdsFn({ data: { query: q } });
-      setPrdResults(results);
-    } catch (error) {
-      console.error(t("knowledge.searchPrdFailed"), error);
-    }
-  };
-
-  const handleSearchDocs = async (q: string) => {
-    setDocQuery(q);
-    if (!q.trim()) {
-      setDocResults([]);
-      return;
-    }
-    try {
-      const results = await searchDocsFn({ data: { query: q } });
-      setDocResults(results);
-    } catch (error) {
-      console.error(t("knowledge.searchDocFailed"), error);
-    }
-  };
-
-  const handleLinkPrd = async (prd: PrdBrief) => {
-    try {
-      await linkPrd({ data: { storyId, prdId: prd.id } });
-      toast.success(t("knowledge.prdLinked"));
-      onUpdate({ prds: [...data.prds, prd] });
-      setPrdDialogOpen(false);
-      setPrdQuery("");
-      setPrdResults([]);
-    } catch (error: any) {
-      console.error(t("knowledge.linkPrdFailed"), error);
-      toast.error(error.message || t("knowledge.linkPrdFailed"));
-    }
-  };
-
-  const handleUnlinkPrd = async (prdId: string) => {
-    try {
-      await unlinkPrd({ data: { storyId, prdId } });
-      toast.success(t("knowledge.prdUnlinked"));
-      onUpdate({ prds: data.prds.filter((p) => p.id !== prdId) });
-    } catch (error: any) {
-      console.error(t("knowledge.unlinkPrdFailed"), error);
-      toast.error(error.message || t("knowledge.unlinkPrdFailed"));
-    }
-  };
-
-  const handleLinkDoc = async (doc: DocBrief) => {
-    try {
-      await linkDoc({ data: { storyId, docId: doc.id } });
-      toast.success(t("knowledge.docLinked"));
-      onUpdate({ docs: [...data.docs, doc] });
-      setDocDialogOpen(false);
-      setDocQuery("");
-      setDocResults([]);
-    } catch (error: any) {
-      console.error(t("knowledge.linkDocFailed"), error);
-      toast.error(error.message || t("knowledge.linkDocFailed"));
-    }
-  };
-
-  const handleUnlinkDoc = async (docId: string) => {
-    try {
-      await unlinkDoc({ data: { storyId, docId } });
-      toast.success(t("knowledge.docUnlinked"));
-      onUpdate({ docs: data.docs.filter((d) => d.id !== docId) });
-    } catch (error: any) {
-      console.error(t("knowledge.unlinkDocFailed"), error);
-      toast.error(error.message || t("knowledge.unlinkDocFailed"));
-    }
-  };
-
-  return (
-    <div className="space-y-6">
-      {/* PRD 关联 */}
-      <div>
-        <div className="flex items-center justify-between mb-2">
-          <div className="flex items-center gap-2">
-            <FileText className="h-4 w-4 text-muted-foreground" />
-            <div className="text-sm font-medium">{t("knowledge.prdTitle")}</div>
-          </div>
-          <Dialog open={prdDialogOpen} onOpenChange={setPrdDialogOpen}>
-            <DialogTrigger asChild>
-              <Button type="button" variant="outline" size="sm">
-                <Plus className="h-4 w-4 mr-2" />
-                {t("knowledge.linkPrd")}
-              </Button>
-            </DialogTrigger>
-            <DialogContent>
-              <DialogHeader>
-                <DialogTitle>{t("knowledge.searchPrdTitle")}</DialogTitle>
-              </DialogHeader>
-              <div className="space-y-3">
-                <Input
-                  placeholder={t("knowledge.searchPrdPlaceholder")}
-                  value={prdQuery}
-                  onChange={(e) => handleSearchPrds(e.target.value)}
-                />
-                <div className="max-h-64 overflow-y-auto space-y-1">
-                  {prdResults.map((prd) => (
-                    <button
-                      key={prd.id}
-                      type="button"
-                      className="w-full text-left px-3 py-2 rounded-md hover:bg-muted text-sm"
-                      onClick={() => handleLinkPrd(prd)}
-                    >
-                      {prd.title}
-                    </button>
-                  ))}
-                  {prdResults.length === 0 && prdQuery && (
-                    <div className="text-sm text-muted-foreground text-center py-4">
-                      {t("knowledge.noResults")}
-                    </div>
-                  )}
-                </div>
-              </div>
-            </DialogContent>
-          </Dialog>
-        </div>
-
-        {data.prds.length > 0 ? (
-          <div className="space-y-2">
-            {data.prds.map((prd) => (
-              <div
-                key={prd.id}
-                className="flex items-center justify-between p-3 bg-muted rounded-md"
-              >
-                <span className="text-sm">{prd.title}</span>
-                <Button
-                  type="button"
-                  variant="ghost"
-                  size="sm"
-                  onClick={() => handleUnlinkPrd(prd.id)}
-                >
-                  <Unlink className="h-4 w-4" />
-                </Button>
-              </div>
-            ))}
-          </div>
-        ) : (
-          <div className="text-sm text-muted-foreground text-center py-2">
-            {t("knowledge.noPrds")}
-          </div>
-        )}
-      </div>
-
-      {/* 知识文档关联 */}
-      <div>
-        <div className="flex items-center justify-between mb-2">
-          <div className="flex items-center gap-2">
-            <BookOpen className="h-4 w-4 text-muted-foreground" />
-            <div className="text-sm font-medium">{t("knowledge.docTitle")}</div>
-          </div>
-          <Dialog open={docDialogOpen} onOpenChange={setDocDialogOpen}>
-            <DialogTrigger asChild>
-              <Button type="button" variant="outline" size="sm">
-                <Plus className="h-4 w-4 mr-2" />
-                {t("knowledge.linkDoc")}
-              </Button>
-            </DialogTrigger>
-            <DialogContent>
-              <DialogHeader>
-                <DialogTitle>{t("knowledge.searchDocTitle")}</DialogTitle>
-              </DialogHeader>
-              <div className="space-y-3">
-                <Input
-                  placeholder={t("knowledge.searchDocPlaceholder")}
-                  value={docQuery}
-                  onChange={(e) => handleSearchDocs(e.target.value)}
-                />
-                <div className="max-h-64 overflow-y-auto space-y-1">
-                  {docResults.map((doc) => (
-                    <button
-                      key={doc.id}
-                      type="button"
-                      className="w-full text-left px-3 py-2 rounded-md hover:bg-muted text-sm"
-                      onClick={() => handleLinkDoc(doc)}
-                    >
-                      {doc.title}
-                    </button>
-                  ))}
-                  {docResults.length === 0 && docQuery && (
-                    <div className="text-sm text-muted-foreground text-center py-4">
-                      {t("knowledge.noResults")}
-                    </div>
-                  )}
-                </div>
-              </div>
-            </DialogContent>
-          </Dialog>
-        </div>
-
-        {data.docs.length > 0 ? (
-          <div className="space-y-2">
-            {data.docs.map((doc) => (
-              <div
-                key={doc.id}
-                className="flex items-center justify-between p-3 bg-muted rounded-md"
-              >
-                <span className="text-sm">{doc.title}</span>
-                <Button
-                  type="button"
-                  variant="ghost"
-                  size="sm"
-                  onClick={() => handleUnlinkDoc(doc.id)}
-                >
-                  <Unlink className="h-4 w-4" />
-                </Button>
-              </div>
-            ))}
-          </div>
-        ) : (
-          <div className="text-sm text-muted-foreground text-center py-2">
-            {t("knowledge.noDocs")}
-          </div>
-        )}
-      </div>
-    </div>
-  );
-}

package/src/components/story/relations/links-panel.tsx

@@ -1,240 +0,0 @@
-// 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 { Plus, ExternalLink, Trash2, Edit2 } from "lucide-react";
-import { useTranslation } from "react-i18next";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { Textarea } from "@/components/ui/textarea";
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
-import { useServerFn } from "@tanstack/react-start";
-import { addLinkFn, updateLinkFn, removeLinkFn } from "@/server/serverFns/story";
-import { toast } from "sonner";
-import { type StoryLinkItem } from "../types";
-
-export interface LinksPanelProps {
-  storyId: string;
-  data: StoryLinkItem[];
-  onUpdate: (newLinks: StoryLinkItem[]) => void;
-}
-
-export function LinksPanel({ storyId, data, onUpdate }: LinksPanelProps) {
-  const { t } = useTranslation("story");
-  const [open, setOpen] = React.useState(false);
-  const [editingLink, setEditingLink] = React.useState<StoryLinkItem | null>(null);
-  const [form, setForm] = React.useState({ url: "", title: "", description: "" });
-
-  const addLink = useServerFn(addLinkFn);
-  const updateLink = useServerFn(updateLinkFn);
-  const removeLink = useServerFn(removeLinkFn);
-
-  const handleOpenAdd = () => {
-    setEditingLink(null);
-    setForm({ url: "", title: "", description: "" });
-    setOpen(true);
-  };
-
-  const handleOpenEdit = (link: StoryLinkItem) => {
-    setEditingLink(link);
-    setForm({ url: link.url, title: link.title || "", description: link.description || "" });
-    setOpen(true);
-  };
-
-  const handleSubmit = async (e: React.FormEvent) => {
-    e.preventDefault();
-
-    try {
-      if (editingLink) {
-        await updateLink({
-          data: {
-            linkId: editingLink.id,
-            url: form.url,
-            title: form.title || undefined,
-            description: form.description || undefined,
-          },
-        });
-        toast.success(t("links.updated"));
-
-        onUpdate(
-          data.map((link) =>
-            link.id === editingLink.id
-              ? { ...link, url: form.url, title: form.title || null, description: form.description || null }
-              : link
-          )
-        );
-      } else {
-        const result = await addLink({
-          data: {
-            storyId,
-            url: form.url,
-            title: form.title || undefined,
-            description: form.description || undefined,
-          },
-        });
-        toast.success(t("links.added"));
-
-        onUpdate([
-          ...data,
-          {
-            id: result.id,
-            url: result.url,
-            title: result.title,
-            description: result.description,
-          },
-        ]);
-      }
-
-      setOpen(false);
-    } catch (error: any) {
-      console.error(t("links.saveFailed"), error);
-      toast.error(error.message || t("links.saveFailed"));
-    }
-  };
-
-  const handleRemove = async (linkId: string) => {
-    try {
-      await removeLink({ data: { linkId } });
-      toast.success(t("links.removed"));
-
-      onUpdate(data.filter((link) => link.id !== linkId));
-    } catch (error: any) {
-      console.error(t("links.removeFailed"), error);
-      toast.error(error.message || t("links.removeFailed"));
-    }
-  };
-
-  return (
-    <div className="space-y-4">
-      <div className="flex items-center justify-between">
-        <div className="text-sm font-medium">{t("links.title")}</div>
-        <Dialog open={open} onOpenChange={setOpen}>
-          <DialogTrigger asChild>
-            <Button type="button" variant="outline" size="sm" onClick={handleOpenAdd}>
-              <Plus className="h-4 w-4 mr-2" />
-              {t("links.add")}
-            </Button>
-          </DialogTrigger>
-          <DialogContent>
-            <DialogHeader>
-              <DialogTitle>{t(editingLink ? "links.editTitle" : "links.addTitle")}</DialogTitle>
-            </DialogHeader>
-            <form onSubmit={handleSubmit} className="space-y-4">
-              <div>
-                <label className="text-sm font-medium">URL</label>
-                <Input
-                  type="url"
-                  placeholder="https://example.com"
-                  value={form.url}
-                  onChange={(e) => setForm({ ...form, url: e.target.value })}
-                  required
-                />
-              </div>
-              <div>
-                <label className="text-sm font-medium">{t("links.titleOptional")}</label>
-                <Input
-                  placeholder={t("links.titlePlaceholder")}
-                  value={form.title}
-                  onChange={(e) => setForm({ ...form, title: e.target.value })}
-                />
-              </div>
-              <div>
-                <label className="text-sm font-medium">{t("links.descOptional")}</label>
-                <Textarea
-                  placeholder={t("links.descPlaceholder")}
-                  value={form.description}
-                  onChange={(e) => setForm({ ...form, description: e.target.value })}
-                  rows={3}
-                />
-              </div>
-              <div className="flex justify-end gap-2">
-                <Button type="button" variant="outline" onClick={() => setOpen(false)}>
-                  {t("links.cancel")}
-                </Button>
-                <Button type="submit">{t(editingLink ? "links.update" : "links.add")}</Button>
-              </div>
-            </form>
-          </DialogContent>
-        </Dialog>
-      </div>
-
-      {data.length > 0 ? (
-        <div className="space-y-2">
-          {data.map((link) => (
-            <div
-              key={link.id}
-              className="flex items-start justify-between p-3 bg-muted rounded-md"
-            >
-              <div className="flex-1 min-w-0">
-                <div className="flex items-center gap-2 mb-1">
-                  <ExternalLink className="h-4 w-4 text-muted-foreground shrink-0" />
-                  {link.title ? (
-                    <span className="text-sm font-medium truncate">{link.title}</span>
-                  ) : (
-                    <a
-                      href={link.url}
-                      target="_blank"
-                      rel="noopener noreferrer"
-                      className="text-sm truncate hover:underline"
-                    >
-                      {link.url}
-                    </a>
-                  )}
-                </div>
-                {link.description && (
-                  <p className="text-sm text-muted-foreground truncate">{link.description}</p>
-                )}
-                {!link.title && (
-                  <a
-                    href={link.url}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    className="text-xs text-muted-foreground truncate block"
-                  >
-                    {link.url}
-                  </a>
-                )}
-              </div>
-              <div className="flex items-center gap-1 ml-2">
-                <Button
-                  type="button"
-                  variant="ghost"
-                  size="icon"
-                  onClick={() => handleOpenEdit(link)}
-                >
-                  <Edit2 className="h-4 w-4" />
-                </Button>
-                <Button
-                  type="button"
-                  variant="ghost"
-                  size="icon"
-                  onClick={() => handleRemove(link.id)}
-                >
-                  <Trash2 className="h-4 w-4" />
-                </Button>
-              </div>
-            </div>
-          ))}
-        </div>
-      ) : (
-        <div className="text-sm text-muted-foreground text-center py-4">
-          {t("links.empty")}
-        </div>
-      )}
-    </div>
-  );
-}

package/src/lib/project-mock.ts

@@ -1,156 +0,0 @@
-// 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 {
-  ClipboardList,
-  Package2,
-  Palette,
-  FlaskConical,
-  Bug,
-  CircleCheckBig,
-} from "lucide-react";
-import type {
-  ProjectModuleKey,
-  ProjectModuleOverview,
-  ProjectModuleItem,
-} from "@/types/project";
-
-// 6 个板块元数据（key 与路由 $module 对应）
-export const PROJECT_MODULE_META: Record<
-  ProjectModuleKey,
-  Omit<ProjectModuleOverview, "count" | "lastUpdatedAt" | "link">
-> = {
-  requirement: {
-    key: "requirement",
-    title: "需求",
-    description: "收集与跟踪产品需求池",
-    icon: ClipboardList,
-  },
-  prd: {
-    key: "prd",
-    title: "PRD",
-    description: "产品需求文档与原型画板",
-    icon: Package2,
-  },
-  design: {
-    key: "design",
-    title: "设计",
-    description: "UI 设计稿与画板资源",
-    icon: Palette,
-  },
-  testcase: {
-    key: "testcase",
-    title: "测例",
-    description: "测试用例与执行计划",
-    icon: FlaskConical,
-  },
-  bug: {
-    key: "bug",
-    title: "BUG",
-    description: "缺陷跟踪与修复进度",
-    icon: Bug,
-  },
-  acceptance: {
-    key: "acceptance",
-    title: "验收",
-    description: "交付验收与上线检查",
-    icon: CircleCheckBig,
-  },
-};
-
-export const PROJECT_MODULE_KEYS = Object.keys(
-  PROJECT_MODULE_META,
-) as ProjectModuleKey[];
-
-// 生成 mock 板块概览（根据 projectId 稳定生成数量）
-export function buildModuleOverview(projectId: string): ProjectModuleOverview[] {
-  const seed = projectId.charCodeAt(0) + projectId.length;
-  return PROJECT_MODULE_KEYS.map((key, idx) => {
-    const meta = PROJECT_MODULE_META[key];
-    const count = (seed + idx * 7) % 40;
-    const daysAgo = (seed + idx * 3) % 30;
-    const lastUpdatedAt = new Date(Date.now() - daysAgo * 86400000);
-    return {
-      ...meta,
-      count,
-      lastUpdatedAt,
-    };
-  });
-}
-
-// 板块状态与优先级（mock 文案池）
-const STATUSES = ["待处理", "进行中", "已完成", "已验收", "已关闭"];
-const PRIORITIES = ["高", "中", "高", "中", "低"];
-const ASSIGNEES = ["张明", "李华", "王芳", "赵磊", "陈静", "刘洋"];
-const TITLES: Record<ProjectModuleKey, string[]> = {
-  requirement: [
-    "用户登录优化",
-    "支付流程改造",
-    "首页性能提升",
-    "消息中心重构",
-    "数据看板新增",
-    "权限体系完善",
-  ],
-  prd: [
-    "登录注册 PRD v2",
-    "支付系统 PRD",
-    "首页改版 PRD",
-    "消息中心 PRD",
-  ],
-  design: [
-    "首页视觉稿",
-    "支付页设计",
-    "个人中心 UI",
-    "引导页插画",
-    "图标库更新",
-  ],
-  testcase: [
-    "登录用例集",
-    "支付回归用例",
-    "首页兼容性用例",
-    "性能压测用例",
-    "权限用例",
-  ],
-  bug: [
-    "iOS 16 输入框错位",
-    "支付偶发失败",
-    "列表滑动卡顿",
-    "深色模式样式异常",
-  ],
-  acceptance: [
-    "v2.1 版本验收",
-    "支付模块验收",
-    "性能优化验收",
-  ],
-};
-
-// 根据 projectId + module 生成稳定的 mock 列表
-export function listModuleItems(
-  projectId: string,
-  module: ProjectModuleKey,
-): ProjectModuleItem[] {
-  const titles = TITLES[module];
-  const seed = projectId.charCodeAt(0) + module.charCodeAt(0);
-  return titles.map((title, idx) => ({
-    id: `${projectId}-${module}-${idx}`,
-    title,
-    status: STATUSES[(seed + idx) % STATUSES.length],
-    priority: PRIORITIES[(seed + idx) % PRIORITIES.length],
-    assignee: ASSIGNEES[(seed + idx) % ASSIGNEES.length],
-    updatedAt: new Date(Date.now() - ((seed + idx * 2) % 30) * 86400000),
-  }));
-}