mirror of
https://github.com/vercel/ai-elements.git
synced 2026-09-14 19:48:26 +08:00
Hayden Bleasel
701e570979
* feat: Add File Upload with PromptAttachments and PromptForm Components (#76) * feat: Add PromptInputActionMenu for granular action dropdowns * feat: Implement PromptForm and PromptAttachments components for file attachment handling * refactor: Integrate PromptForm with PromptInput for enhanced submission handling and attachment support * docs: Update README files to include new components PromptForm and PromptInputAttachments * refactor: Refactor useAttachment hook for better DX * feat: Add Chat context visualization component (#75) * feat: add context component to visualise model context usage * chore: update README and package.json to include context component in documentation and description * feat: integrate context component into example files for enhanced token visualization * fix: update title for ContextIcon to improve accessibility * refactor: remove title element from ContextIcon for cleaner code * fix: add className prop to button in Context for improved styling flexibility * fix: apply minHeight and maxHeight props in PromptInputTextarea (#40) * fix: apply minHeight and maxHeight props in PromptInputTextarea * style: revert unintended quote changes * Switch to pure CSS --------- Co-authored-by: Hayden Bleasel <hello@haydenbleasel.com> * feat: add MessageContent variants (#37) * feat: add variants for message content * chore: remove unneded join * Bump deps * Ignore shadcn/ui * Run formatter * Update biome.jsonc * Resolves #77 * Resolves #69 * Resolves #60 * Remove logo.dev from examples * Update context.tsx * Propagate fixes from ai-studio * Resolves #74 * Resolves #59 * Resolves #67 * Run Ultracite * Resolves #73 * Resolves #71 * Update prompt-input.tsx * Start merging prompt input files * Continue working * STILL working * Finish cleaning up prompt input * Update prompt-input.tsx * Remove context * Update prompt-input.tsx * Update prompt-input.tsx * Update message.tsx * Fix trigger consistency * Fade reasoning text * Resolves #38 * Create artifact.tsx * Misc fixes * Port Context from ChatSDK (WIP) * Rebuild context component * Update context.tsx * Misc fixes * Port updates from ai-studio * Update suggestion-input.tsx * Update v0-clone.tsx --------- Co-authored-by: Nicklas Scharpff <64584979+xn1cklas@users.noreply.github.com> Co-authored-by: huygbui <160628415+huygbui@users.noreply.github.com> Co-authored-by: Damiano Carradori <damiano.carradori@gmail.com>
This is a Next.js project bootstrapped with create-next-app.
Getting Started
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.
Learn More
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
Deploy on Vercel
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.