ФУНКЦИИ - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: source-side принятие и возврат внешнего запроса

plane-src/apps/web/ce/components/projects/external-contours/issue-header.tsx

@@ -8,11 +8,13 @@ import { useCallback, useEffect } from "react";
 import { observer } from "mobx-react";
 import { PanelLeft } from "lucide-react";
 import { useTranslation } from "@plane/i18n";
+import { Badge } from "@plane/propel/badge";
 import { Button } from "@plane/propel/button";
 import { IconButton } from "@plane/propel/icon-button";
-import { ChevronDownIcon, ChevronUpIcon, LinkIcon, NewTabIcon } from "@plane/propel/icons";
+import { CheckCircleFilledIcon, ChevronDownIcon, ChevronUpIcon, CloseCircleFilledIcon, LinkIcon, NewTabIcon } from "@plane/propel/icons";
 import { TOAST_TYPE, setToast } from "@plane/propel/toast";
 import type { TExternalContourRequest, TNameDescriptionLoader } from "@plane/types";
+import { EInboxIssueCurrentTab } from "@plane/types";
 import { ControlLink, Header, Row } from "@plane/ui";
 import { copyUrlToClipboard, generateWorkItemLink } from "@plane/utils";
 import { NameDescriptionUpdateStatus } from "@/components/issues/issue-update-status";
@@ -43,11 +45,13 @@ export const ExternalContoursIssueActionsHeader = observer(function ExternalCont
   } = props;
   const { t } = useTranslation();
   const router = useAppRouter();
-  const { currentTab, filteredRequestIds } = useProjectExternalContours();
+  const { currentTab, decideRequest, filteredRequestIds, handleCurrentTab } = useProjectExternalContours();
   const { getProjectById } = useProject();
 
   const issue = contourRequest.issue;
   const currentRequestId = contourRequest.id;
+  const canReviewClosedRequest = contourRequest.status === "closed" && contourRequest.source_decision !== "accepted";
+  const isSourceAccepted = contourRequest.source_decision === "accepted";
 
   const redirectToRelativeIssue = useCallback(
     (direction: "next" | "prev") => {
@@ -92,6 +96,33 @@ export const ExternalContoursIssueActionsHeader = observer(function ExternalCont
       })
     );
 
+  const handleDecision = async (action: "accept" | "decline") => {
+    try {
+      await decideRequest(workspaceSlug, sourceProjectId, contourRequest.id, action);
+      if (action === "decline") {
+        await handleCurrentTab(workspaceSlug, sourceProjectId, EInboxIssueCurrentTab.OPEN);
+        router.push(
+          `/${workspaceSlug}/projects/${sourceProjectId}/external-contours?currentTab=${EInboxIssueCurrentTab.OPEN}&inboxIssueId=${contourRequest.id}`
+        );
+      }
+      setToast({
+        type: TOAST_TYPE.SUCCESS,
+        title: t("success"),
+        message: t(
+          action === "accept"
+            ? "external_contours_page.actions.accept_success"
+            : "external_contours_page.actions.decline_success"
+        ),
+      });
+    } catch (error: any) {
+      setToast({
+        type: TOAST_TYPE.ERROR,
+        title: t("error"),
+        message: error?.error || t("external_contours_page.actions.decision_error"),
+      });
+    }
+  };
+
   return (
     <>
       <Row className="relative z-15 hidden h-full w-full items-center justify-between gap-2 border-b border-subtle bg-surface-1 lg:flex">
@@ -114,6 +145,23 @@ export const ExternalContoursIssueActionsHeader = observer(function ExternalCont
           </div>
 
           <div className="flex flex-wrap items-center gap-2">
+            {canReviewClosedRequest && (
+              <>
+                <Button variant="secondary" size="lg" onClick={() => handleDecision("accept")}>
+                  <CheckCircleFilledIcon className="size-4 shrink-0 text-success-secondary" />
+                  {t("external_contours_page.actions.accept")}
+                </Button>
+                <Button variant="secondary" size="lg" onClick={() => handleDecision("decline")}>
+                  <CloseCircleFilledIcon className="size-4 shrink-0 text-danger-secondary" />
+                  {t("external_contours_page.actions.decline")}
+                </Button>
+              </>
+            )}
+
+            {isSourceAccepted && (
+              <Badge variant="neutral">{t("external_contours_page.traceability.source_decision_accepted")}</Badge>
+            )}
+
             <Button variant="secondary" size="lg" prependIcon={<LinkIcon className="h-2.5 w-2.5" />} onClick={handleCopyLink}>
               {t("external_contours_page.actions.copy")}
             </Button>
@@ -136,6 +184,19 @@ export const ExternalContoursIssueActionsHeader = observer(function ExternalCont
         <div className="flex w-full items-center gap-2">
           <ExternalContourStatePill request={contourRequest} />
           <div className="ml-auto flex items-center gap-2">
+            {canReviewClosedRequest && (
+              <>
+                <Button variant="secondary" size="sm" onClick={() => handleDecision("accept")}>
+                  {t("external_contours_page.actions.accept")}
+                </Button>
+                <Button variant="secondary" size="sm" onClick={() => handleDecision("decline")}>
+                  {t("external_contours_page.actions.decline")}
+                </Button>
+              </>
+            )}
+            {isSourceAccepted && (
+              <Badge variant="neutral">{t("external_contours_page.traceability.source_decision_accepted")}</Badge>
+            )}
             {hasDirectTargetAccess && (
               <ControlLink href={workItemLink} onClick={() => router.push(workItemLink)} target="_self">
                 <Button variant="secondary" size="sm">

plane-src/apps/web/ce/components/projects/external-contours/request-traceability.tsx

@@ -25,6 +25,10 @@ export const ExternalContoursRequestTraceability = observer(function ExternalCon
   const requestedAt = contourRequest.requested_at || contourRequest.created_at;
   const lastUpdatedAt = issue.updated_at || contourRequest.updated_at;
   const targetProjectName = contourRequest.target_project_name || issue.project_detail?.name || t("common.none");
+  const sourceDecision =
+    contourRequest.source_decision === "accepted"
+      ? t("external_contours_page.traceability.source_decision_accepted")
+      : t("external_contours_page.traceability.source_decision_pending");
   const targetIssueKey =
     issue.project_detail?.identifier && issue.sequence_id
       ? `${issue.project_detail.identifier}-${issue.sequence_id}`
@@ -61,6 +65,11 @@ export const ExternalContoursRequestTraceability = observer(function ExternalCon
           </div>
         </div>
 
+        <div className="rounded-md border border-subtle bg-surface-1 p-3">
+          <div className="text-11 font-medium text-tertiary">{t("external_contours_page.traceability.source_decision")}</div>
+          <div className="mt-1 text-13 font-medium text-secondary">{sourceDecision}</div>
+        </div>
+
         <div className="rounded-md border border-subtle bg-surface-1 p-3">
           <div className="text-11 font-medium text-tertiary">{t("external_contours_page.traceability.requested_by")}</div>
           <div className="mt-1 flex items-center gap-2">

plane-src/apps/web/ce/components/projects/external-contours/root.tsx

@@ -44,7 +44,7 @@ export const ExternalContoursRoot = observer(function ExternalContoursRoot(props
       fetchRequests(workspaceSlug.toString(), projectId.toString(), navigationTab || EInboxIssueCurrentTab.OPEN);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [workspaceSlug, projectId]);
+  }, [workspaceSlug, projectId, navigationTab]);
 
   if (loader === "init-loading") {
     return (