feat(inspect): inference query

[camiloHimura]

📝 Description

This PR adds a custom query to retrieve predictions and refactors the inference-provider.component.tsx, renaming it to inference-opacity-provider.component.tsx and delegating opacity control to it only. This helps avoid unnecessary re-renders in the virtualized list items. #3148 (comment)

• Provide a clear summary of the changes and the issue that has been addressed.
• 🛠️ Fixes # (issue number)

✨ Changes

Select what type of change your PR is:

• 🚀 New feature (non-breaking change which adds functionality)
• 🐞 Bug fix (non-breaking change which fixes an issue)
• 🔄 Refactor (non-breaking change which refactors the code base)
• ⚡ Performance improvements
• 🎨 Style changes (code style/formatting)
• 🧪 Tests (adding/modifying tests)
• 📚 Documentation update
• 📦 Build system changes
• 🚧 CI/CD configuration
• 🔧 Chore (general maintenance)
• 🔒 Security update
• 💥 Breaking change (fix or feature that would cause existing functionality to not work as expected)

✅ Checklist

Before you submit your pull request, please make sure you have completed the following steps:

• 📚 I have made the necessary updates to the documentation (if applicable).
• 🧪 I have written tests that support my changes and prove that my fix is effective or my feature works (if applicable).
• 🏷️ My PR title follows conventional commit format.

For more information about code review checklists, see the Code Review Checklist.

[Copilot]

Pull request overview

This PR refactors inference functionality to improve performance by preventing unnecessary re-renders in virtualized list items. It introduces a custom query hook for retrieving predictions, splits the inference provider into a dedicated opacity provider, and moves inference logic from a context provider to a query-based approach.

Key changes:

• Replaced mutation-based inference with a query-based approach using useMediaItemInference hook
• Created InferenceOpacityProvider to manage only opacity state, separated from inference data
• Removed the original InferenceProvider that combined inference logic with opacity management

Reviewed changes

Copilot reviewed 12 out of 12 changed files in this pull request and generated 2 comments.

Show a summary per file

File	Description
inspect.tsx	Removed InferenceProvider wrapper from the main inspect route
utils.ts	Added isNonEmptyString utility function for type-safe string validation
main-content.test.tsx	Removed InferenceProvider wrapper from test setup
inference-provider.component.tsx	Deleted file containing the original combined inference and opacity provider
inference-opacity-provider.component.tsx	New file implementing a focused provider for opacity state management only
media-preview.component.tsx	Integrated useMediaItemInference hook and passed inference result as props
inference-result.component.tsx	Refactored to receive inference result as prop instead of from context
inference-opacity.component.tsx	Updated to use new opacity-only provider and receive disabled state as prop
util.tsx	Extracted downloadImageAsFile helper function for reuse
use-media-item-inference.test.tsx	Added comprehensive test coverage for the new inference query hook
use-media-item-inference.hook.tsx	Implemented query-based inference hook using React Query
dataset-list.component.tsx	Added InferenceOpacityProvider wrapper around MediaPreview component

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[MarkRedeman]

Could you change the order of this ternary to be,

isNonEmtpyString(selectedModelId) === false ? skipToken : async () => {
// code
}

the reason I like this approach more is that it is easier to see when skipToken is used (now I had to scroll all the way to the top to see when it would be returned).

[camiloHimura]

updated

[Copilot]

Pull request overview

Copilot reviewed 13 out of 13 changed files in this pull request and generated 2 comments.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.