fix styles

apps/app/src/features/openai/client/components/AiAssistant/Sidebar/AiAssistantSubstance.module.scss

@@ -1,3 +1,4 @@
+@use '@growi/core-styles/scss/bootstrap/init' as bs;
 
 .grw-ai-assistant-substance :global {
   .grw-ai-assistant-substance-header {
@@ -31,7 +32,7 @@
 
         .btn-link {
           &:hover {
-            color: var(--bs-primary) !important;
+            color: var(--bs-gray-800) !important;
           }
         }
       }

apps/app/src/features/openai/client/components/AiAssistant/Sidebar/AiAssistantTree.tsx

@@ -18,7 +18,7 @@ const ThreadItem: React.FC<ThreadItemProps> = ({
 }) => {
   return (
     <li
-      className="list-group-item list-group-item-action border-0  d-flex align-items-center rounded-1 ps-5"
+      className="list-group-item list-group-item-action border-0 d-flex align-items-center rounded-1 ps-5"
       role="button"
     >
       <div>
@@ -33,12 +33,12 @@ const ThreadItem: React.FC<ThreadItemProps> = ({
 
 
 const getShareScopeIcon = (shareScope: AiAssistantShareScope, accessScope: AiAssistantAccessScope): string => {
-  const targetScope = shareScope === AiAssistantShareScope.SAME_AS_ACCESS_SCOPE ? accessScope : shareScope;
-  switch (targetScope) {
+  const determinedSharedScope = shareScope === AiAssistantShareScope.SAME_AS_ACCESS_SCOPE ? accessScope : shareScope;
+  switch (determinedSharedScope) {
     case AiAssistantShareScope.OWNER:
       return 'lock';
     case AiAssistantShareScope.GROUPS:
-      return 'polyline';
+      return 'account_tree';
     case AiAssistantShareScope.PUBLIC_ONLY:
       return 'group';
   }
@@ -92,9 +92,11 @@ const AiAssistantItem: React.FC<AiAssistantItemProps> = ({
             </div>
           </button>
         </div>
-        <div>
+
+        <div className="d-flex justify-content-center">
           <span className="material-symbols-outlined fs-5">{getShareScopeIcon(aiAssistant.shareScope, aiAssistant.accessScope)}</span>
         </div>
+
         <div className="grw-ai-assistant-title-anchor ps-1">
           <p className="text-truncate m-auto">{aiAssistant.name}</p>
         </div>