Files
Auto-GPT/frontend
hunteraraujo 314cce75b5 Integrate TaskQueueView and Enhance SkillTree Functionality (#5206)
* Add TestQueueView to Main Layout

This commit integrates the TestQueueView into the main layout. The layout now conditionally displays the TestQueueView based on whether a node in the SkillTree is selected.

- TestQueueView appears when a SkillTree node is selected.
- Main layout adjusts to accommodate TestQueueView alongside SkillTreeView and ChatView.
- Implemented responsive layout logic to manage the widths of the different views based on the screen width and the state of the SkillTree.

* Extend SkillTreeViewModel to Track Selected Node Hierarchy

This commit enhances the SkillTreeViewModel to maintain a list of nodes that form a hierarchy from the currently selected node to the root. This allows for more interactive and informative views that can leverage this hierarchical data.

- Added a new property `selectedNodeHierarchy` to keep track of the node hierarchy.
- Modified the `toggleNodeSelection` method to populate or clear `selectedNodeHierarchy` based on node selection.
- Introduced a new method `populateSelectedNodeHierarchy` to build the hierarchy from the selected node to the root.

* Extract skill tree view model reset state to method

* Implement UI enhancements for TaskQueueView

This commit introduces several UI improvements to the TaskQueueView:
- Tiles are padded 20 units from both the leading and trailing edges.
- Tiles now have a white background.
- Added a thin black border to the tiles.
- Incorporated a slight corner radius for the tiles.
- Centered the title and subtitle horizontally within the tiles.
- Added a checkmark button with a tooltip at the bottom-right corner for running a suite of tests.

These changes aim to improve the user experience and visual appeal of the TaskQueueView.

* Make MainLayout a consumer of SkillTreeViewModel
2023-09-12 14:01:32 -07:00
..
2023-09-10 13:50:29 -07:00
2023-09-10 13:50:29 -07:00
2023-09-12 12:47:09 -07:00

AutoGPT Flutter Client

Description

This repository contains the Flutter client for the AutoGPT project. The application facilitates users in discussing various tasks with a single agent. The app is built to be cross-platform and runs on Web, Android, iOS, Windows, and Mac.

Features

  • List and manage multiple tasks.
  • Engage in chat conversations related to selected tasks.

Design document

The design document for this project provides a detailed outline of the architecture, components, and other important aspects of this application. Please note that this is a living, growing document and it is subject to change as the project evolves.

You can access the design document here.

Requirements

  • Flutter 3.x
  • Dart 3.x

Flutter comes with Dart, to install Flutter, follow the instructions here: https://docs.flutter.dev/get-started/install

Installation

  1. Clone the repo:
git clone https://github.com/yourusername/auto_gpt_flutter_client.git
  1. Navigate to the project directory:
cd auto_gpt_flutter_client
  1. Get Flutter packages:
flutter pub get
  1. Run the app:
flutter run -d chrome --web-port 5000

Project Structure

  • lib/: Contains the main source code for the application.
  • models/: Data models that define the structure of the objects used in the app.
  • views/: The UI components of the application.
  • viewmodels/: The business logic and data handling for the views.
  • services/: Contains the service classes that handle communication with backend APIs and other external data sources. These services are used to fetch and update data that the app uses, and they are consumed by the ViewModels.
  • test/: Contains the test files for unit and widget tests.

Responsive Design

The app features a responsive design that adapts to different screen sizes and orientations. On larger screens (Web, Windows, Mac), views are displayed side by side horizontally. On smaller screens (Android, iOS), views are displayed in a tab bar controller layout.

License

This project is licensed under the MIT License - see the LICENSE file for details.