tkmind/tkmind_go
1
0
Fork 0
Code Issues Pull Requests Actions 4 Packages Projects Releases Wiki Activity

fix(ui): respect width parameter in MCP app size-changed notifications (#6376)

Browse Source 
Signed-off-by: Abhijay007 <Abhijay007j@gmail.com>
This commit is contained in:
Abhijay Jain
2026-01-28 23:13:32 +05:30
committed by GitHub
parent be4e6635d3
commit aae24b35a4
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ui/desktop/src/components/McpApps/McpAppRenderer.tsx
+5 -2
View File
@@ -61,6 +61,7 @@ export default function McpAppRenderer({
}); });
const [error, setError] = useState<string | null>(null); const [error, setError] = useState<string | null>(null);
const [iframeHeight, setIframeHeight] = useState(DEFAULT_IFRAME_HEIGHT); const [iframeHeight, setIframeHeight] = useState(DEFAULT_IFRAME_HEIGHT);
const [iframeWidth, setIframeWidth] = useState<number | null>(null);
useEffect(() => { useEffect(() => {
if (!sessionId) { if (!sessionId) {
@@ -200,9 +201,10 @@ export default function McpAppRenderer({
[append, sessionId, extensionName] [append, sessionId, extensionName]
); );
const handleSizeChanged = useCallback((height: number, _width?: number) => { const handleSizeChanged = useCallback((height: number, width?: number) => {
const newHeight = Math.max(DEFAULT_IFRAME_HEIGHT, height); const newHeight = Math.max(DEFAULT_IFRAME_HEIGHT, height);
setIframeHeight(newHeight); setIframeHeight(newHeight);
setIframeWidth(width ?? null);
}, []); }, []);
const { iframeRef, proxyUrl } = useSandboxBridge({ const { iframeRef, proxyUrl } = useSandboxBridge({
@@ -264,7 +266,8 @@ export default function McpAppRenderer({
ref={iframeRef} ref={iframeRef}
src={proxyUrl} src={proxyUrl}
style={{ style={{
width: '100%', width: iframeWidth ? `${iframeWidth}px` : '100%',
maxWidth: '100%',
height: `${iframeHeight}px`, height: `${iframeHeight}px`,
border: 'none', border: 'none',
overflow: 'hidden', overflow: 'hidden',