Skip to content

Support base64 images in chat blocks#16761

Merged
daniellok-db merged 3 commits into
mlflow:masterfrom
frontsideair:traces-chat-image-block-base64
Jul 16, 2025
Merged

Support base64 images in chat blocks#16761
daniellok-db merged 3 commits into
mlflow:masterfrom
frontsideair:traces-chat-image-block-base64

Conversation

@frontsideair

@frontsideair frontsideair commented Jul 16, 2025

Copy link
Copy Markdown
Contributor
🛠 DevTools 🛠

Open in GitHub Codespaces

Install mlflow from this PR

# mlflow
pip install git+https://github.com/mlflow/mlflow.git@refs/pull/16761/merge
# mlflow-skinny
pip install git+https://github.com/mlflow/mlflow.git@refs/pull/16761/merge#subdirectory=libs/skinny

For Databricks, use the following command:

%sh curl -LsSf https://raw.githubusercontent.com/mlflow/mlflow/HEAD/dev/install-skinny.sh | sh -s pull/16761/merge

Related Issues/PRs

Followup to #16736

What changes are proposed in this pull request?

Handle base64 encoded images in chat messages. Also make them exempt from truncation.

How is this PR tested?

  • Existing unit/integration tests
  • New unit/integration tests
  • Manual tests

Does this PR require documentation update?

  • No. You can skip the rest of this section.
  • Yes. I've updated:
    • Examples
    • API references
    • Instructions

Release Notes

Is this a user-facing change?

  • No. You can skip the rest of this section.
  • Yes. Give a description of this change to be included in the release notes for MLflow users.

What component(s), interfaces, languages, and integrations does this PR affect?

Components

  • area/artifacts: Artifact stores and artifact logging
  • area/build: Build and test infrastructure for MLflow
  • area/deployments: MLflow Deployments client APIs, server, and third-party Deployments integrations
  • area/docs: MLflow documentation pages
  • area/evaluation: MLflow model evaluation features, evaluation metrics, and evaluation workflows
  • area/examples: Example code
  • area/model-registry: Model Registry service, APIs, and the fluent client calls for Model Registry
  • area/models: MLmodel format, model serialization/deserialization, flavors
  • area/projects: MLproject format, project running backends
  • area/prompt: MLflow prompt engineering features, prompt templates, and prompt management
  • area/scoring: MLflow Model server, model deployment tools, Spark UDFs
  • area/server-infra: MLflow Tracking server backend
  • area/tracing: MLflow Tracing features, tracing APIs, and LLM tracing functionality
  • area/tracking: Tracking Service, tracking client APIs, autologging

Interface

  • area/uiux: Front-end, user experience, plotting, JavaScript, JavaScript dev server
  • area/docker: Docker use across MLflow's components, such as MLflow Projects and MLflow Models
  • area/sqlalchemy: Use of SQLAlchemy in the Tracking Service or Model Registry
  • area/windows: Windows support

Language

  • language/r: R APIs and clients
  • language/java: Java APIs and clients
  • language/new: Proposals for new client languages

Integrations

  • integrations/azure: Azure and Azure ML integrations
  • integrations/sagemaker: SageMaker integrations
  • integrations/databricks: Databricks integrations

How should the PR be classified in the release notes? Choose one:

  • rn/none - No description will be included. The PR will be mentioned only by the PR number in the "Small Bugfixes and Documentation Updates" section
  • rn/breaking-change - The PR will be mentioned in the "Breaking Changes" section
  • rn/feature - A new user-facing feature worth mentioning in the release notes
  • rn/bug-fix - A user-facing bug fix worth mentioning in the release notes
  • rn/documentation - A user-facing documentation change worth mentioning in the release notes

Should this PR be included in the next patch release?

Yes should be selected for bug fixes, documentation updates, and other small changes. No should be selected for new features and larger changes. If you're unsure about the release classification of this PR, leave this unchecked to let the maintainers decide.

What is a minor/patch release?
  • Minor release: a release that increments the second part of the version number (e.g., 1.2.0 -> 1.3.0).
    Bug fixes, doc updates and new features usually go into minor releases.
  • Patch release: a release that increments the third part of the version number (e.g., 1.2.0 -> 1.2.1).
    Bug fixes and doc updates usually go into patch releases.
  • Yes (this PR will be cherry-picked and included in the next patch release)
  • No (this PR will be included in the next minor release)

Signed-off-by: Fatih Altinok <fatihaltinok@live.com>
base64 urls can become pretty long and they look garbled when truncated.
Image urls also can get pretty long, so this fixes both problems.

Signed-off-by: Fatih Altinok <fatihaltinok@live.com>
@github-actions github-actions Bot added area/uiux Front-end, user experience, plotting, JavaScript, JavaScript dev server rn/none List under Small Changes in Changelogs. v3.1.2 labels Jul 16, 2025
if (value.startsWith('data:image/png') || value.startsWith('data:image/jpeg')) {
return value;
}
return defaultUrlTransform(value);

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

what does this url transform do?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Sanitizes the url: remarkjs/react-markdown#774

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

ah makes sense, so it was blocking these data urls before

@daniellok-db daniellok-db left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

lgtm but maybe we can add a comment explaining what the url transform does? from the docs it says it makes the url "safe"but i'm not clear on what that means

@github-actions

github-actions Bot commented Jul 16, 2025

Copy link
Copy Markdown
Contributor

Documentation preview for 1ee92d7 is available at:

More info
  • Ignore this comment if this PR does not change the documentation.
  • The preview is updated when a new commit is pushed to this PR.
  • This comment was created by this workflow run.
  • The documentation was built by this workflow run.

Signed-off-by: Fatih Altinok <fatihaltinok@live.com>
@frontsideair

frontsideair commented Jul 16, 2025

Copy link
Copy Markdown
Contributor Author

@daniellok-db added a note about what the transform does, how it works, and why it's overridden. Feel free to initiate merge if the note is good at explaining it!

@daniellok-db daniellok-db merged commit 508e16e into mlflow:master Jul 16, 2025
49 of 51 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area/uiux Front-end, user experience, plotting, JavaScript, JavaScript dev server rn/none List under Small Changes in Changelogs. v3.1.2

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants