shishantbiswas/coder
1
0
Fork 0
mirror of https://github.com/coder/coder.git synced 2026-06-02 20:48:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(site/src/pages/AgentsPage): widen inline desktop preview to fill chat (#25497)

Browse Source
This commit is contained in:
Michael Suchacz
2026-05-20 08:42:30 +02:00
committed by GitHub
parent 4c362499f2
commit 9c2e0aac88
2 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/pages/AgentsPage/components/ChatElements/tools/InlineDesktopPreview.tsx
+9 -9
View File
@@ -6,7 +6,7 @@ import {
type UseDesktopConnectionResult,
useDesktopConnection,
} from "#/pages/AgentsPage/hooks/useDesktopConnection";
import { DEFAULT_ASPECT, PREVIEW_HEIGHT } from "./previewConstants";
import { DEFAULT_ASPECT } from "./previewConstants";
/**
* Non-interactive inline VNC desktop preview. The noVNC canvas is
@@ -98,8 +98,8 @@ export const InlineDesktopPreview: React.FC<{
if (status === "idle" || status === "connecting") {
return wrapWithOverlay(
<div
className="flex items-center justify-center text-content-secondary"
style={{ aspectRatio: DEFAULT_ASPECT, height: PREVIEW_HEIGHT }}
className="flex w-full items-center justify-center text-content-secondary"
style={{ aspectRatio: DEFAULT_ASPECT }}
>
<Spinner loading className="h-5 w-5" />
</div>,
@@ -109,8 +109,8 @@ export const InlineDesktopPreview: React.FC<{
if (status === "disconnected") {
return wrapWithOverlay(
<div
className="flex items-center justify-center text-xs text-content-secondary"
style={{ aspectRatio, height: PREVIEW_HEIGHT }}
className="flex w-full items-center justify-center text-xs text-content-secondary"
style={{ aspectRatio }}
>
Desktop disconnected. Reconnecting…
</div>,
@@ -120,8 +120,8 @@ export const InlineDesktopPreview: React.FC<{
if (status === "error") {
return wrapWithOverlay(
<div
className="flex items-center justify-center text-xs text-content-secondary"
style={{ aspectRatio: DEFAULT_ASPECT, height: PREVIEW_HEIGHT }}
className="flex w-full items-center justify-center text-xs text-content-secondary"
style={{ aspectRatio: DEFAULT_ASPECT }}
>
Could not connect to desktop.
</div>,
@@ -136,8 +136,8 @@ export const InlineDesktopPreview: React.FC<{
containerRef.current = el;
if (el) attach(el);
}}
className="pointer-events-none"
style={{ aspectRatio, height: PREVIEW_HEIGHT }}
className="pointer-events-none w-full"
style={{ aspectRatio }}
/>,
);
};
site/src/pages/AgentsPage/components/ChatElements/tools/SubagentTool.tsx
+1 -1
View File
@@ -244,7 +244,7 @@ export const SubagentTool: React.FC<{
</button>
{showDesktopPreview && desktopChatId && toolStatus !== "completed" && (
<div className="mt-1.5 w-fit overflow-hidden rounded-lg border border-solid border-border-default">
<div className="mt-1.5 overflow-hidden rounded-lg border border-solid border-border-default">
<InlineDesktopPreview
chatId={desktopChatId}
onClick={onOpenDesktop}