Files
autogen/samples/apps/autogen-studio/frontend
Victor Dibia 4429d4d19f Autogenstudio Updates [Upload/Dowload of Skills/Workflows, Streaming Agent Replies, Agent Message Summarization] (#1801)
* update default agent system message

* session friendly name functionality

* minor formatting

* fix issues with groupchat and version bump

* fix issues with groupchat and version bump. address #1580

* update groupchat system message

* add support for copying message in chatbox

* rewrite how agent history is maintained in workflow manager. Directly extend GroupChat and Conversable agent and override process_message method. Allow passing a message processor.
Fixes bug where the last message from a groupchat manager does not get called via register_reply.

* general qol updates

* add support for downloading + copying skills, models and agents from UI

* add regex check to agent name, address #1507

* add support for uploading workflow files

* refactor, add support for streaming intermediate agent response to ui

* improve streaming ux

* add support for uploading  skills, models, agents, workflows

* add datamodel for socket message

* version update

* fix chatbox height bug

* fix csv pagination issue

* improve hidden menu for uploading entities

* fix minor issue with animation timing on chat interface

* version bump, css fixes

* use description field in autogen conversable class for description

* add implementation for llm summarization of agent chat

* support for llm summary of agent history

* formatting fixes

* formatting updates

* add dockerfile to run autogenstudio in a docker contailer

* autogenstudio docker container

* updates to websockets

* update socket connection logic,

* support using socket for passing message requests where a socket is available

* improve command for building frontend

* formatting updates

* remove duplicated code

# overwrite skills.py in work_dir is duplicated

* update description location

as Where the code calls is like  config.description

* version bump

* refactor to ensure each session and call within a session has an independent working directory

* support use of socket for sending messages where available

* use rsync to copy built files to ui direction instead of cp -rT

* spelling correctino

* readme update

* fix numpy version

* version bump

* add support for dot env variables and updating default app dir to /home/<user>/.autogenstudio

* formatting update

* update gitignore

* formatting updates

---------

Co-authored-by: James Woffinden-Luey <jluey@microsoft.com>
Co-authored-by: cillyfly <cillyfly@gmail.com>
2024-03-16 02:44:47 +00:00
..

🚀 Running UI in Dev Mode

Run the UI in dev mode (make changes and see them reflected in the browser with hotreloading):

  • npm install
  • npm run start

This should start the server on port 8000.

Design Elements

Modifying the UI, Adding Pages

The core of the app can be found in the src folder. To add pages, add a new folder in src/pages and add a index.js file. This will be the entry point for the page. For example to add a route in the app like /about, add a folder about in src/pages and add a index.tsx file. You can follow the content style in src/pages/index.tsx to add content to the page.

Core logic for each component should be written in the src/components folder and then imported in pages as needed.

connecting to front end

the front end makes request to the backend api and expects it at /api on localhost port 8081

setting env variables for the UI

  • please look at .env.default
  • make a copy of this file and name it .env.development
  • set the values for the variables in this file
    • The main variable here is GATSBY_API_URL which should be set to http://localhost:8081/api for local development. This tells the UI where to make requests to the backend.