root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(FN-4195): complete Step 2 — replace ChatView undefined text token usage

Browse Source 
Fusion-Task-Id: FN-4195
Fusion-Task-Lineage: 3abaad9b-5973-41cb-bec3-3c0d3a5347ba
This commit is contained in:
Fusion
2026-05-13 01:40:55 -07:00
committed by gsxdsm
parent 5be53a7f6d
commit 3980a229ca
2 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
packages/dashboard/app/components/ChatView.css
View File

@@ -216,12 +216,12 @@
padding: 4px 8px;
}
.chat-status-copy {
.chat-empty-state {
color: var(--text-muted);
font-size: var(--space-md);
font-size: 13px;
}
.chat-status-copy--padded {
.chat-empty-state--padded {
padding: var(--space-md);
}
@@ -262,7 +262,7 @@
.chat-session-preview {
font-size: 12px;
color: var(--text-secondary);
color: var(--text-muted);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@@ -606,7 +606,7 @@
gap: 6px;
margin-bottom: 4px;
font-size: 12px;
color: var(--text-secondary);
color: var(--text-muted);
}
/* Model-only chats hide the per-message agent identity. The toggle still
@@ -665,7 +665,7 @@
padding: 1px 6px;
border-radius: 4px;
background: var(--surface-bg, color-mix(in srgb, var(--surface) 55%, transparent));
color: var(--text-secondary);
color: var(--text-muted);
margin-left: 6px;
white-space: nowrap;
vertical-align: middle;
@@ -940,13 +940,13 @@
.chat-message-thinking summary {
font-size: 12px;
color: var(--text-secondary);
color: var(--text-muted);
cursor: pointer;
}
.chat-message-thinking-content {
font-size: 13px;
color: var(--text-secondary);
color: var(--text-muted);
padding: 8px;
background: var(--bg);
border-radius: 6px;
@@ -1192,7 +1192,7 @@
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--text-secondary);
background: var(--text-muted);
animation: chat-typing-bounce 1.4s infinite ease-in-out;
}

12
packages/dashboard/app/components/ChatView.tsx
View File

@@ -2148,9 +2148,9 @@ export function ChatView({ projectId, addToast, experimentalFeatures }: ChatView
{/* Session list section */}
<div className="chat-session-list chat-sidebar-list">
{sessionsLoading ? (
<div className="chat-status-copy chat-status-copy--padded">Loading...</div>
<div className="chat-empty-state chat-empty-state--padded">Loading...</div>
) : filteredSessions.length === 0 ? (
<div className="chat-status-copy chat-status-copy--padded">No conversations yet</div>
<div className="chat-empty-state chat-empty-state--padded">No conversations yet</div>
) : (
filteredSessions.map((session) => (
<div
@@ -2403,9 +2403,9 @@ export function ChatView({ projectId, addToast, experimentalFeatures }: ChatView
</div>
<div className="chat-messages" ref={messagesContainerRef} onScroll={updateScrollState}>
{rooms.messagesLoading ? (
<div className="chat-status-copy">Loading messages...</div>
<div className="chat-empty-state">Loading messages...</div>
) : rooms.messages.length === 0 ? (
<div className="chat-status-copy">No messages yet. Start the conversation!</div>
<div className="chat-empty-state">No messages yet. Start the conversation!</div>
) : (
rooms.messages.map((message) => {
const senderName = message.senderAgentId ? (agentsMap.get(message.senderAgentId)?.name ?? message.senderAgentId.slice(0, 30)) : "You";
@@ -2639,11 +2639,11 @@ export function ChatView({ projectId, addToast, experimentalFeatures }: ChatView
</div>
</>
) : messagesLoading ? (
<div className="chat-status-copy">Loading messages...</div>
<div className="chat-empty-state">Loading messages...</div>
) : messages.length === 0 && !activeSession ? (
renderEmptyState()
) : messages.length === 0 && activeSession ? (
<div className="chat-status-copy">No messages yet. Start the conversation!</div>
<div className="chat-empty-state">No messages yet. Start the conversation!</div>
) : (
<>
{messages.map((message) => (