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

Parallelism UI improvements #421

Merged
merged 3 commits into from
Nov 22, 2024
Merged

Parallelism UI improvements #421

merged 3 commits into from
Nov 22, 2024

Conversation

elijahbenizzy
Copy link
Contributor

@elijahbenizzy elijahbenizzy commented Nov 12, 2024

[Short description explaining the high-level reason for the pull request]

Changes

How I tested this

Notes

Checklist

  • PR has an informative and human-readable title (this will be pulled into the release notes)
  • Changes are limited to a single goal (no scope creep)
  • Code passed the pre-commit check & code is left cleaner/nicer than when first encountered.
  • Any change in functionality is tested
  • New functions are documented (with a description, list of inputs, and expected output)
  • Placeholder code is flagged / future TODOs are captured in comments
  • Project documentation has been updated if adding/changing functionality.

Important

Enhance parallelism UI by improving step navigation, sub-application handling, and insights display across multiple components.

  • Behavior:
    • Modify AppListTable in AppList.tsx to display all apps, not just root apps.
    • Update AppView in AppView.tsx to handle SequenceLocation for step navigation.
    • Enhance AnnotationsView in AnnotationsView.tsx to support SequenceLocation for annotations.
  • Components:
    • Add RecursionDepthPadding and SelfLoadingSubApplicationContainer in StepList.tsx for better sub-application handling.
    • Update WaterfallPiece in StepList.tsx to handle sub-actions.
    • Modify InsightSubTable in InsightsView.tsx to use SequenceLocation for insights.
  • Utilities:
    • Add useLocationParams in utils.tsx for consistent URL parameter handling.
  • Misc:
    • Import GraphBuilder in burr/core/__init__.py.
    • Remove unused useParams import in AppView.tsx.

This description was created by Ellipsis for f5106cb. It will automatically update as commits are pushed.

Copy link

github-actions bot commented Nov 12, 2024

A preview of f5106cb is uploaded and can be seen here:

https://burr.dagworks.io/pull/421

Changes may take a few minutes to propagate. Since this is a preview of production, content with draft: true will not be rendered. The source is here: https://github.com/DAGWorks-Inc/burr/tree/gh-pages/pull/421/

@elijahbenizzy elijahbenizzy force-pushed the parallelism branch 3 times, most recently from 81ccead to ae1b728 Compare November 14, 2024 23:00
Base automatically changed from parallelism to main November 14, 2024 23:08
@elijahbenizzy elijahbenizzy force-pushed the parallelism-ui branch 3 times, most recently from 3ab5de8 to f771851 Compare November 21, 2024 21:03
@elijahbenizzy elijahbenizzy changed the title WIP for parallelism UI Parallelism UI improvements Nov 21, 2024
@elijahbenizzy elijahbenizzy force-pushed the parallelism-ui branch 2 times, most recently from 9931d88 to a0241af Compare November 22, 2024 04:35
@elijahbenizzy elijahbenizzy marked this pull request as ready for review November 22, 2024 04:36
1. Displays sub-applications inline
2. Adds additional tooling on hierarchy of traces
3. A few other miscellaneous fixes around highlighting/table spacing

Note that we change from having the sequence ID in the URL
to having the point in the highlighted state in the URL. This allows us
to have multiple applications at once.

The code can be a little messy, and there are a few more places we
should probably have this distinction made, but for now this really
improves the experience with parallelism
Copy link

@ellipsis-dev ellipsis-dev bot left a comment

Choose a reason for hiding this comment

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

❌ Changes requested. Reviewed everything up to a0241af in 1 minute and 42 seconds

More details
  • Looked at 1868 lines of code in 8 files
  • Skipped 0 files when reviewing.
  • Skipped posting 5 drafted comments based on config settings.
1. telemetry/ui/src/components/routes/app/AppView.tsx:164
  • Draft comment:
    Consider checking if searchParams.get('sequence_location') is not null or undefined before parsing it with JSON.parse to avoid potential runtime errors.
  • Reason this comment was not posted:
    Comment looked like it was already resolved.
2. telemetry/ui/src/components/routes/AppList.tsx:209
  • Draft comment:
    There's a commented-out line for filtering rootAppsToDisplay. Ensure this is intentional and not left by mistake.
  • Reason this comment was not posted:
    Confidence changes required: 50%
    The AppListTable component has a commented-out line that filters rootAppsToDisplay. This might be intentional, but it's worth noting in case it was left unintentionally.
3. telemetry/ui/src/components/routes/app/AnnotationsView.tsx:193
  • Draft comment:
    Ensure that setting highlightedSequence to currentEditingAnnotationContext.sequenceId is intentional when currentEditingAnnotationContext is undefined, as it defaults to undefined.
  • Reason this comment was not posted:
    Confidence changes required: 50%
    In AnnotationsView, the highlightedSequence prop is set to currentEditingAnnotationContext.sequenceId. However, if currentEditingAnnotationContext is undefined, it defaults to undefined. This might be intentional, but it's worth noting in case it was overlooked.
4. telemetry/ui/src/components/routes/app/AnnotationsView.tsx:174
  • Draft comment:
    Ensure that setting highlightedSequence to currentEditingAnnotationContext.sequenceId is intentional when currentEditingAnnotationContext is undefined, as it defaults to undefined.
  • Reason this comment was not posted:
    Confidence changes required: 50%
    In AnnotationsView, the highlightedSequence prop is set to currentEditingAnnotationContext.sequenceId. However, if currentEditingAnnotationContext is undefined, it defaults to undefined. This might be intentional, but it's worth noting in case it was overlooked.
5. telemetry/ui/src/components/routes/app/AppView.tsx:263
  • Draft comment:
    Double-check the logic for enabling currentFocusStepsData query to ensure it aligns with the intended behavior, especially the condition currentFocusAppID !== appID && currentFocusAppID !== undefined.
  • Reason this comment was not posted:
    Confidence changes required: 50%
    In AppView, the currentFocusStepsData query is enabled based on currentFocusAppID !== appID && currentFocusAppID !== undefined. This logic might be correct, but it's worth double-checking to ensure it aligns with the intended behavior.

Workflow ID: wflow_nDiJuXmUy37yNsDW


Want Ellipsis to fix these issues? Tag @ellipsis-dev in a comment. You can customize Ellipsis with 👍 / 👎 feedback, review rules, user-specific overrides, quiet mode, and more.

Copy link

@ellipsis-dev ellipsis-dev bot left a comment

Choose a reason for hiding this comment

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

👍 Looks good to me! Incremental review on f5106cb in 16 seconds

More details
  • Looked at 13 lines of code in 1 files
  • Skipped 0 files when reviewing.
  • Skipped posting 0 drafted comments based on config settings.

Workflow ID: wflow_B8052Abi3FUqA5ft


You can customize Ellipsis with 👍 / 👎 feedback, review rules, user-specific overrides, quiet mode, and more.

@elijahbenizzy elijahbenizzy merged commit 07ae56b into main Nov 22, 2024
12 checks passed
@elijahbenizzy elijahbenizzy deleted the parallelism-ui branch November 22, 2024 04:47
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.

1 participant