Skip to content

Conversation

@maany
Copy link
Member

@maany maany commented Jan 21, 2026

Summary

  • Adds comprehensive subscription details page with metadata display and tabbed interface
  • Implements JSON viewer component with dual display modes (static/interactive)
  • Improves subscription list with account filtering and auto-search
  • Adds account-aware navigation in command palette
  • Includes E2E tests and various UI improvements

Fixes #689

maany added 9 commits January 21, 2026 13:45
Adds a versatile JSON viewer with auto-detection for optimal display mode:
- Static mode: Syntax highlighting for simple JSON structures
- Interactive mode: Expandable tree view for complex nested JSON
- Auto-detection: Analyzes complexity to choose best display mode
- Features: Copy to clipboard, raw/formatted toggle, dark mode support
- Design system compliant styling with proper light/dark themes
Implements comprehensive subscription details page with:
- Main details page component with metadata fetching and error handling
- Metadata display component showing subscription properties
- Tabbed interface for filters and rules views
- Subscription state badge with semantic color mapping
- Integration with Next.js App Router for dynamic routes
- Storybook stories for component development
Enhances subscription list functionality:
- Add account filtering support with optional accountFilter prop
- Implement auto-search functionality with autoSearch prop
- Split into client/server components for better performance
- Update API route to accept account parameter (defaults to session user)
- Improve styling with proper container layout and height management
- Better error handling and loading states for account information
Adds active account context to command palette navigation:
- Fetch site header to get active account in command palette
- Pass account to navigation commands for account-scoped searches
- Add buildSubscriptionSearchUrl utility for subscription search URLs
- Enable account-based subscription filtering from command palette
- Cache site header data with 5-minute stale time for performance
Adds comprehensive E2E tests for subscription details page:
- Test metadata display and badge rendering
- Verify tab navigation and content switching
- Test error handling for invalid subscriptions
- Validate copyable heading functionality
- Check responsive layout and styling
Refactors tip components with improved code structure:
- Reformat TipCard variants for better readability
- Update TipsPanel with consistent styling
- Format tip content strings for better line length
- Update tips stories with improved examples
- Maintain all existing functionality while improving code quality
Updates rule creation and list components:
- Improve CreateRuleStageOptions layout and styling
- Update CreateRuleStageStorageTable for better consistency
- Refine CreateRuleStageSummary display
- Polish ListRule component styling
- Maintain all functionality while improving visual consistency
Enhances DID details components:
- Update DetailsDIDSimpleTable styling and layout
- Improve DetailsDIDDatasetReplicas view consistency
- Polish component structure for better maintainability
Applies consistent code formatting (Prettier):
- Format auth configuration and OIDC provider files
- Update x509 login session controller formatting
- Format middleware and header client
- Update TimeInput stories formatting
- Format auth session test
- No functional changes, only formatting improvements
@maany maany added this to the 39.2.0 milestone Jan 21, 2026
@maany maany merged commit 4fa9324 into master Jan 21, 2026
8 checks passed
@maany maany deleted the feat/subscription-details-and-improvements branch January 21, 2026 12:58
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.

Migrate the Subscriptions List and Subscriptions Page to the webui 39 design system

2 participants