Skip to content

Ai chat#1500

Draft
karinakharchenko wants to merge 27 commits intorocket-admin:mainfrom
karinakharchenko:ai
Draft

Ai chat#1500
karinakharchenko wants to merge 27 commits intorocket-admin:mainfrom
karinakharchenko:ai

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

karinakharchenko and others added 16 commits January 14, 2026 18:25
- 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>
- Fix z-index so expanded AI panel covers table alerts
- Add smooth transitions for collapse animation (left, width, padding-left)
- Make expanded panel overlay table instead of pushing it
- Add request cancellation support for cleanup on panel close

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- AI panel always opens in collapsed view (no state persistence)
- Make tables more compact: smaller font (12px), reduced padding
- Add horizontal scroll for tables that don't fit
- Reduce AI message background opacity for lighter appearance
- Fix suggestion chip text color in dark mode

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Add dedicated click handler for suggestions with analytics tracking.
Rename formatColumnName to _formatColumnName following private method convention.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Center input field with rounded corners on welcome screen
- Add three suggestion categories: Explore, Data Quality, Insights
- Show dropdown with completions when clicking suggestion chips
- Update AI message background to softer blue tint
- Increase padding in message bubbles
- Remove templates section
- Hide bottom form when showing welcome screen

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Add animated rocket icon on welcome screen with floating and sparkle effects
- Add dynamic loading text that cycles through AI processing steps
- Fix input focus border styling (remove extra vertical line)
- Add click outside handler to close suggestions dropdown
- Position dropdown directly below input field
- Make rocket icon visually lighter with semi-transparent fill

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Show suggestion text in input when clicking chip
- Preview completion text on hover in dropdown
- Update completions to start with suggestion prompt
- Adjust category spacing (4px to chips, 12px between categories)

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.

3 participants