Skip to content

feat(studio): redesign UI as Heroku for agents - #27

Merged
NP-compete merged 2 commits into
mainfrom
sodutta/ui
Jun 1, 2026
Merged

feat(studio): redesign UI as Heroku for agents#27
NP-compete merged 2 commits into
mainfrom
sodutta/ui

Conversation

@NP-compete

Copy link
Copy Markdown
Owner

Summary

Redesigns the Arcana Studio UI to position the platform as "Heroku for agents" — simpler UX, same power underneath.

  • Nav collapsed from 18 flat items to grouped sections (Build, Discover, Operate) with Settings pinned to sidebar footer
  • Dashboard flipped to agents-first view with status dots (Running/Sleeping/Crashed), summary cards, and quick actions
  • Agent deploy simplified — removed standard/deep split, all agents are LangGraph. Deploy form: name, model, skills
  • Login page repositioned — "Deploy AI agents like pushing code", 3-step how-it-works, SSO availability check
  • Chat rebuilt from scratch — dropped PatternFly chatbot components for custom message bubbles, typing dots, suggestion pills across all 3 surfaces (platform, agent, drawer)
  • Marketplace merged with Registry as Yours/Community tabs
  • Role-aware labels — non-tech users see plain English (Integrations, Safety Rules, Capabilities) while developers see technical terms
  • All broken API endpoints fixed — mcp→tools, finops→costs, marketplace→catalog, approvals→promotions, and 6 more
  • Resilience — Promise.allSettled prevents cascading page failures
  • SSO configuration — new Settings tab for OIDC + SAML setup
  • Settings button fixed (was broken NavItem outside Nav)
  • Guardrail null pointer fixed

Test plan

  • Playwright e2e: 33 tests, all passing — covers every page, nav, chat, drawer, no JS errors
  • TypeScript: clean build
  • All API endpoints return 200 (verified with curl)
  • Deployed to kind cluster, verified at http://arcana.localhost.me:8080

- Collapse sidebar from 18 items to grouped sections (Build, Discover, Operate)
  with Settings pinned to sidebar footer
- Replace platform stats dashboard with agents-first overview showing status
  dots (Running/Sleeping/Crashed), summary cards, and quick actions
- Remove standard/deep agent split — all agents are LangGraph deep agents,
  simplified deploy form to name + model + skills
- Rewrite login page: "Deploy AI agents like pushing code" positioning,
  3-step how-it-works, SSO availability check
- Rebuild all chat surfaces (platform, agent, drawer) with custom UI replacing
  PatternFly chatbot — message bubbles, typing dots, suggestion pills
- Merge Registry into Marketplace as Yours/Community tabs
- Role-aware labels: non-tech users see plain English (Integrations, Safety
  Rules, Capabilities) while developers see technical terms
- Fix all broken API endpoints: /mcp→/tools, /finops→/costs, /marketplace→
  /catalog, /approvals→/promotions, /agents/{name}/detail→/agents/{name},
  /ward→/rules+/check
- Switch Promise.all to Promise.allSettled to prevent cascading page failures
- Add SSO configuration tab in Settings (OIDC + SAML)
- Fix Settings sidebar button (NavItem outside Nav→custom button)
- Fix guardrail null pointer crash on rules without config
- Add Playwright e2e test suite: 33 tests covering all pages, navigation,
  chat, and zero JS errors
@NP-compete
NP-compete merged commit 575ca0e into main Jun 1, 2026
7 of 10 checks passed
@NP-compete
NP-compete deleted the sodutta/ui branch June 7, 2026 18:21
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