@docyrus/rn-assistant 0.4.0 → 0.6.0

package/dist/commonjs/components/message-parts/tools/data-table-tool.js

@@ -0,0 +1,417 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DataTableTool = DataTableTool;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _lucideReactNative = require("lucide-react-native");
+var _index = require("../../../theme/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function parseData(raw) {
+  if (!raw) return {
+    rows: [],
+    error: null
+  };
+  try {
+    const parsed = typeof raw === 'string' ? JSON.parse(raw) : raw;
+    if (Array.isArray(parsed)) return {
+      rows: parsed,
+      error: null
+    };
+
+    // Handle object with nested data arrays
+    if (parsed && typeof parsed === 'object') {
+      const nested = parsed.data || parsed.rows || parsed.records || parsed.items;
+      if (Array.isArray(nested)) return {
+        rows: nested,
+        error: null
+      };
+    }
+    return {
+      rows: [],
+      error: null
+    };
+  } catch (e) {
+    return {
+      rows: [],
+      error: e.message || 'Failed to parse data'
+    };
+  }
+}
+function getCellValue(row, field) {
+  if (!field) return undefined;
+
+  // Direct match
+  if (field in row) return row[field];
+
+  // Try case-insensitive match
+  const lowerField = field.toLowerCase();
+  const matchKey = Object.keys(row).find(k => k.toLowerCase() === lowerField);
+  if (matchKey) return row[matchKey];
+  return undefined;
+}
+function DataTableTool({
+  state,
+  data,
+  columns,
+  title,
+  description,
+  errorText,
+  height,
+  additionalComments
+}) {
+  const theme = (0, _index.useDocyrusRNAssistantTheme)();
+  const [expanded, setExpanded] = (0, _react.useState)(true);
+  const [modalOpen, setModalOpen] = (0, _react.useState)(false);
+  const {
+    rows,
+    error: parseError
+  } = (0, _react.useMemo)(() => parseData(data), [data]);
+  const resolvedColumns = (0, _react.useMemo)(() => {
+    if (columns && columns.length > 0) {
+      // Normalize: ensure every column has a field
+      return columns.map(col => ({
+        ...col,
+        field: col.field || col.key || col.name || col.title || ''
+      }));
+    }
+    if (rows.length === 0) return [];
+    return Object.keys(rows[0]).map(key => ({
+      field: key,
+      title: key
+    }));
+  }, [columns, rows]);
+
+  // Loading state
+  if (state === 'input-streaming' || state === 'input-available') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 6,
+        paddingVertical: 5,
+        paddingHorizontal: 2
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.Table2, {
+        size: 12,
+        color: theme.colors.mutedForeground
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: {
+          fontSize: 12,
+          fontWeight: '300',
+          color: theme.colors.mutedForeground
+        },
+        children: title || 'Loading table\u2026'
+      })]
+    });
+  }
+
+  // Error state
+  if (state === 'output-error' || parseError) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 6,
+        paddingVertical: 5,
+        paddingHorizontal: 2
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.XCircle, {
+        size: 12,
+        color: theme.colors.destructive
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: {
+          fontSize: 12,
+          color: theme.colors.destructive
+        },
+        children: parseError || errorText || 'Table error'
+      })]
+    });
+  }
+  if (rows.length === 0) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 6,
+        paddingVertical: 5,
+        paddingHorizontal: 2
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.Table2, {
+        size: 12,
+        color: theme.colors.mutedForeground
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: {
+          fontSize: 12,
+          color: theme.colors.mutedForeground
+        },
+        children: "No data to display"
+      })]
+    });
+  }
+  const cellStyle = {
+    paddingHorizontal: 10,
+    paddingVertical: 8,
+    borderRightWidth: 1,
+    borderRightColor: theme.colors.border
+  };
+  const headerCellStyle = {
+    ...cellStyle,
+    backgroundColor: theme.isDark ? theme.colors.muted : '#f8fafc'
+  };
+  const tableHeight = height || 300;
+  const renderTable = fixedHeight => {
+    const h = fixedHeight || tableHeight;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        height: h
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+        horizontal: true,
+        showsHorizontalScrollIndicator: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              flexDirection: 'row',
+              borderBottomWidth: 1,
+              borderBottomColor: theme.colors.border
+            },
+            children: resolvedColumns.map((col, ci) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: [headerCellStyle, col.width ? {
+                width: col.width
+              } : {
+                minWidth: 120
+              }],
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: {
+                  fontSize: 11,
+                  fontWeight: '600',
+                  color: theme.colors.foreground
+                },
+                numberOfLines: 1,
+                children: col.title || col.field
+              })
+            }, `h-${ci}`))
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+            nestedScrollEnabled: true,
+            children: rows.map((row, ri) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: {
+                flexDirection: 'row',
+                borderBottomWidth: 1,
+                borderBottomColor: theme.colors.border,
+                backgroundColor: ri % 2 === 0 ? 'transparent' : theme.isDark ? theme.colors.muted : '#f9fafb'
+              },
+              children: resolvedColumns.map((col, ci) => {
+                const val = getCellValue(row, col.field);
+                const display = val === null || val === undefined ? '-' : String(val);
+                return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+                  style: [cellStyle, col.width ? {
+                    width: col.width
+                  } : {
+                    minWidth: 120
+                  }],
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                    style: {
+                      fontSize: 11,
+                      color: theme.colors.foreground
+                    },
+                    numberOfLines: 2,
+                    children: display
+                  })
+                }, `c-${ri}-${ci}`);
+              })
+            }, `r-${ri}`))
+          })]
+        })
+      })
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        borderRadius: 10,
+        borderWidth: 1,
+        borderColor: theme.colors.border,
+        backgroundColor: theme.colors.card,
+        overflow: 'hidden',
+        marginVertical: 4
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+        onPress: () => setExpanded(!expanded),
+        activeOpacity: 0.7,
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          justifyContent: 'space-between',
+          backgroundColor: theme.isDark ? theme.colors.muted : '#f9fafb',
+          paddingHorizontal: 12,
+          paddingVertical: 10
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: 8,
+            flex: 1
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.Table2, {
+            size: 16,
+            color: theme.colors.mutedForeground
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: {
+              flex: 1
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: {
+                fontSize: 13,
+                fontWeight: '500',
+                color: theme.colors.foreground
+              },
+              numberOfLines: 1,
+              children: title || 'Data Table'
+            }), description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: {
+                fontSize: 11,
+                color: theme.colors.mutedForeground,
+                marginTop: 1
+              },
+              numberOfLines: 1,
+              children: description
+            }) : null]
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.ChevronDown, {
+          size: 14,
+          color: theme.colors.mutedForeground,
+          style: {
+            transform: [{
+              rotate: expanded ? '180deg' : '0deg'
+            }]
+          }
+        })]
+      }), expanded ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        children: [renderTable(), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            paddingHorizontal: 12,
+            paddingVertical: 6
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+            style: {
+              fontSize: 10,
+              color: theme.colors.mutedForeground
+            },
+            children: [rows.length, " ", rows.length === 1 ? 'row' : 'rows']
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+            onPress: () => setModalOpen(true),
+            hitSlop: 8,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: {
+                fontSize: 10,
+                color: theme.colors.primary
+              },
+              children: "Expand"
+            })
+          })]
+        }), additionalComments ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            marginHorizontal: 12,
+            marginBottom: 10,
+            padding: 10,
+            backgroundColor: '#eff6ff',
+            borderRadius: 8,
+            borderWidth: 1,
+            borderColor: '#bfdbfe'
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: {
+              fontSize: 11,
+              fontWeight: '500',
+              color: '#1e3a5f',
+              marginBottom: 2
+            },
+            children: "Note"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: {
+              fontSize: 11,
+              color: '#1e40af'
+            },
+            children: additionalComments
+          })]
+        }) : null]
+      }) : null]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+      visible: modalOpen,
+      animationType: "slide",
+      presentationStyle: "fullScreen",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.SafeAreaView, {
+        style: {
+          flex: 1,
+          backgroundColor: theme.colors.background
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            backgroundColor: theme.isDark ? theme.colors.muted : '#f9fafb',
+            paddingHorizontal: 16,
+            paddingVertical: 10
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: {
+              flexDirection: 'row',
+              alignItems: 'center',
+              gap: 10,
+              flex: 1
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.Table2, {
+              size: 18,
+              color: theme.colors.mutedForeground
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: {
+                fontSize: 15,
+                fontWeight: '500',
+                color: theme.colors.foreground,
+                flex: 1
+              },
+              numberOfLines: 1,
+              children: title || 'Data Table'
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+            onPress: () => setModalOpen(false),
+            hitSlop: 8,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.X, {
+              size: 20,
+              color: theme.colors.mutedForeground
+            })
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            flex: 1
+          },
+          children: renderTable(undefined)
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            paddingHorizontal: 16,
+            paddingVertical: 8,
+            borderTopWidth: 1,
+            borderTopColor: theme.colors.border
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+            style: {
+              fontSize: 11,
+              color: theme.colors.mutedForeground
+            },
+            children: [rows.length, " ", rows.length === 1 ? 'row' : 'rows']
+          })
+        })]
+      })
+    })]
+  });
+}
+DataTableTool.displayName = 'DataTableTool';
+//# sourceMappingURL=data-table-tool.js.map

