apunkt/rowboat
1
0
Fork 0
mirror of https://github.com/rowboatlabs/rowboat.git synced 2026-04-30 19:06:23 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update copilot loading states

Browse source
This commit is contained in:
akhisud3195 2025-08-26 22:07:12 +05:30
parent b73f3aa732
commit 1cf8bd01de
2 changed files with 15 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

12
apps/rowboat/app/projects/[projectId]/copilot/app.tsx
View file

@ -265,18 +265,10 @@ const App = forwardRef<{ handleCopyChat: () => void; handleUserMessage: (message
workflow={workflowRef.current}
dispatch={dispatch}
onStatusBarChange={handleStatusBarChange}
toolCalling={toolCalling}
toolQuery={toolQuery}
/>
</div>
{toolCalling && (
<div className="shrink-0 px-4 py-2.5 bg-gray-50 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 shadow-sm dark:shadow-gray-950/20 rounded-2xl mx-1 mb-2">
<div className="flex items-center gap-2 text-sm text-gray-600 dark:text-gray-400">
<Spinner size="sm" className="ml-2" />
<span>
Searching for tools{toolQuery ? ` to ${toolQuery}` : '...'}
</span>
</div>
</div>
)}
<div className="shrink-0 px-1">
{responseError && (
<div className="mb-4 p-2 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg flex gap-2 justify-between items-center text-sm">

18
apps/rowboat/app/projects/[projectId]/copilot/components/messages.tsx
View file

@ -507,7 +507,9 @@ export function Messages({
loadingResponse,
workflow,
dispatch,
onStatusBarChange
onStatusBarChange,
toolCalling,
toolQuery
}: {
messages: z.infer<typeof CopilotMessage>[];
streamingResponse: string;
@ -515,6 +517,8 @@ export function Messages({
workflow: z.infer<typeof Workflow>;
dispatch: (action: any) => void;
onStatusBarChange?: (status: any) => void;
toolCalling?: boolean;
toolQuery?: string | null;
}) {
const messagesEndRef = useRef<HTMLDivElement>(null);
const [displayMessages, setDisplayMessages] = useState(messages);
@ -582,11 +586,15 @@ export function Messages({
{renderMessage(message, index)}
</div>
))}
{loadingResponse && (
<div className="text-xs text-gray-500">
<Spinner size="sm" className="ml-2" />
{!streamingResponse && (toolCalling ? (
<div className="text-sm text-gray-600 dark:text-gray-400 mb-2 px-4">
<span className="animate-pulse [animation-duration:2s]">Searching for tools{toolQuery ? ` to ${toolQuery}` : ''}...</span>
</div>
)}
) : loadingResponse ? (
<div className="text-sm text-gray-600 dark:text-gray-400 mb-2 px-4">
<span className="animate-pulse [animation-duration:2s]">Thinking...</span>
</div>
) : null)}
</div>
<div ref={messagesEndRef} />
</div>