lfg2025/archy
1
0
Fork 0
Code Issues 25 Pull Requests 4 Actions Packages Projects Releases 74 Wiki Activity

feat(chat): enhance chat functionality with web search and article integration

Browse Source 
- Updated ChatMessage and ChatWindow components to support inline web search results and articles.
- Integrated new web search and RSS plugins into the chat system for real-time information retrieval.
- Enhanced useContentPanel to manage web search results alongside existing media types.
- Added ArticleOverlay component for displaying selected articles from search results.
- Improved UI elements and styles for better user interaction with web search features.

Made-with: Cursor
This commit is contained in:
Dorian
2026-03-02 21:29:50 +00:00
parent 49ec6c09b6
commit 2d056f9498
36 changed files with 2616 additions and 303 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/app/src/styles/main.css
+29 -13
View File
@@ -328,7 +328,7 @@ body {
position: absolute;
inset: 0;
border-radius: inherit;
padding: 2px;
padding: 1px;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.3), transparent);
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
@@ -407,7 +407,7 @@ body {
.light .nav-tab-active {
background: linear-gradient(135deg, #fefdf9 0%, #faf9f6 100%) !important;
color: #0a0a0a !important;
border: 1px solid #e8e8e8;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow:
0 6px 20px rgba(0, 0, 0, 0.06),
inset 0 1px 0 rgba(254, 253, 249, 1) !important;
@@ -510,34 +510,50 @@ input:focus-visible {
color: transparent;
}
/* ===== SCROLLBAR — Archy custom gradient scrollbar ===== */
/* ===== SCROLLBAR — slim, elegant ===== */
.custom-scrollbar {
scrollbar-gutter: stable;
scrollbar-width: thin;
scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}
.custom-scrollbar::-webkit-scrollbar {
width: 10px;
width: 5px;
}
.custom-scrollbar::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.2);
border-radius: 10px;
background: transparent;
margin: 8px 0;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%);
background: rgba(255, 255, 255, 0.15);
border-radius: 10px;
border: 2px solid rgba(0, 0, 0, 0.2);
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.2) 100%);
background: rgba(255, 255, 255, 0.25);
}
.light .custom-scrollbar::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.04);
.custom-scrollbar::-webkit-scrollbar-thumb:active {
background: rgba(255, 255, 255, 0.35);
}
.light .custom-scrollbar {
scrollbar-color: rgba(0, 0, 0, 0.15) transparent;
}
.light .custom-scrollbar::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.08) 100%);
border: 2px solid rgba(255, 255, 255, 0.5);
background: rgba(0, 0, 0, 0.12);
}
.light .custom-scrollbar::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.2);
}
.light .custom-scrollbar::-webkit-scrollbar-thumb:active {
background: rgba(0, 0, 0, 0.28);
}
.scrollbar-hide {