package/dist/commonjs/components/message-parts/tools/data-table-tool.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_lucideReactNative","_index","_jsxRuntime","parseData","raw","rows","error","parsed","JSON","parse","Array","isArray","nested","data","records","items","e","message","getCellValue","row","field","undefined","lowerField","toLowerCase","matchKey","Object","keys","find","k","DataTableTool","state","columns","title","description","errorText","height","additionalComments","theme","useDocyrusRNAssistantTheme","expanded","setExpanded","useState","modalOpen","setModalOpen","parseError","useMemo","resolvedColumns","length","map","col","key","name","jsxs","View","style","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","children","jsx","Table2","size","color","colors","mutedForeground","Text","fontSize","fontWeight","XCircle","destructive","cellStyle","borderRightWidth","borderRightColor","border","headerCellStyle","backgroundColor","isDark","muted","tableHeight","renderTable","fixedHeight","h","ScrollView","horizontal","showsHorizontalScrollIndicator","borderBottomWidth","borderBottomColor","ci","width","minWidth","foreground","numberOfLines","nestedScrollEnabled","ri","val","display","String","Fragment","borderRadius","borderWidth","borderColor","card","overflow","marginVertical","TouchableOpacity","onPress","activeOpacity","justifyContent","flex","marginTop","ChevronDown","transform","rotate","hitSlop","primary","marginHorizontal","marginBottom","padding","Modal","visible","animationType","presentationStyle","SafeAreaView","background","X","borderTopWidth","borderTopColor","displayName"],"sourceRoot":"../../../../../src","sources":["components/message-parts/tools/data-table-tool.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/message-parts/tools/generate-chart-tool.js

