mirror of
https://github.com/CopilotKit/CopilotKit.git
synced 2026-09-14 16:26:20 +08:00
Alem Tuzlak
18c7a6001d
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
Angular Demo Server
Minimal Hono server for the Angular CopilotKit demo, matching the React demo behavior.
Setup
-
Add your OpenAI API key to
.env:OPENAI_API_KEY=sk-... -
Install dependencies (from repository root):
pnpm install -
Start the server:
pnpm --filter @copilotkit/angular-demo-server dev
The server will be available at http://localhost:3001/api/copilotkit
Testing
To verify the server is running:
curl http://localhost:3001/api/copilotkit/info
You should see JSON with agents and version information.
Using with Angular Storybook
-
Start the demo server (Terminal A):
pnpm --filter @copilotkit/angular-demo-server dev -
Start Angular Storybook (Terminal B):
pnpm --filter storybook-angular dev -
Open http://localhost:6007 and navigate to "Live/CopilotChat"