Skip to content

Refactor editor and optimize performance with UI enhancements #72

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.

Sign up for GitHub

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

Open
ndom91 wants to merge 34 commits into
base: main
Choose a base branch
from
Open

Refactor editor and optimize performance with UI enhancements #72

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
34 commits
Select commit Hold shift + click to select a range
bc8a5ee
Remove lots of dead code and implement low-hanging perf improvments
ndom91 Apr 12, 2026
4487437
Replace Monaco Editor with react-simple-code-editor + Prism
ndom91 Apr 12, 2026
2761b39
Lazy-load @faker-js/faker only when simulation mode is active
ndom91 Apr 12, 2026
de43b5c
Add content-visibility to action table rows
ndom91 Apr 12, 2026
0dfde4f
Remove redundant refetch in handlePolicyRemoved
ndom91 Apr 12, 2026
d94020b
Hoist static equalizer bars JSX to module scope
ndom91 Apr 12, 2026
c824c0d
Split Events and Policy into separate tabs
ndom91 Apr 12, 2026
f7ba62f
Show policy editor always-visible with items sidebar
ndom91 Apr 12, 2026
e71e92b
Virtualize the events table with @tanstack/react-virtual
ndom91 Apr 12, 2026
9884fb2
Fix header row ending short of container edge
ndom91 Apr 12, 2026
ddb53eb
Style scrollbars to match the cyberpunk theme
ndom91 Apr 12, 2026
72c6e3d
Make events table header row fully opaque
ndom91 Apr 12, 2026
ba8ae6b
Match status and count badges to tab list height
ndom91 Apr 12, 2026
16d8067
Add cursor-pointer to TabsTrigger component
ndom91 Apr 12, 2026
0c8950e
Compact the header and merge data source controls
ndom91 Apr 12, 2026
d8bb22e
Tighten layout so events table fills the viewport
ndom91 Apr 12, 2026
1052936
Add cursor-pointer to buttons, remove detail row tooltips
ndom91 Apr 12, 2026
336ad00
Remove equalizer bar animation from table footer
ndom91 Apr 12, 2026
7f13b7e
Freeze visible rows when paused, show new count on resume button
ndom91 Apr 12, 2026
68e5ea2
Redesign event table rows, drop Shield icon from Decision header
ndom91 Apr 12, 2026
da08a42
Fix 8 web interface guideline violations
ndom91 Apr 12, 2026
cc1d24f
Remove orphaned CedarEditorCollapsible and its test
ndom91 Apr 12, 2026
def1d5b
Simplify resize logic, remove unused shadcn scaffolding
ndom91 Apr 12, 2026
cbe464f
Move policy action buttons before Decision column, improve count
ndom91 Apr 12, 2026
3e87d58
Polish pass: remove decorative effects, use consistent tokens
ndom91 Apr 12, 2026
25912c7
Show all lint errors instead of capping at 5
ndom91 Apr 12, 2026
c9251a1
Hide data source selector on the Policy tab
ndom91 Apr 12, 2026
0cd719a
Restyle resume button: "Back to top" in emerald
ndom91 Apr 12, 2026
b591263
Match policy editor background to events pane
ndom91 Apr 12, 2026
ffa80e0
Wrap policy editor header in a card
ndom91 Apr 12, 2026
b0801ce
Align enforcement mode card with editor header card
ndom91 Apr 12, 2026
7513499
Keep both tabs mounted, toggle with CSS hidden
ndom91 Apr 12, 2026
57b87d3
Replace JS height calculation with CSS flex layout
ndom91 Apr 12, 2026
1436ffa
Remove dead code from SingleProvider, PolicyBlocksContext, and editor
ndom91 Apr 12, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 4 additions & 12 deletions controlui/web/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,37 +10,29 @@
"test": "vitest run"
},
"dependencies": {
"@faker-js/faker": "^10.0.0",
"@radix-ui/react-avatar": "^1.1.10",
"@radix-ui/react-dropdown-menu": "^2.1.16",
"@radix-ui/react-label": "^2.1.7",
"@radix-ui/react-navigation-menu": "^1.2.14",
"@radix-ui/react-scroll-area": "^1.2.10",
"@radix-ui/react-separator": "^1.1.7",
"@radix-ui/react-slot": "^1.2.3",
"@radix-ui/react-tabs": "^1.1.13",
"@radix-ui/react-tooltip": "^1.2.8",
"@monaco-editor/react": "^4.6.0",
"@tanstack/react-query": "^5.90.2",
"@tanstack/react-virtual": "^3.13.12",
"@xyflow/react": "^12.8.4",
"class-variance-authority": "^0.7.1",
"clsx": "^2.1.1",
"framer-motion": "^12.23.12",
"lucide-react": "^0.542.0",
"monaco-editor": "^0.52.0",
"next": "^16",
"prismjs": "^1.30.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"reactflow": "^11.11.4",
"react-simple-code-editor": "^0.14.1",
"tailwind-merge": "^3.3.1"
},
"devDependencies": {
"@eslint/eslintrc": "^3",
"@faker-js/faker": "^10.0.0",
"@tailwindcss/postcss": "^4",
"@testing-library/jest-dom": "^6.6.3",
"@testing-library/react": "^16.2.0",
"@types/node": "^20",
"@types/prismjs": "^1.26.6",
"@types/react": "^19",
"@types/react-dom": "^19",
"@vitejs/plugin-react": "^4.3.3",
Expand Down
Loading