Skip to content

Conversation

@karinakharchenko
Copy link
Contributor

No description provided.

karinakharchenko and others added 11 commits January 13, 2026 17:05
…nd UI improvements

- Add grayed character limit counter styling
- Add adaptive textarea rows based on window height (HostListener)
- Add responsive layout for screen widths <= 800px
- Rename suggestions to templates with icons and descriptions
- Add dynamic suggestions based on table column names (date, status, price patterns)
- Pass tableColumns input from dashboard to AI panel component

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Add aiPanelExpandedSubject and aiPanelExpandedCast to TableStateService
- Add toggleAIPanelExpanded() and restoreAIPanelExpandedState() methods
- Persist expanded state in sessionStorage
- Add expand/collapse button with open_in_full/close_fullscreen icons
- Add CSS transitions for smooth expand/collapse animation
- Center content with max-width 800px when expanded
- Panel expands to full width minus 260px for sidebar

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Add *ngIf to ai-panel-sidebar-content to completely remove it from DOM
when panel is closed, preventing it from overlaying table actions.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Move AI panel outside mat-sidenav-container to fix z-index issues
- Use 100vw instead of 100% for fixed positioning
- Increase z-index to 100/1000 to stay above sidebar
- Set panel top: 44px to not overlap header
- Simplify HTML by removing redundant *ngIf checks
- Change aiPanelSubject type from any to boolean

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Move AI panel back inside mat-sidenav-content for proper table shifting
- Add expanded styles for templates (horizontal layout, nowrap description)
- Reduce gap between section titles and content
- Center header in expanded mode with max-width 800px
- Adjust z-index for sidebar to appear over expanded panel

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Add sidebarExpanded input to AI panel component
- Pass shownTableTitles from dashboard to AI panel
- Adjust expanded panel position: 240px when sidebar expanded, 65px when collapsed
- Content adapts dynamically to available space

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Position action buttons (close/collapse) fixed to top-right
- Center header content with max-width 800px aligned with input
- Show "AI insights for {tableName}" in expanded mode
- Show only "AI insights" in collapsed mode

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Use Material Design cubic-bezier easing for smoother feel
- Fix sidebar collapse/expand showing table rows by using padding-left instead of left position
- Add transitions to content elements (header, welcome, message form, footer)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Move AI insights button to rightmost position using flexbox order
- Make expand/collapse animation smoother with 550ms duration
- Use gentler easing curve for more pleasant user experience

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Disable sidebar width transition when expanded to prevent table flashing
- Table area is instantly covered when expanding AI chat

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Use padding-left approach to hide table during sidebar transitions
- Panel stays at left: 65px, content shifts via padding
- Smooth 400ms ease-out animations

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@CLAassistant
Copy link

CLA assistant check
Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
You have signed the CLA already but the status is still pending? Let us recheck it.

@karinakharchenko
Copy link
Contributor Author

@lyubov-voloshko

- Set width transition to 0ms for sidebar expand/collapse
- Keep transform and opacity animations for initial panel open
- Add toggle animation trigger for Angular animations

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
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.

2 participants