Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

chatbot component tweaks #8594

Merged
merged 30 commits into from
Jun 24, 2024
Merged

chatbot component tweaks #8594

merged 30 commits into from
Jun 24, 2024

Conversation

pngwn
Copy link
Member

@pngwn pngwn commented Jun 21, 2024

Description

Please include a concise summary, in clear English, of the changes in this pull request. If it closes an issue, please mention it here.

Closes #8544

🎯 PRs Should Target Issues

Before your create a PR, please check to see if there is an existing issue for this change. If not, please create an issue before you create this PR, unless the fix is very small.

Not adhering to this guideline will result in the PR being closed.

Tests

  1. PRs will only be merged if tests pass on CI. To run the tests locally, please set up your Gradio environment locally and run the tests: bash scripts/run_all_tests.sh

  2. You may need to run the linters: bash scripts/format_backend.sh and bash scripts/format_frontend.sh

pngwn added 7 commits June 20, 2024 11:16
fix
@pngwn pngwn changed the title 8544 chatbot chatbot component tweaks Jun 21, 2024
@gradio-pr-bot
Copy link
Collaborator

gradio-pr-bot commented Jun 21, 2024

🪼 branch checks and previews

Name Status URL
Spaces ready! Spaces preview
Website ready! Website preview
Storybook ready! Storybook preview
🦄 Changes detected! Details

Install Gradio from this PR

pip install https://gradio-builds.s3.amazonaws.com/4dcfdac49485babe06fb18613b33b09d27b8fa35/gradio-4.36.1-py3-none-any.whl

Install Gradio Python Client from this PR

pip install "gradio-client @ git+https://github.com/gradio-app/gradio@4dcfdac49485babe06fb18613b33b09d27b8fa35#subdirectory=client/python"

Install Gradio JS Client from this PR

npm install https://gradio-builds.s3.amazonaws.com/4dcfdac49485babe06fb18613b33b09d27b8fa35/gradio-client-1.1.1.tgz

@gradio-pr-bot
Copy link
Collaborator

gradio-pr-bot commented Jun 21, 2024

🦄 change detected

This Pull Request includes changes to the following packages.

Package Version
@gradio/audio patch
@gradio/chatbot patch
@gradio/gallery patch
@gradio/icons patch
@gradio/image patch
@gradio/plot patch
@gradio/video patch
@gradio/wasm patch
gradio patch
  • Maintainers can select this checkbox to manually select packages to update.

With the following changelog entry.

chatbot component tweaks

Maintainers or the PR author can modify the PR title to modify this entry.

Something isn't right?

  • Maintainers can change the version label to modify the version bump.
  • If the bot has failed to detect any changes, or if this pull request needs to update multiple packages to different versions or requires a more comprehensive changelog entry, maintainers can update the changelog file directly.

Sorry, something went wrong.

pngwn and others added 9 commits June 21, 2024 19:14
}
.bubble-gap {
gap: calc(var(--spacing-xxl) + var(--spacing-lg));
}
.message-wrap
/* .message-wrap
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

do we need to remove this code?

Comment on lines 76 to 77
width: 12px;
height: 12px;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think these action buttons are too small 😬 see here. We should make it slightly larger and just make sure that the target inc. padding is 24x24. It's not too bad in desktop, but I definitely notice the small icon size in mobile.

IMG_7917

@hannahblair
Copy link
Collaborator

Screenshot 2024-06-24 at 18 50 45

Noticed the loading bubble is looking stretched atm but we can fix in another PR

@hannahblair
Copy link
Collaborator

Updated icon sizes from 12px -> 16px

before/after

Screenshot 2024-06-24 at 19 43 17 Screenshot 2024-06-24 at 19 43 28

Comment on lines 41 to 45
const _plot = Plotly.react(
plot_div,
plotObj.data,
plotObj.layout,
plotObj.config
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

is _plot being used?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No. This was from when I was trying to figure something out I think.

Copy link
Collaborator

@hannahblair hannahblair left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

looks great! thanks for making these improvements @pngwn!

@pngwn pngwn enabled auto-merge (squash) June 24, 2024 21:40
@pngwn pngwn merged commit 530f8a0 into main Jun 24, 2024
8 checks passed
@pngwn pngwn deleted the 8544-chatbot branch June 24, 2024 21:41
This was referenced Jun 24, 2024
@dawoodkhan82
Copy link
Collaborator

Just catching up on some PRs. Thanks for adding all these fixes @pngwn !

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

chatbot components
4 participants