Skip to content

feat: Add shadcn config and sidebar#149

Merged
ricardozanini merged 1 commit into
serverlessworkflow:mainfrom
lornakelly:144/shadcn-sidebar
May 15, 2026
Merged

feat: Add shadcn config and sidebar#149
ricardozanini merged 1 commit into
serverlessworkflow:mainfrom
lornakelly:144/shadcn-sidebar

Conversation

@lornakelly
Copy link
Copy Markdown
Contributor

@lornakelly lornakelly commented May 15, 2026

Closes: #144

Summary

Add shadcn configuration, initial components and a right-side sidebar panel to the diagram editor that displays workflow document information (name, namespace, version, DSL) and metadata (title, summary, tags).

Changes

  • Add shadcn configuration - components.json, shadcn.css etc.
  • All files under src/components/ui/ are generated by the shadcn CLI
  • Shadcn sidebar component customisation - The generated sidebar.tsx was edited to strip out mobile sidebar logic and sheet/dialog overlay as not needed for now
  • New Sidepanel component using shadcn's Sidebar that renders workflow document fields and metadata, shown on the right side of the diagram
  • WorkflowInfoView - Renders document fields (name, namespace, version, DSL) and optional metadata (title, summary, tags)
  • Add README details on how to add future components
Screen.Recording.2026-05-15.at.15.22.33.mov

Signed-off-by: Lorna Kelly <lornakelly88@gmail.com>
Copilot AI review requested due to automatic review settings May 15, 2026 14:12
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Copilot encountered an error and was unable to review this pull request. You can try again by re-requesting a review.

Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Copilot encountered an error and was unable to review this pull request. You can try again by re-requesting a review.

Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Copilot encountered an error and was unable to review this pull request. You can try again by re-requesting a review.

Copy link
Copy Markdown
Member

@fantonangeli fantonangeli left a comment

Choose a reason for hiding this comment

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

LGTM, just a quick suggestion

Comment thread packages/serverless-workflow-diagram-editor/README.md
Copy link
Copy Markdown
Contributor

@handreyrc handreyrc left a comment

Choose a reason for hiding this comment

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

@lornakelly,
It works nicely, and looks pretty good to me.

Thanks for your work!

@lornakelly lornakelly requested a review from ricardozanini May 15, 2026 16:02
@lornakelly
Copy link
Copy Markdown
Contributor Author

@ricardozanini If you can merge when you get the chance, thank you!

@ricardozanini ricardozanini merged commit 57dcdfb into serverlessworkflow:main May 15, 2026
14 of 20 checks passed
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.

feat: Add right-hand sidebar - default state (workflow info)

5 participants