Merge branch 'release-updates' of github.com:code-kern-ai/refinery-ui into release-updates

Author: JWittmeyer

src/components/projects/projectId/settings/ProjectSettings.tsx

@@ -333,7 +333,7 @@ export default function ProjectSettings() {
                 </div>
             </div>
 
-            <Embeddings />
+            <Embeddings refetchEmbeddings={refetchEmbeddingsAndPostProcess} />
             <LabelingTasks />
             {isManaged && <GatesIntegration />}
             <ProjectMetaData />

src/components/projects/projectId/settings/embeddings/Embeddings.tsx

@@ -1,6 +1,6 @@
 import LoadingIcon from "@/src/components/shared/loading/LoadingIcon";
 import { selectIsManaged } from "@/src/reduxStore/states/general";
-import { openModal, setModalStates } from "@/src/reduxStore/states/modal";
+import { closeModal, openModal, setModalStates } from "@/src/reduxStore/states/modal";
 import { selectAttributes, selectEmbeddings } from "@/src/reduxStore/states/pages/settings";
 import { selectProjectId } from "@/src/reduxStore/states/project";
 import { Embedding, EmbeddingState } from "@/src/types/components/projects/projectId/settings/embeddings";
@@ -19,7 +19,7 @@ import DeleteEmbeddingModal from "./DeleteEmbeddingModal";
 import { useWebsocket } from "@/src/services/base/web-sockets/useWebsocket";
 
 
-export default function Embeddings() {
+export default function Embeddings(props: { refetchEmbeddings: () => void }) {
     const dispatch = useDispatch();
     const router = useRouter();
 
@@ -58,6 +58,7 @@ export default function Embeddings() {
             const loadingEmbeddingsDictCopy = { ...loadingEmbeddingsDict }
             delete loadingEmbeddingsDictCopy[msgParts[2]];
             setLoadingEmbeddingsDict(loadingEmbeddingsDictCopy);
+            props.refetchEmbeddings();
         } else if (msgParts[1] == 'upload_embedding_payload') {
             if (loadingEmbeddingsDict[msgParts[2]] == undefined) {
                 const loadingEmbeddingsDictCopy = { ...loadingEmbeddingsDict };
@@ -119,7 +120,7 @@ export default function Embeddings() {
                                                     <IconNotes onClick={() => embedding.onQdrant ? dispatch(setModalStates(ModalEnum.FILTERED_ATTRIBUTES, { embeddingId: embedding.id, open: true, attributeNames: prepareAttributeDataByNames(embedding.filterAttributes), showEditOption: showEditOption })) : null}
                                                         className={`h-6 w-6 ${embedding.filterAttributes && embedding.filterAttributes.length > 0 ? 'text-gray-700' : 'text-gray-300'} ${embedding.onQdrant ? "" : "cursor-not-allowed opacity-50"}`} />
                                                 </Tooltip>
-                                            </td> : <td><LoadingIcon /></td>}
+                                            </td> : <td className="whitespace-nowrap text-center px-3 py-2 text-sm text-gray-500 flex justify-center"><LoadingIcon /></td>}
                                         <td className="whitespace-nowrap text-center px-3 py-2 text-sm text-gray-500">
                                             <div className="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-yellow-100 text-yellow-800">
                                                 {embedding.state == EmbeddingState.QUEUED ? '' : embedding.type == 'ON_ATTRIBUTE' ? 'Attribute Specific' : 'Token Specific'}

src/components/projects/projectId/settings/embeddings/FilterAttributesModal.tsx

@@ -29,8 +29,10 @@ export default function FilterAttributesModal(props: FilterAttributesModalProps)
 
     function saveFilteredAttributes() {
         props.setShowEditOption(false);
+        dispatch(closeModal(ModalEnum.FILTERED_ATTRIBUTES));
         dispatch(setModalStates(ModalEnum.FILTERED_ATTRIBUTES, { showEditOption: false }));
-        updateEmbeddingPayloadMut({ variables: { projectId: projectId, embeddingId: modalFilteredAttributes.embeddingId, filterAttributes: JSON.stringify(props.filterAttributesUpdate) } }).then((res) => { });
+        updateEmbeddingPayloadMut({ variables: { projectId: projectId, embeddingId: modalFilteredAttributes.embeddingId, filterAttributes: JSON.stringify(props.filterAttributesUpdate) } }).then((res) => {
+        });
     }
 
     useEffect(() => {