@allbluecn/web-app 0.4.22 → 0.5.1

package/src/components/story/relations/tab.tsx

@@ -1,212 +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 { useTranslation } from "react-i18next";
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion";
-import { RELATIONS_ACCORDION_ITEMS } from "../constants";
-import { HierarchyPanel } from "./hierarchy-panel";
-import { DependencyPanel } from "./dependency-panel";
-import { LinksPanel } from "./links-panel";
-import { AttachmentsPanel } from "./attachments-panel";
-import { KnowledgePanel } from "./knowledge-panel";
-import { type RelationsData } from "../types";
-import {
-  listChildStoriesFn,
-  getDependenciesFn,
-  getLinksFn,
-  getAttachmentsFn,
-  getLinkedPrdsFn,
-  getLinkedDocsFn,
-} from "@/server/serverFns/story";
-import { toast } from "sonner";
-
-export interface RelationsTabProps {
-  storyId: string;
-  initialData?: RelationsData;
-}
-
-export function RelationsTab({ storyId, initialData }: RelationsTabProps) {
-  const { t } = useTranslation("story");
-  const [data, setData] = React.useState<RelationsData>(
-    initialData || {
-      hierarchy: { parent: null, children: [], hasChildren: false },
-      dependencies: { blocking: [], blockedBy: [], relatesTo: [] },
-      links: [],
-      attachments: [],
-      knowledge: { prds: [], docs: [] },
-    }
-  );
-  const [loading, setLoading] = React.useState(false);
-
-  const refreshAll = React.useCallback(async () => {
-    setLoading(true);
-    try {
-      const [childrenStories, deps, links, attachments, prds, docs] = await Promise.all([
-        listChildStoriesFn({ data: { parentId: storyId } }),
-        getDependenciesFn({ data: { storyId } }),
-        getLinksFn({ data: { storyId } }),
-        getAttachmentsFn({ data: { storyId } }),
-        getLinkedPrdsFn({ data: { storyId } }),
-        getLinkedDocsFn({ data: { storyId } }),
-      ]);
-
-      setData({
-        hierarchy: {
-          parent: null,
-          children: childrenStories,
-          hasChildren: childrenStories.length > 0,
-        },
-        dependencies: deps as RelationsData["dependencies"],
-        links,
-        attachments,
-        knowledge: {
-          prds,
-          docs,
-        },
-      });
-    } catch (error) {
-      console.error(t("relationsTab.refreshFailed"), error);
-      toast.error(t("relationsTab.refreshFailed"));
-    } finally {
-      setLoading(false);
-    }
-  }, [storyId]);
-
-  React.useEffect(() => {
-    if (!initialData) {
-      refreshAll();
-    }
-  }, [initialData, refreshAll]);
-
-  const updateHierarchy = React.useCallback(
-    (updates: Partial<RelationsData["hierarchy"]>) => {
-      setData((prev) => ({
-        ...prev,
-        hierarchy: { ...prev.hierarchy, ...updates },
-      }));
-    },
-    []
-  );
-
-  const updateDependencies = React.useCallback(
-    (updates: Partial<RelationsData["dependencies"]>) => {
-      setData((prev) => ({
-        ...prev,
-        dependencies: { ...prev.dependencies, ...updates },
-      }));
-    },
-    []
-  );
-
-  const updateLinks = React.useCallback(
-    (newLinks: RelationsData["links"]) => {
-      setData((prev) => ({ ...prev, links: newLinks }));
-    },
-    []
-  );
-
-  const updateAttachments = React.useCallback(
-    (newAttachments: RelationsData["attachments"]) => {
-      setData((prev) => ({ ...prev, attachments: newAttachments }));
-    },
-    []
-  );
-
-  const updateKnowledge = React.useCallback(
-    (updates: Partial<RelationsData["knowledge"]>) => {
-      setData((prev) => ({
-        ...prev,
-        knowledge: { ...prev.knowledge, ...updates },
-      }));
-    },
-    []
-  );
-
-  return (
-    <div className="space-y-4">
-      <div className="flex items-center justify-between">
-        <h3 className="text-lg font-semibold">{t("relationsTab.title")}</h3>
-        <button
-          type="button"
-          onClick={refreshAll}
-          disabled={loading}
-          className="text-sm text-muted-foreground hover:text-foreground disabled:opacity-50"
-        >
-          {t(loading ? "relationsTab.refreshing" : "relationsTab.refresh")}
-        </button>
-      </div>
-
-      <Accordion type="multiple" defaultValue={Object.values(RELATIONS_ACCORDION_ITEMS)} className="w-full">
-        <AccordionItem value={RELATIONS_ACCORDION_ITEMS.HIERARCHY}>
-          <AccordionTrigger>{t("relationsTab.hierarchy")}</AccordionTrigger>
-          <AccordionContent>
-            <HierarchyPanel
-              storyId={storyId}
-              data={data.hierarchy}
-              onUpdate={updateHierarchy}
-            />
-          </AccordionContent>
-        </AccordionItem>
-
-        <AccordionItem value={RELATIONS_ACCORDION_ITEMS.DEPENDENCIES}>
-          <AccordionTrigger>{t("relationsTab.dependencies")}</AccordionTrigger>
-          <AccordionContent>
-            <DependencyPanel
-              storyId={storyId}
-              data={data.dependencies}
-              onUpdate={updateDependencies}
-            />
-          </AccordionContent>
-        </AccordionItem>
-
-        <AccordionItem value={RELATIONS_ACCORDION_ITEMS.LINKS}>
-          <AccordionTrigger>{t("relationsTab.links")}</AccordionTrigger>
-          <AccordionContent>
-            <LinksPanel
-              storyId={storyId}
-              data={data.links}
-              onUpdate={updateLinks}
-            />
-          </AccordionContent>
-        </AccordionItem>
-
-        <AccordionItem value={RELATIONS_ACCORDION_ITEMS.ATTACHMENTS}>
-          <AccordionTrigger>{t("relationsTab.attachments")}</AccordionTrigger>
-          <AccordionContent>
-            <AttachmentsPanel
-              storyId={storyId}
-              data={data.attachments}
-              onUpdate={updateAttachments}
-            />
-          </AccordionContent>
-        </AccordionItem>
-
-        <AccordionItem value={RELATIONS_ACCORDION_ITEMS.KNOWLEDGE}>
-          <AccordionTrigger>{t("relationsTab.knowledge")}</AccordionTrigger>
-          <AccordionContent>
-            <KnowledgePanel
-              storyId={storyId}
-              data={data.knowledge}
-              onUpdate={updateKnowledge}
-            />
-          </AccordionContent>
-        </AccordionItem>
-      </Accordion>
-    </div>
-  );
-}