File upload on Dialogflow CX or Conversation Agents

[oozturkplus]

Hi,

I want to create an AI assistant for company employees.
I don't need full LLM power but I need document summarization and document comparison features.
As far as I research there is no file upload feature  on Dialogflow CX.
How to provide file uploading and summarization on Google Dialogflow CX ?

Thanks.

[Yash-Kavaiya]

@oozturkplus  It is possible to architect your backend infrastructure in such a manner that, when required, Dialogflow will interface with the Dialogflow CX API, thereby enabling the implementation of customized solutions tailored to your specific requirements. Detect intent  |  Dialogflow CX  |  Google Cloud

[oozturkplus]

Hi @Yash-Kavaiya ,

I couldn't find anything that is  related among file upload and and detect intent.

[Mizar]

For file upload there is a feature but only on dialogflow Messenger, So on the chatbot ui that google offers, is this what your looking for?

This feature gives you the posibility to upload a file, on a selected bucket on Google cloud storage.

[oozturkplus]

Is there any document or code snippet about feature you mention?

[Mizar · Accepted solution]

Yes there is but I dont remember, you cant find it easily. Ill pass you the code:

This is the entire code for df-messenger, use it wisely. Hope this helps!

   <script src="https://www.gstatic.com/dialogflow-console/fast/df-messenger/prod/v1/df-messenger.js"></script>
    <df-messenger
      project-id=""
      agent-id=""
      language-code="en"
      intent="WELCOME"
      max-query-length="-1"
      gcs-upload="testing-bucket-upload-photo"  # this is the bucket name
      >
   
   
     <df-messenger-chat-bubble
     chat-title="Bot title"
     enable-file-upload   # Enable the button to upload to the bucket defined before
     enable-audio-input   # Enable the Microphone input.
      >
      </df-messenger-chat-bubble>
    </df-messenger>
    <style>
      df-messenger {
        z-index: 999;
        position: fixed;
        --df-messenger-font-color: #000;
        --df-messenger-font-family: Google Sans;
        --df-messenger-chat-background: #f3f6fc;
        --df-messenger-message-user-background: #d3e3fd;
        --df-messenger-message-bot-background: #fff;
        bottom: 16px;
        right: 16px;
      }
    </style>