Merge pull request #574 from refly-ai/feat/optimize-website-code-node…

…s-v2 fix(rendering): adjust SVG and Mermaid rendering scale for better qua…
refly-ai · Mar 9, 2025 · 536d8a6 · 536d8a6
2 parents 15c1a52 + 3693c73
commit 536d8a6
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/packages/ai-workspace-common/src/components/canvas/nodes/skill-response.tsx b/packages/ai-workspace-common/src/components/canvas/nodes/skill-response.tsx
@@ -54,6 +54,7 @@ import { useEditorPerformance } from '@refly-packages/ai-workspace-common/contex
 import cn from 'classnames';
 import { ReasoningContentPreview } from './shared/reasoning-content-preview';
 import { useUpdateSkillResponseTitle } from '@refly-packages/ai-workspace-common/hooks/use-update-skill-response-title';
+import { truncateContent } from '@refly-packages/ai-workspace-common/utils/content';
 
 const POLLING_WAIT_TIME = 15000;
 
@@ -673,7 +674,7 @@ export const SkillResponseNode = memo(
                   {status !== 'failed' && metadata?.reasoningContent && (
                     <ReasoningContentPreview
                       resultId={entityId}
-                      content={metadata.reasoningContent}
+                      content={truncateContent(metadata.reasoningContent)}
                       sources={sources}
                       isOperating={isOperating}
                       stepStatus={status === 'executing' ? 'executing' : 'finish'}
@@ -683,7 +684,7 @@ export const SkillResponseNode = memo(
                   {status !== 'failed' && content && (
                     <ContentPreview
                       resultId={entityId}
-                      content={content || t('canvas.nodePreview.resource.noContentPreview')}
+                      content={truncateContent(content)}
                       sizeMode={sizeMode}
                       isOperating={isOperating}
                       sources={sources}

diff --git a/packages/ai-workspace-common/src/components/markdown/plugins/mermaid/render.tsx b/packages/ai-workspace-common/src/components/markdown/plugins/mermaid/render.tsx
@@ -69,7 +69,7 @@ const MermaidComponent = memo(
           features: {
             removeControlCharacter: false,
           },
-          scale: 10, // Higher resolution
+          scale: 1, // Higher resolution
           quality: 1,
           backgroundColor: '#ffffff',
         });

diff --git a/packages/ai-workspace-common/src/modules/artifacts/code-runner/render/svg.tsx b/packages/ai-workspace-common/src/modules/artifacts/code-runner/render/svg.tsx
@@ -25,7 +25,7 @@ const SVGRenderer = memo(({ content, title }: SVGRendererProps) => {
           removeControlCharacter: false,
         },
         // Use higher scale for better quality on high DPI displays
-        scale: 3,
+        scale: 1,
         quality: 1.0,
         backgroundColor: '#ffffff',
       });

diff --git a/packages/ai-workspace-common/src/utils/content.ts b/packages/ai-workspace-common/src/utils/content.ts
@@ -20,7 +20,7 @@ export const truncateContent = (
   if (!content) return '';
   if (content.length <= maxLength) return content;
 
-  return content.substring(0, maxLength);
+  return `${content.substring(0, maxLength)}...`;
 };
 
 /**
@@ -33,9 +33,8 @@ export const truncateContent = (
 export const processContentPreview = (
   contents: (string | undefined)[] = [],
   separator = '\n',
-  maxLength = MAX_CONTENT_PREVIEW_LENGTH,
 ): string => {
   const filteredContents = contents.filter(Boolean) as string[];
   const joinedContent = filteredContents.join(separator);
-  return truncateContent(joinedContent, maxLength);
+  return joinedContent;
 };