@@ -0,0 +1,240 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GenerateChartTool = GenerateChartTool;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeWebview = require("react-native-webview");
+var _lucideReactNative = require("lucide-react-native");
+var _index = require("../../../theme/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function buildChartHtml(spec, data, isDark) {
+  const bg = isDark ? '#1e1e2e' : '#ffffff';
+
+  // Merge data into spec if not already present
+  const fullSpec = {
+    ...spec
+  };
+  if (!fullSpec.data && data) {
+    fullSpec.data = data;
+  }
+
+  // Apply dark theme if needed
+  if (isDark && !fullSpec.background) {
+    fullSpec.background = bg;
+  }
+  return `<!DOCTYPE html>
+<html>
+<head>
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<style>
+  html, body { margin:0; padding:0; background:${bg}; overflow:hidden; }
+  #chart { width:100%; height:100vh; }
+</style>
+</head>
+<body>
+<div id="chart"></div>
+<script src="https://cdn.jsdelivr.net/npm/@visactor/vchart@1/build/index.min.js"></script>
+<script>
+  try {
+    var spec = ${JSON.stringify(fullSpec)};
+    var chart = new VChart.default(spec, { dom: 'chart' });
+    chart.renderSync();
+  } catch(e) {
+    document.getElementById('chart').innerHTML = '<p style="color:red;padding:16px;">'+e.message+'</p>';
+  }
+</script>
+</body>
+</html>`;
+}
+function GenerateChartTool({
+  state,
+  spec,
+  data,
+  errorText,
+  title
+}) {
+  const theme = (0, _index.useDocyrusRNAssistantTheme)();
+  const [modalOpen, setModalOpen] = (0, _react.useState)(false);
+
+  // Loading / streaming state
+  if (state === 'input-streaming' || state === 'input-available') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 6,
+        paddingVertical: 5,
+        paddingHorizontal: 2
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.BarChart3, {
+        size: 12,
+        color: theme.colors.mutedForeground
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: {
+          fontSize: 12,
+          fontWeight: '300',
+          color: theme.colors.mutedForeground
+        },
+        children: title || 'Generating chart\u2026'
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+        size: "small",
+        color: theme.colors.mutedForeground
+      })]
+    });
+  }
+
+  // Error state
+  if (state === 'output-error') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 6,
+        paddingVertical: 5,
+        paddingHorizontal: 2
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.XCircle, {
+        size: 12,
+        color: theme.colors.destructive
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+        style: {
+          fontSize: 12,
+          color: theme.colors.destructive
+        },
+        children: ["Chart failed", errorText ? `: ${errorText}` : '']
+      })]
+    });
+  }
+  if (!spec || !spec.type) return null;
+  const html = (0, _react.useMemo)(() => buildChartHtml(spec, data, theme.isDark), [spec, data, theme.isDark]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        borderRadius: 10,
+        borderWidth: 1,
+        borderColor: theme.colors.border,
+        backgroundColor: theme.colors.card,
+        overflow: 'hidden',
+        marginVertical: 4
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          justifyContent: 'space-between',
+          backgroundColor: theme.isDark ? theme.colors.muted : '#f1f5f9',
+          paddingHorizontal: 12,
+          paddingVertical: 8
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: 8,
+            flex: 1
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.BarChart3, {
+            size: 16,
+            color: theme.colors.mutedForeground
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: {
+              fontSize: 13,
+              fontWeight: '500',
+              color: theme.colors.foreground,
+              flex: 1
+            },
+            numberOfLines: 1,
+            children: title || 'Chart'
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          onPress: () => setModalOpen(true),
+          hitSlop: 8,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.Maximize2, {
+            size: 14,
+            color: theme.colors.mutedForeground
+          })
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          height: 300,
+          width: '100%'
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeWebview.WebView, {
+          source: {
+            html
+          },
+          style: {
+            flex: 1,
+            backgroundColor: 'transparent'
+          },
+          scrollEnabled: false,
+          originWhitelist: ['*'],
+          javaScriptEnabled: true
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+      visible: modalOpen,
+      animationType: "slide",
+      presentationStyle: "fullScreen",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.SafeAreaView, {
+        style: {
+          flex: 1,
+          backgroundColor: theme.isDark ? '#1e1e2e' : '#ffffff'
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            backgroundColor: theme.isDark ? theme.colors.muted : '#f1f5f9',
+            paddingHorizontal: 16,
+            paddingVertical: 10
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: {
+              flexDirection: 'row',
+              alignItems: 'center',
+              gap: 10,
+              flex: 1
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.BarChart3, {
+              size: 20,
+              color: theme.colors.mutedForeground
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: {
+                fontSize: 15,
+                fontWeight: '500',
+                color: theme.colors.foreground,
+                flex: 1
+              },
+              numberOfLines: 1,
+              children: title || 'Chart'
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+            onPress: () => setModalOpen(false),
+            hitSlop: 8,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.X, {
+              size: 20,
+              color: theme.colors.mutedForeground
+            })
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeWebview.WebView, {
+          source: {
+            html
+          },
+          style: {
+            flex: 1
+          },
+          scrollEnabled: false,
+          originWhitelist: ['*'],
+          javaScriptEnabled: true
+        })]
+      })
+    })]
+  });
+}
+GenerateChartTool.displayName = 'GenerateChartTool';
+//# sourceMappingURL=generate-chart-tool.js.map