Files
Alem Tuzlak 18c7a6001d feat: multimodal attachments — UI polish, deprecations, docs, codemod
Attachment queue & previews:
- Image lightbox with View Transition API morph animation
- Video lightbox with native controls and play button overlay
- Document lightbox (PDF via blob URL, text inline, info card fallback)
- Drop zone overlay with upload icon
- Filename preservation via InputContent metadata
- Proper video thumbnail sizing and play/pause indicator
- Fix attachment queue positioning (max-w-3xl constraint)
- Padding between X button and content for audio/document cards
- Document filenames wrap instead of truncating

Attachments config:
- onUploadFailed callback for validation/upload errors (file-too-large, invalid-type, upload-failed)
- onUpload accepts sync or async returns
- AttachmentUploadResult discriminated union with explicit interfaces
- Metadata field on Attachment and onUpload return type

AG-UI version bump:
- Bump @ag-ui/client, @ag-ui/core, @ag-ui/encoder, @ag-ui/proto to 0.0.51
- Remove process.env Vite workaround (fixed upstream in 0.0.51)

Deprecation lifecycle:
- @deprecated JSDoc on all legacy image upload APIs
- ImageRenderer, ImageRendererProps, ImageUpload type, imageUploadsEnabled prop,
  inputFileAccept prop, ImageRenderer prop, AIMessage.image, ImageData
- Codemod at codemods/migrate-attachments.ts (15 tests)
- Migration guide updated with codemod instructions and new type shapes

Docs:
- New guide: docs/(root)/multimodal-attachments.mdx
- Updated migration guide with onUpload return type, metadata, codemod section
- Cross-links from prebuilt-components and migration guide
- Label change: "Add photos or files" → "Add attachments"

Tests:
- CopilotChat.attachments.test.tsx — 5 tests for onUploadFailed
- migrate-attachments codemod — 15 tests
2026-04-06 14:55:06 +02:00

49 lines
1.6 KiB
JSON

{
"name": "@copilotkit-storybook/angular",
"version": "0.0.6-next.1",
"private": true,
"scripts": {
"dev": "pnpm --filter @copilotkit/angular run build:css && sleep 1 && ng run storybook-angular:storybook",
"build": "ng run storybook-angular:build-storybook",
"storybook:dev": "pnpm --filter @copilotkit/angular run build:css && sleep 1 && ng run storybook-angular:storybook",
"storybook:build": "ng run storybook-angular:build-storybook"
},
"dependencies": {
"@ag-ui/client": "0.0.51",
"@angular/animations": "^19.0.0",
"@angular/common": "^19.0.0",
"@angular/compiler": "^19.0.0",
"@angular/core": "^19.0.0",
"@angular/forms": "^19.0.0",
"@angular/platform-browser": "^19.0.0",
"@angular/platform-browser-dynamic": "^19.0.0",
"@copilotkit/core": "workspace:^",
"rxjs": "^7.8.1",
"tslib": "^2.8.1",
"zod": "^3.25.75",
"zone.js": "^0.14.0"
},
"devDependencies": {
"@angular-devkit/build-angular": "^19.0.0",
"@angular/cli": "^19.0.0",
"@angular/compiler-cli": "^19.0.0",
"@copilotkit/typescript-config": "workspace:*",
"@copilotkitnext/angular": "workspace:*",
"@storybook/addon-essentials": "^8",
"@storybook/addon-interactions": "^8",
"@storybook/addon-themes": "^8",
"@storybook/angular": "^8",
"@storybook/test": "^8",
"@tailwindcss/postcss": "^4.1.12",
"@types/node": "^22",
"autoprefixer": "^10.4.21",
"css-loader": "^7.1.2",
"postcss": "^8.4.31",
"postcss-loader": "^8.1.1",
"storybook": "^8",
"style-loader": "^4.0.0",
"tailwindcss": "^4.1.11",
"typescript": "5.8.2"
}
}