suppress streaming rendering errors by adding streaming mode to … (#406)

* fix: suppress streaming rendering errors by adding streaming mode to GPTVis

Co-Authored-By: Claude Opus 4.7 <[[email protected]](<> "mailto:[email protected]")>

* feat(streaming): suppress unhandled rejections from G2/G6 in streaming component

* docs(examples): fix config documentation mismatches in examplesData

- Add missing axisXTitle/axisYTitle config for boxplot and violin chart
- Add missing type property and reorder galleryExamples for fishbone diagram
- Expand style sub-properties (backgroundColor, palette) for flow diagram
- Fix venn diagram data.sets type from string[] to string[] | string

Co-Authored-By: Claude Opus 4.7 <[email protected]>

* style(gpt-vis): delete empty line

---------

Co-authored-by: Claude Opus 4.7 <[[email protected]](<> "mailto:[email protected]")>
Co-authored-by: Claude Opus 4.7 <[email protected]>

Author: 3 people

site/app/components/StreamingRender/index.tsx

@@ -33,6 +33,16 @@ export default function StreamingRender({
     }
   }, []);
 
+  // Suppress unhandled rejections from G2/G6 during streaming
+  useEffect(() => {
+    if (!streaming) return;
+    const handler = (e: PromiseRejectionEvent) => {
+      e.preventDefault();
+    };
+    window.addEventListener('unhandledrejection', handler);
+    return () => window.removeEventListener('unhandledrejection', handler);
+  }, [streaming]);
+
   // Reset userScrolledUp when streaming starts
   useEffect(() => {
     if (streaming) userScrolledUpRef.current = false;

site/app/examples/examplesData/boxplot.ts

@@ -54,6 +54,18 @@ export const boxplotData = {
             valueType: 'string',
             description: 'Chart title.',
           },
+          {
+            property: 'axisXTitle',
+            type: 'optional',
+            valueType: 'string',
+            description: 'X-axis title.',
+          },
+          {
+            property: 'axisYTitle',
+            type: 'optional',
+            valueType: 'string',
+            description: 'Y-axis title.',
+          },
           {
             property: 'theme',
             type: 'optional',

site/app/examples/examplesData/fishbone-diagram.ts

@@ -4,6 +4,8 @@ export const fishboneDiagramData = {
   id: 'fishbone-diagram',
   name: 'Fishbone diagram',
   icon: Fish,
+  galleryExamples:
+    'vis fishbone-diagram\ntitle "Low Production Efficiency"\ndata\n  name "Low Production Efficiency"\n  children\n    - name "Equipment Issues"\n      children\n        - name "Aging Equipment"\n    - name "Staff Issues"\n      children\n        - name "Insufficient Skills"\n    - name "Process Issues"\n      children\n        - name "Cumbersome Processes"',
   description:
     'A professional chart that displays root causes of problems through a tree structure',
   knowledge: {
@@ -18,6 +20,12 @@ export const fishboneDiagramData = {
       {
         name: 'Configuration Options',
         config: [
+          {
+            property: 'type',
+            type: 'required',
+            valueType: 'string',
+            description: 'Value must be "fishbone-diagram".',
+          },
           {
             property: 'data',
             type: 'required',
@@ -88,8 +96,6 @@ export const fishboneDiagramData = {
       },
     ],
   },
-  galleryExamples:
-    'vis fishbone-diagram\ntitle "Low Production Efficiency"\ndata\n  name "Low Production Efficiency"\n  children\n    - name "Equipment Issues"\n      children\n        - name "Aging Equipment"\n    - name "Staff Issues"\n      children\n        - name "Insufficient Skills"\n    - name "Process Issues"\n      children\n        - name "Cumbersome Processes"',
   examples: [
     {
       title: 'Product Profit Below Target (default theme)',

site/app/examples/examplesData/flow-diagram.ts

@@ -86,6 +86,18 @@ export const flowDiagramData = {
             valueType: 'Object',
             description: 'Chart style.',
           },
+          {
+            property: 'style.backgroundColor',
+            type: 'optional',
+            valueType: 'string',
+            description: 'Must be a valid color value.',
+          },
+          {
+            property: 'style.palette',
+            type: 'optional',
+            valueType: 'string[]',
+            description: 'Must be an array of valid color values.',
+          },
         ],
       },
     ],

site/app/examples/examplesData/venn-diagram.ts

@@ -34,9 +34,9 @@ export const vennDiagramData = {
           {
             property: 'data.sets',
             type: 'required',
-            valueType: 'string[]',
+            valueType: 'string[] | string',
             description:
-              'Set identifier, indicates which set(s) the item belongs to. Can be a single set or combination.',
+              'Set identifier, indicates which set(s) the item belongs to. Can be a single set, combination, or comma-separated string.',
           },
           {
             property: 'data.value',

site/app/examples/examplesData/violin-chart.ts

@@ -55,6 +55,18 @@ export const violinChartData = {
             valueType: 'string',
             description: 'Chart title.',
           },
+          {
+            property: 'axisXTitle',
+            type: 'optional',
+            valueType: 'string',
+            description: 'X-axis title.',
+          },
+          {
+            property: 'axisYTitle',
+            type: 'optional',
+            valueType: 'string',
+            description: 'Y-axis title.',
+          },
           {
             property: 'theme',
             type: 'optional',