feat: add file handling, UI enhancements, types, stores and dependencies

[Wallgau]

Adds file handling utilities, UI enhancements, type definitions, store updates, and dependency updates to support the chat interface.
Key Changes:
File Handling:
file-preview-display: Component for displaying file previews in messages
file-utils: Utilities for file processing, validation, and formatting
UI Enhancements:
animated-close: Enhanced animated close button component
simple-sidebar: Improved sidebar component
flow-page-sliding-container: Updated with container queries support (@container/chat-panel) for responsive design
FlowPage components: Updates to node toolbar and flow page layout
Style updates: CSS improvements for chat interface
Tailwind config: Added container queries plugin support
Type Definitions:
types/chat/index.ts: Chat-related TypeScript types (messages, sessions, etc.)
types/components/index.ts: Component prop types and interfaces
types/zustand/utility/index.ts: Zustand store utility types
Store Updates:
utilityStore.ts: Enhanced utility store with new functionality
Dependencies:
Updated package.json and package-lock.json with new dependencies needed for container queries and other features

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

• 🔍 Trigger a full review

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch pr4-file-handling-ui-types-deps

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[codecov]

Codecov Report

❌ Patch coverage is 81.81818% with 2 lines in your changes missing coverage. Please review.
⚠️ Please upload report for BASE (pr3-chat-input@4a70c25). Learn more about missing BASE report.

Files with missing lines	Patch %	Lines
src/backend/base/langflow/api/utils/core.py	0.00%	2 Missing ⚠️

Additional details and impacted files

@@                Coverage Diff                @@
##             pr3-chat-input   #11276   +/-   ##
=================================================
  Coverage                  ?   33.07%           
=================================================
  Files                     ?     1430           
  Lines                     ?    67516           
  Branches                  ?     9982           
=================================================
  Hits                      ?    22329           
  Misses                    ?    43995           
  Partials                  ?     1192           

Flag	Coverage Δ
backend	50.33% <80.00%> (?)
lfx	40.81% <100.00%> (?)

Flags with carried forward coverage won't be shown. Click here to find out more.

Files with missing lines	Coverage Δ
src/backend/base/langflow/api/build.py	72.20% <100.00%> (ø)
src/backend/base/langflow/api/v1/chat.py	37.13% <ø> (ø)
src/backend/base/langflow/schema/properties.py	90.00% <100.00%> (ø)
...t/chat-view/chat-header/components/chat-header.tsx	0.00% <ø> (ø)
.../chat-view/chat-header/components/chat-sidebar.tsx	0.00% <ø> (ø)
...-view/chat-header/components/session-more-menu.tsx	0.00% <ø> (ø)
...t-view/chat-header/components/session-selector.tsx	0.00% <ø> (ø)
src/frontend/src/contexts/index.tsx	0.00% <ø> (ø)
...ntrollers/API/queries/messages/use-get-messages.ts	0.00% <ø> (ø)
src/frontend/src/stores/flowStore.ts	10.07% <ø> (ø)
... and 3 more

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.