Show warning when grantedPage is selected

apps/app/src/features/openai/client/components/AiAssistant/AiAssistantManagementModal/AiAssistantManagementHome.tsx

@@ -8,6 +8,7 @@ import {
 import { AiAssistantShareScope } from '~/features/openai/interfaces/ai-assistant';
 import { useCurrentUser } from '~/stores-universal/context';
 
+import type { SelectedPage } from '../../../../interfaces/selected-page';
 import { useAiAssistantManagementModal, AiAssistantManagementModalPageMode } from '../../../stores/ai-assistant';
 
 import { ShareScopeWarningModal } from './ShareScopeWarningModal';
@@ -18,6 +19,7 @@ type Props = {
   description: string;
   instruction: string;
   shareScope: AiAssistantShareScope
+  grantedPages: SelectedPage[]
   totalSelectedPageCount: number;
   onNameChange: (value: string) => void;
   onDescriptionChange: (value: string) => void;
@@ -31,6 +33,7 @@ export const AiAssistantManagementHome = (props: Props): JSX.Element => {
     description,
     instruction,
     shareScope,
+    grantedPages,
     totalSelectedPageCount,
     onNameChange,
     onDescriptionChange,
@@ -51,15 +54,13 @@ export const AiAssistantManagementHome = (props: Props): JSX.Element => {
   }, [currentUser?.username, t]);
 
   const createAiAssistantHandler = useCallback(async() => {
-    // TODO: Implement the logic to check if the assistant has a share scope that includes private pages
-    // task: https://redmine.weseek.co.jp/issues/161341
-    if (true) {
+    if (grantedPages.length !== 0) {
       setIsShareScopeWarningModalOpen(true);
       return;
     }
 
     await onCreateAiAssistant();
-  }, [onCreateAiAssistant]);
+  }, [grantedPages.length, onCreateAiAssistant]);
 
   return (
     <>
@@ -147,6 +148,7 @@ export const AiAssistantManagementHome = (props: Props): JSX.Element => {
 
       <ShareScopeWarningModal
         isOpen={isShareScopeWarningModalOpen}
+        grantedPages={grantedPages}
         closeModal={() => setIsShareScopeWarningModalOpen(false)}
         onSubmit={onCreateAiAssistant}
       />

apps/app/src/features/openai/client/components/AiAssistant/AiAssistantManagementModal/AiAssistantManagementModal.tsx

@@ -2,8 +2,9 @@ import React, {
   useCallback, useState, useEffect, useMemo,
 } from 'react';
 
-import type { IPageHasId } from '@growi/core';
-import { type IGrantedGroup, isPopulated } from '@growi/core';
+import {
+  type IGrantedGroup, type IPageHasId, isPopulated, PageGrant,
+} from '@growi/core';
 import { useTranslation } from 'react-i18next';
 import { Modal, TabContent, TabPane } from 'reactstrap';
 
@@ -116,6 +117,11 @@ const AiAssistantManagementModalSubstance = (): JSX.Element => {
   /*
   *  For AiAssistantManagementHome methods
   */
+
+  const grantedPages = useMemo(() => {
+    return selectedPages.filter(selectedPage => selectedPage.page.grant !== PageGrant.GRANT_PUBLIC);
+  }, [selectedPages]);
+
   const totalSelectedPageCount = useMemo(() => {
     return selectedPages.reduce((total, selectedPage) => {
       const descendantCount = selectedPage.isIncludeSubPage
@@ -250,6 +256,7 @@ const AiAssistantManagementModalSubstance = (): JSX.Element => {
             description={description}
             shareScope={selectedShareScope}
             instruction={instruction}
+            grantedPages={grantedPages}
             totalSelectedPageCount={totalSelectedPageCount}
             onNameChange={changeNameHandler}
             onDescriptionChange={changeDescriptionHandler}

apps/app/src/features/openai/client/components/AiAssistant/AiAssistantManagementModal/ShareScopeWarningModal.tsx

@@ -4,8 +4,11 @@ import {
   Modal, ModalHeader, ModalBody, ModalFooter,
 } from 'reactstrap';
 
+import type { SelectedPage } from '../../../../interfaces/selected-page';
+
 type Props = {
   isOpen: boolean,
+  grantedPages: SelectedPage[],
   closeModal: () => void,
   onSubmit: () => Promise<void>,
 }
@@ -13,6 +16,7 @@ type Props = {
 export const ShareScopeWarningModal = (props: Props): JSX.Element => {
   const {
     isOpen,
+    grantedPages,
     closeModal,
     onSubmit,
   } = props;
@@ -39,9 +43,11 @@ export const ShareScopeWarningModal = (props: Props): JSX.Element => {
 
         <div className="mb-4">
           <p className="mb-2 text-secondary">含まれる限定公開ページ</p>
-          <code>
-            /Project/GROWI/新機能/GROWI AI
-          </code>
+          {grantedPages.map(grantedPage => (
+            <code>
+              {grantedPage.page?.path}
+            </code>
+          ))}
         </div>
 
         <p>