Skip to content

Review UI improvements using Atlassian Design System#71

Merged
marevol merged 5 commits intomainfrom
claude/review-atlassian-design-system-011CV49oUKxCQRCfQdoNBuG5
Dec 30, 2025
Merged

Review UI improvements using Atlassian Design System#71
marevol merged 5 commits intomainfrom
claude/review-atlassian-design-system-011CV49oUKxCQRCfQdoNBuG5

Conversation

@marevol
Copy link
Copy Markdown
Contributor

@marevol marevol commented Nov 12, 2025

Implement comprehensive UI enhancements based on Atlassian Design System principles:

  • Add design token system with semantic status colors (success, info, warning, error) and spacing scale for consistent design across light/dark modes
  • Create Lozenge component for subtle status indicators and tags
  • Create unified Banner component supporting multiple intents (info, warning, success, error)
  • Refactor ErrorBanner to use new Banner component
  • Replace emoji icons with proper Fluent UI icons in ProcessingStatus component
  • Add Lozenge badges for counts and scores in processing status
  • Improve visual hierarchy and readability in status components
  • Enhance QueryInput with smooth transitions and better typography
  • Add utility classes for interactive hover states and focus rings

These improvements enhance visual consistency, accessibility, and user experience while maintaining compatibility with the existing Fluent UI design system.

Description

Type of Change

  • 🐛 Bug fix (non-breaking change which fixes an issue)
  • ✨ New feature (non-breaking change which adds functionality)
  • 💥 Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • 📝 Documentation update
  • 🧪 Test update
  • 🔧 Configuration change
  • ♻️ Refactoring (no functional changes)

Related Issue

Fixes #(issue)

Changes Made

Testing

API Tests

  • Unit tests pass (pytest)
  • Integration tests pass
  • New tests added for new functionality

UI Tests

  • Component tests pass (npm test)
  • E2E tests pass (npm run test:e2e)
  • New tests added for new functionality

Manual Testing

  • Tested locally with Docker Compose
  • Verified in development mode
  • Checked UI responsiveness
  • Tested with different browsers (if UI change)

Checklist

  • My code follows the code style of this project
  • I have performed a self-review of my own code
  • I have commented my code, particularly in hard-to-understand areas
  • I have made corresponding changes to the documentation
  • My changes generate no new warnings
  • I have added tests that prove my fix is effective or that my feature works
  • New and existing unit tests pass locally with my changes
  • Any dependent changes have been merged and published
  • I have checked my code and corrected any misspellings
  • All commit messages follow Conventional Commits
  • Apache License 2.0 headers are present in all new files

Screenshots (if applicable)

Additional Notes

Deployment Notes


For Reviewers:

  • Code quality and style
  • Tests coverage
  • Documentation completeness
  • Security considerations
  • Performance impact
  • Breaking changes properly documented

claude and others added 2 commits December 28, 2025 22:17
Implement comprehensive UI enhancements based on Atlassian Design System principles:

- Add design token system with semantic status colors (success, info, warning, error)
  and spacing scale for consistent design across light/dark modes
- Create Lozenge component for subtle status indicators and tags
- Create unified Banner component supporting multiple intents (info, warning, success, error)
- Refactor ErrorBanner to use new Banner component
- Replace emoji icons with proper Fluent UI icons in ProcessingStatus component
- Add Lozenge badges for counts and scores in processing status
- Improve visual hierarchy and readability in status components
- Enhance QueryInput with smooth transitions and better typography
- Add utility classes for interactive hover states and focus rings

These improvements enhance visual consistency, accessibility, and user experience
while maintaining compatibility with the existing Fluent UI design system.
Replace `any` types with proper TypeScript types in test setup and
utility files to improve type safety. Fix ESLint configuration to
ignore next-env.d.ts. Apply consistent code formatting across
component and test files.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@marevol marevol force-pushed the claude/review-atlassian-design-system-011CV49oUKxCQRCfQdoNBuG5 branch from cdf9855 to 6a6d26e Compare December 28, 2025 13:44
marevol and others added 2 commits December 30, 2025 13:38
… configs

- Add truncateSnippet function to sanitize and truncate long snippets (UI)
- Add NEXT_PUBLIC_SNIPPET_MAX_LENGTH env variable for configurable snippet length
- Update Pydantic models from v1 Config class to v2 model_config pattern (API)
- Fix test to use content= instead of deprecated data= parameter (API)
- Remove redundant @types/dompurify (dompurify has built-in types)
- Update tsconfig.json to use jsx: react-jsx and include dev types
- Move Fess port mapping from dev to production compose
- Add Fess Java opts for crawler cache and highlighting configuration

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Comment thread intaste-ui/src/components/sidebar/EvidenceItem.tsx Fixed
Comment thread intaste-ui/src/libs/sanitizer.ts Fixed
Add escapeHtml function to encode meta-characters and prevent XSS when
using dangerouslySetInnerHTML with DOM-extracted text. Improve server-side
tag stripping with iterative removal to handle malformed or overlapping tags.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@marevol marevol merged commit 6d11fbf into main Dec 30, 2025
15 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.

3 participants