feat: Complete AI Suggestions Panel integration with document detail component

- Added AI Suggestions Panel component with TypeScript, HTML, SCSS, and tests
- Integrated panel into document detail component
- Added conversion logic from DocumentSuggestions to AISuggestion format
- Implemented apply/reject handlers for suggestions
- Added @angular/animations package and configured animations
- Added missing Bootstrap icons (magic, clock, chevron-down/up, etc.)
- Added visual confidence indicators (high/medium/low with colors)
- Implemented responsive design for mobile and desktop
- Added animations for apply/reject actions
- Component shows suggestions grouped by type (tags, correspondent, document type, storage path, date)
- All builds and lints pass successfully

Co-authored-by: dawnsystem <42047891+dawnsystem@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot] 2025-11-14 18:08:47 +00:00
parent 5695d41903
commit 0fd8706337
5 changed files with 225 additions and 52 deletions

View file

@ -13,6 +13,7 @@ import {
} from '@angular/common/http'
import { FormsModule, ReactiveFormsModule } from '@angular/forms'
import { BrowserModule, bootstrapApplication } from '@angular/platform-browser'
import { provideAnimations } from '@angular/platform-browser/animations'
import {
NgbDateAdapter,
NgbDateParserFormatter,
@ -56,11 +57,14 @@ import {
checkLg,
chevronDoubleLeft,
chevronDoubleRight,
chevronDown,
chevronRight,
chevronUp,
clipboard,
clipboardCheck,
clipboardCheckFill,
clipboardFill,
clock,
clockHistory,
dash,
dashCircle,
@ -71,6 +75,7 @@ import {
envelope,
envelopeAt,
envelopeAtFill,
exclamationCircle,
exclamationCircleFill,
exclamationTriangle,
exclamationTriangleFill,
@ -81,6 +86,7 @@ import {
fileEarmarkLock,
fileEarmarkMinus,
fileEarmarkRichtext,
fileEarmarkText,
fileText,
files,
filter,
@ -95,11 +101,14 @@ import {
hddStack,
house,
infoCircle,
inputCursorText,
journals,
lightbulb,
link,
listNested,
listTask,
listUl,
magic,
microsoft,
nodePlus,
pencil,
@ -270,11 +279,14 @@ const icons = {
checkLg,
chevronDoubleLeft,
chevronDoubleRight,
chevronDown,
chevronRight,
chevronUp,
clipboard,
clipboardCheck,
clipboardCheckFill,
clipboardFill,
clock,
clockHistory,
dash,
dashCircle,
@ -285,6 +297,7 @@ const icons = {
envelope,
envelopeAt,
envelopeAtFill,
exclamationCircle,
exclamationCircleFill,
exclamationTriangle,
exclamationTriangleFill,
@ -295,6 +308,7 @@ const icons = {
fileEarmarkLock,
fileEarmarkMinus,
fileEarmarkRichtext,
fileEarmarkText,
files,
fileText,
filter,
@ -309,11 +323,14 @@ const icons = {
hddStack,
house,
infoCircle,
inputCursorText,
journals,
lightbulb,
link,
listNested,
listTask,
listUl,
magic,
microsoft,
nodePlus,
pencil,
@ -402,5 +419,6 @@ bootstrapApplication(AppComponent, {
DocumentTypeNamePipe,
StoragePathNamePipe,
provideHttpClient(withInterceptorsFromDi()),
provideAnimations(),
],
}).catch((err) => console.error(err))