dp-widgets-framework 1.1.4 → 1.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.esm.js +308 -82
  2. package/dist/index.js +302 -76
  3. package/package.json +1 -1
package/dist/index.esm.js CHANGED
@@ -7,7 +7,7 @@ import * as LabelPrimitive from '@radix-ui/react-label';
7
7
  import { cva } from 'class-variance-authority';
8
8
  import * as SwitchPrimitives from '@radix-ui/react-switch';
9
9
  import * as SelectPrimitive from '@radix-ui/react-select';
10
- import { ChevronDown, ChevronUp, Check, AlertCircle, MoveUp, MoveDown, Trash2, Plus, Bot, Type, Layout, LayoutGrid, BarChart, Filter, Search, ArrowUp, ArrowDown, RefreshCw, X, LineChart, PieChart as PieChart$1, Table, FileText, Loader2, GripHorizontal, Edit, MessageCircleX, Edit2 } from 'lucide-react';
10
+ import { ChevronDown, ChevronUp, Check, AlertCircle, MoveUp, MoveDown, Trash2, Plus, Bot, Type, Layout, LayoutGrid, BarChart as BarChart$1, Filter, Search, ArrowUp, ArrowDown, RefreshCw, X, LineChart as LineChart$1, PieChart as PieChart$1, Table, FileText, Loader2, GripHorizontal, Edit, MessageCircleX, Edit2 } from 'lucide-react';
11
11
  import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
12
12
  import { Slot } from '@radix-ui/react-slot';
13
13
  import { debounce as debounce$1 } from 'lodash';
@@ -1912,7 +1912,7 @@ const IconMap$1 = {
1912
1912
  search: Search,
1913
1913
  filter: Filter,
1914
1914
  results: LayoutGrid,
1915
- analytics: BarChart,
1915
+ analytics: BarChart$1,
1916
1916
  custom: LayoutGrid,
1917
1917
  header: Layout,
1918
1918
  footer: Layout,
@@ -15048,6 +15048,78 @@ const Line = /* #__PURE__ */ createTypedChart('line', LineController);
15048
15048
  const Bar = /* #__PURE__ */ createTypedChart('bar', BarController);
15049
15049
  const Pie = /* #__PURE__ */ createTypedChart('pie', PieController);
15050
15050
 
15051
+ Chart$1.register(CategoryScale, LinearScale, BarElement, plugin_title, plugin_tooltip, plugin_legend);
15052
+ function BarChart({ orientation, title, data, options, className, units }) {
15053
+ const formatValue = (value) => {
15054
+ const numValue = typeof value === 'string' ? parseFloat(value) : value;
15055
+ if (units === '$' && !isNaN(numValue)) {
15056
+ return numValue.toLocaleString();
15057
+ }
15058
+ return value;
15059
+ };
15060
+ const defaultOptions = {
15061
+ responsive: true,
15062
+ maintainAspectRatio: false,
15063
+ indexAxis: orientation === "horizontal" ? "y" : "x",
15064
+ layout: {
15065
+ padding: {
15066
+ bottom: 0,
15067
+ top: 0,
15068
+ left: 0,
15069
+ right: 0,
15070
+ },
15071
+ },
15072
+ plugins: {
15073
+ legend: {
15074
+ display: false,
15075
+ labels: {
15076
+ boxWidth: 5,
15077
+ boxHeight: 5,
15078
+ },
15079
+ position: "bottom"
15080
+ },
15081
+ title: {
15082
+ display: true,
15083
+ text: title,
15084
+ font: {
15085
+ size: 18,
15086
+ weight: "bold",
15087
+ },
15088
+ color: "#0F172A"
15089
+ },
15090
+ tooltip: {
15091
+ callbacks: {
15092
+ label: function (context) {
15093
+ const value = context.parsed.y || context.parsed.x;
15094
+ return units ? `${context.dataset.label}: ${formatValue(value)} ${units}` : `${context.dataset.label}: ${value}`;
15095
+ }
15096
+ }
15097
+ },
15098
+ },
15099
+ scales: {
15100
+ x: {
15101
+ ticks: {
15102
+ autoSkip: false,
15103
+ maxRotation: 45,
15104
+ minRotation: 45,
15105
+ font: {
15106
+ size: 10
15107
+ }
15108
+ },
15109
+ },
15110
+ y: {
15111
+ beginAtZero: true,
15112
+ ticks: {
15113
+ callback: function (value) {
15114
+ return units ? `${formatValue(value)} ${units}` : value;
15115
+ }
15116
+ }
15117
+ },
15118
+ },
15119
+ };
15120
+ return (jsxRuntimeExports.jsx(Bar, { data: data, options: options !== null && options !== void 0 ? options : defaultOptions }));
15121
+ }
15122
+
15051
15123
  Chart$1.register(CategoryScale, LinearScale, BarElement, plugin_title, plugin_tooltip, plugin_legend);
15052
15124
  function SeriesChart({ orientation, title, data, options, className, units }) {
15053
15125
  const formatValue = (value) => {
@@ -15104,6 +15176,9 @@ function SeriesChart({ orientation, title, data, options, className, units }) {
15104
15176
  beginAtZero: true,
15105
15177
  ticks: {
15106
15178
  callback: function (value) {
15179
+ if (units === '$') {
15180
+ return `${units}${formatValue(value)}`;
15181
+ }
15107
15182
  return units ? `${formatValue(value)} ${units}` : value;
15108
15183
  }
15109
15184
  }
@@ -15236,6 +15311,70 @@ const PieChart = (props) => {
15236
15311
  return jsxRuntimeExports.jsx(Pie, { data: data, options: options !== null && options !== void 0 ? options : defaultOptions });
15237
15312
  };
15238
15313
 
15314
+ Chart$1.register(CategoryScale, LinearScale, PointElement, LineElement, plugin_title, plugin_tooltip, plugin_legend);
15315
+ function LineChart({ title, data, options, className, units }) {
15316
+ const formatValue = (value) => {
15317
+ const numValue = typeof value === 'string' ? parseFloat(value) : value;
15318
+ if (units === '$' && !isNaN(numValue)) {
15319
+ return numValue.toLocaleString();
15320
+ }
15321
+ return value;
15322
+ };
15323
+ const defaultOptions = {
15324
+ responsive: true,
15325
+ maintainAspectRatio: false,
15326
+ layout: {
15327
+ padding: {
15328
+ bottom: 0,
15329
+ top: 0,
15330
+ left: 0,
15331
+ right: 0,
15332
+ },
15333
+ },
15334
+ plugins: {
15335
+ legend: {
15336
+ display: false,
15337
+ labels: {
15338
+ boxWidth: 5,
15339
+ boxHeight: 5,
15340
+ },
15341
+ position: "bottom"
15342
+ },
15343
+ title: {
15344
+ display: true,
15345
+ text: title,
15346
+ font: {
15347
+ size: 18,
15348
+ weight: "bold",
15349
+ },
15350
+ color: "#0F172A"
15351
+ },
15352
+ tooltip: {
15353
+ callbacks: {
15354
+ label: function (context) {
15355
+ const value = context.parsed.y;
15356
+ return units ? `${context.dataset.label}: ${formatValue(value)} ${units}` : `${context.dataset.label}: ${value}`;
15357
+ }
15358
+ }
15359
+ },
15360
+ },
15361
+ scales: {
15362
+ x: {
15363
+ ticks: { autoSkip: true, maxTicksLimit: 8, maxRotation: 45, minRotation: 0 },
15364
+ },
15365
+ y: {
15366
+ beginAtZero: true,
15367
+ ticks: {
15368
+ callback: function (value) {
15369
+ return units ? `${formatValue(value)} ${units}` : value;
15370
+ }
15371
+ }
15372
+ },
15373
+ },
15374
+ };
15375
+ return (jsxRuntimeExports.jsx(Line, { data: data, options: options !== null && options !== void 0 ? options : defaultOptions }));
15376
+ }
15377
+
15239
15378
  function DataGrid({ title, data, className }) {
15240
15379
  const { columns, rows } = data;
15241
15380
  if (!columns || columns.length === 0 || !rows || rows.length === 0) {
@@ -35936,12 +36075,24 @@ const createInitialChartState = (agentType, widgetIds, datasetId) => {
35936
36075
  const baseState = { dataset_id: datasetId || "home_generation_dataset" };
35937
36076
  switch (agentType) {
35938
36077
  case "Pie Chart Agent":
35939
- return Object.assign({ pie_chart_data: {
36078
+ return {
36079
+ pie_chart_data: {
35940
36080
  title: "",
35941
36081
  type: "pie",
35942
36082
  chart_type: "financial",
35943
36083
  data: { labels: [], values: [], percentages: [], total: 0 },
35944
36084
  metadata: { categories: 0, largest_category: "", largest_value: 0, largest_percentage: 0 }
36085
+ }
36086
+ };
36087
+ case "Line Chart Agent":
36088
+ case "Bar Chart Agent":
36089
+ return Object.assign({ bar_chart_data: {
36090
+ title: "",
36091
+ type: agentType === "Line Chart Agent" ? "line" : "bar",
36092
+ chart_type: "financial",
36093
+ orientation: agentType === "Line Chart Agent" ? "horizontal" : "vertical",
36094
+ data: { labels: [], values: [], total: 0, average: 0 },
36095
+ metadata: { categories: 0, highest_category: "", highest_value: 0, lowest_category: "", lowest_value: 0, range: 0 }
35945
36096
  } }, baseState);
35946
36097
  case "Series Bar Chart Agent":
35947
36098
  case "Series Line Chart Agent":
@@ -35973,7 +36124,7 @@ const createInitialChartState = (agentType, widgetIds, datasetId) => {
35973
36124
  metadata: { created_at: "", content_type: "text", is_multiline: false }
35974
36125
  } }, baseState);
35975
36126
  default:
35976
- return Object.assign({ widget_ids: widgetIds }, baseState);
36127
+ return { widget_ids: widgetIds };
35977
36128
  }
35978
36129
  };
35979
36130
  const loadAgentState = async (widgetBackendUrl, threadId, agentName) => {
@@ -36071,6 +36222,58 @@ const getStyleValues = (styles = {}) => {
36071
36222
  textAlign: alignment,
36072
36223
  };
36073
36224
  };
36225
+ function BarChartComponent({ orientation, barChartState, styles, appendMessage, query, isFirstLoad, widgetBackendUrl, widgetId, startLoadingTimeout, clearLoadingTimeout }) {
36226
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
36227
+ const hasCalledRef = useRef(false);
36228
+ const labels = ((_b = (_a = barChartState === null || barChartState === void 0 ? void 0 : barChartState.bar_chart_data) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.labels) || ((_e = (_d = (_c = barChartState === null || barChartState === void 0 ? void 0 : barChartState.state) === null || _c === void 0 ? void 0 : _c.bar_chart_data) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.labels) || [];
36229
+ const values = ((_g = (_f = barChartState === null || barChartState === void 0 ? void 0 : barChartState.bar_chart_data) === null || _f === void 0 ? void 0 : _f.data) === null || _g === void 0 ? void 0 : _g.values) || ((_k = (_j = (_h = barChartState === null || barChartState === void 0 ? void 0 : barChartState.state) === null || _h === void 0 ? void 0 : _h.bar_chart_data) === null || _j === void 0 ? void 0 : _j.data) === null || _k === void 0 ? void 0 : _k.values) || [];
36230
+ const chartTitle = ((_l = barChartState === null || barChartState === void 0 ? void 0 : barChartState.bar_chart_data) === null || _l === void 0 ? void 0 : _l.title) || ((_o = (_m = barChartState === null || barChartState === void 0 ? void 0 : barChartState.state) === null || _m === void 0 ? void 0 : _m.bar_chart_data) === null || _o === void 0 ? void 0 : _o.title) || "";
36231
+ const units = ((_p = barChartState === null || barChartState === void 0 ? void 0 : barChartState.bar_chart_data) === null || _p === void 0 ? void 0 : _p.units) || ((_r = (_q = barChartState === null || barChartState === void 0 ? void 0 : barChartState.state) === null || _q === void 0 ? void 0 : _q.bar_chart_data) === null || _r === void 0 ? void 0 : _r.units) || "";
36232
+ values.length > 0 ? Math.max(...values) : 0;
36233
+ const isEmpty = labels.length === 0 || values.length === 0;
36234
+ const handleRefresh = async () => {
36235
+ if (query && widgetBackendUrl && widgetId) {
36236
+ await clearChat(widgetBackendUrl, widgetId);
36237
+ appendMessage(new TextMessage({
36238
+ content: `${query} and render data on a bar chart`,
36239
+ role: Role.User,
36240
+ }));
36241
+ }
36242
+ };
36243
+ useEffect(() => {
36244
+ if (isEmpty && query && isFirstLoad && !(barChartState === null || barChartState === void 0 ? void 0 : barChartState.agent_message) && !hasCalledRef.current) {
36245
+ // console.log('calling append message')
36246
+ hasCalledRef.current = true;
36247
+ handleRefresh();
36248
+ }
36249
+ }, [isEmpty, query, isFirstLoad, barChartState]);
36250
+ // Start timeout when chart is empty and loading
36251
+ useEffect(() => {
36252
+ if (isEmpty && startLoadingTimeout && !(barChartState === null || barChartState === void 0 ? void 0 : barChartState.agent_message)) {
36253
+ startLoadingTimeout();
36254
+ }
36255
+ else if (!isEmpty && clearLoadingTimeout) {
36256
+ clearLoadingTimeout();
36257
+ }
36258
+ }, [isEmpty, startLoadingTimeout, clearLoadingTimeout]);
36259
+ const finalColors = useMemo(() => {
36260
+ return shuffleColors(DEFAULT_COLORS, labels === null || labels === void 0 ? void 0 : labels.length);
36261
+ }, [labels.length]);
36262
+ if (isEmpty) {
36263
+ return createLoadingComponent();
36264
+ }
36265
+ const transformedData = {
36266
+ labels: labels,
36267
+ datasets: [
36268
+ {
36269
+ label: chartTitle || "Data",
36270
+ data: values,
36271
+ backgroundColor: finalColors,
36272
+ },
36273
+ ],
36274
+ };
36275
+ return (jsxRuntimeExports.jsx(BarChart, { orientation: orientation, title: chartTitle, data: transformedData, units: units }));
36276
+ }
36074
36277
  function SeriesBarChartComponent({ orientation, seriesBarChartState, styles, appendMessage, query, isFirstLoad, widgetBackendUrl, widgetId, startLoadingTimeout, clearLoadingTimeout }) {
36075
36278
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
36076
36279
  const hasCalledRef = useRef(false);
@@ -36235,6 +36438,63 @@ function PieChartComponent({ pieChartState, styles, appendMessage, query, isFirs
36235
36438
  };
36236
36439
  return (jsxRuntimeExports.jsx(PieChart, { title: chartTitle, data: transformedData, units: units }));
36237
36440
  }
36441
+ function LineChartComponent({ lineChartState, styles, appendMessage, query, isFirstLoad, widgetBackendUrl, widgetId, startLoadingTimeout, clearLoadingTimeout }) {
36442
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
36443
+ const hasCalledRef = useRef(false);
36444
+ const labels = ((_b = (_a = lineChartState === null || lineChartState === void 0 ? void 0 : lineChartState.bar_chart_data) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.labels) || ((_e = (_d = (_c = lineChartState === null || lineChartState === void 0 ? void 0 : lineChartState.state) === null || _c === void 0 ? void 0 : _c.bar_chart_data) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.labels) || [];
36445
+ const values = ((_g = (_f = lineChartState === null || lineChartState === void 0 ? void 0 : lineChartState.bar_chart_data) === null || _f === void 0 ? void 0 : _f.data) === null || _g === void 0 ? void 0 : _g.values) || ((_k = (_j = (_h = lineChartState === null || lineChartState === void 0 ? void 0 : lineChartState.state) === null || _h === void 0 ? void 0 : _h.bar_chart_data) === null || _j === void 0 ? void 0 : _j.data) === null || _k === void 0 ? void 0 : _k.values) || [];
36446
+ const chartTitle = ((_l = lineChartState === null || lineChartState === void 0 ? void 0 : lineChartState.bar_chart_data) === null || _l === void 0 ? void 0 : _l.title) || ((_o = (_m = lineChartState === null || lineChartState === void 0 ? void 0 : lineChartState.state) === null || _m === void 0 ? void 0 : _m.bar_chart_data) === null || _o === void 0 ? void 0 : _o.title) || "";
36447
+ const units = ((_p = lineChartState === null || lineChartState === void 0 ? void 0 : lineChartState.bar_chart_data) === null || _p === void 0 ? void 0 : _p.units) || ((_r = (_q = lineChartState === null || lineChartState === void 0 ? void 0 : lineChartState.state) === null || _q === void 0 ? void 0 : _q.bar_chart_data) === null || _r === void 0 ? void 0 : _r.units) || "";
36448
+ values.length > 0 ? Math.max(...values) : 0;
36449
+ const isEmpty = labels.length === 0 || values.length === 0;
36450
+ const handleRefresh = async () => {
36451
+ if (query && widgetBackendUrl && widgetId) {
36452
+ await clearChat(widgetBackendUrl, widgetId);
36453
+ appendMessage(new TextMessage({
36454
+ content: `${query} and render data on a bar chart`,
36455
+ role: Role.User,
36456
+ }));
36457
+ }
36458
+ };
36459
+ useEffect(() => {
36460
+ if (isEmpty && query && isFirstLoad && !(lineChartState === null || lineChartState === void 0 ? void 0 : lineChartState.agent_message) && !hasCalledRef.current) {
36461
+ hasCalledRef.current = true;
36462
+ handleRefresh();
36463
+ }
36464
+ }, [isEmpty, query, isFirstLoad, lineChartState]);
36465
+ // Start timeout when chart is empty and loading
36466
+ useEffect(() => {
36467
+ if (isEmpty && startLoadingTimeout && !(lineChartState === null || lineChartState === void 0 ? void 0 : lineChartState.agent_message)) {
36468
+ startLoadingTimeout();
36469
+ }
36470
+ else if (!isEmpty && clearLoadingTimeout) {
36471
+ clearLoadingTimeout();
36472
+ }
36473
+ }, [isEmpty, startLoadingTimeout, clearLoadingTimeout]);
36474
+ const lineColor = useMemo(() => {
36475
+ return LINE_COLORS[Math.floor(Math.random() * LINE_COLORS.length)];
36476
+ }, [labels.length]);
36477
+ if (isEmpty) {
36478
+ return createLoadingComponent();
36479
+ }
36480
+ const transformedData = {
36481
+ labels: labels,
36482
+ datasets: [
36483
+ {
36484
+ label: chartTitle || "Data",
36485
+ data: values,
36486
+ borderColor: lineColor,
36487
+ backgroundColor: "rgba(96, 165, 250, 0.1)",
36488
+ borderWidth: 2,
36489
+ pointBackgroundColor: lineColor,
36490
+ pointBorderColor: lineColor,
36491
+ pointRadius: 4,
36492
+ fill: true,
36493
+ },
36494
+ ],
36495
+ };
36496
+ return (jsxRuntimeExports.jsx(LineChart, { title: chartTitle, data: transformedData, units: units }));
36497
+ }
36238
36498
  function DataGridComponent({ dataGridState, styles, appendMessage, query, isFirstLoad, widgetBackendUrl, widgetId, startLoadingTimeout, clearLoadingTimeout }) {
36239
36499
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
36240
36500
  const hasCalledRef = useRef(false);
@@ -36322,7 +36582,7 @@ function SummaryComponent({ summaryState, styles, appendMessage, query, isFirstL
36322
36582
  return (jsxRuntimeExports.jsx(SummaryWidget, { title: title, data: data, metadata: metadata, className: "" }));
36323
36583
  }
36324
36584
  function CopilotKitAgent({ widget, showHeader, styles, onResetReady, widgetIds, widgetBackendUrl, datasetId }) {
36325
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18;
36585
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31;
36326
36586
  const agentType = (_a = widget.config) === null || _a === void 0 ? void 0 : _a.agentType;
36327
36587
  const orientation = (_b = widget.config) === null || _b === void 0 ? void 0 : _b.orientation;
36328
36588
  const isFirstLoad = (_c = widget.config) === null || _c === void 0 ? void 0 : _c.isFirstLoad;
@@ -36331,8 +36591,6 @@ function CopilotKitAgent({ widget, showHeader, styles, onResetReady, widgetIds,
36331
36591
  const [isTimeoutTriggered, setIsTimeoutTriggered] = useState(false);
36332
36592
  const [apiCallCount, setApiCallCount] = useState(0);
36333
36593
  const [hasTimeoutError, setHasTimeoutError] = useState(false);
36334
- const [isAgentTriggered, setIsAgentTriggered] = useState(false);
36335
- const pollingIntervalRef = useRef(null);
36336
36594
  useEffect(() => {
36337
36595
  setThreadId(widget.id);
36338
36596
  }, [widget.id, setThreadId]);
@@ -36379,75 +36637,38 @@ function CopilotKitAgent({ widget, showHeader, styles, onResetReady, widgetIds,
36379
36637
  timeoutRef.current = null;
36380
36638
  }
36381
36639
  }, []);
36382
- // Function to start polling for data availability
36383
- const startPollingForData = useCallback(() => {
36384
- var _a;
36385
- if (!widgetBackendUrl || !((_a = widget.config) === null || _a === void 0 ? void 0 : _a.agentName))
36640
+ // Function to clear chat and reset chart state
36641
+ useCallback(async (widgetId) => {
36642
+ if (!widgetBackendUrl)
36386
36643
  return;
36387
- setIsAgentTriggered(true);
36388
- setApiCallCount(0);
36389
- setHasTimeoutError(false);
36390
- // Clear any existing polling interval
36391
- if (pollingIntervalRef.current) {
36392
- clearInterval(pollingIntervalRef.current);
36393
- }
36394
- // Start polling immediately, then every CHART_REFRESH_TIMEOUT
36395
- const pollForData = async () => {
36396
- var _a, _b, _c;
36397
- if (apiCallCount >= 10) {
36398
- setHasTimeoutError(true);
36399
- setIsAgentTriggered(false);
36400
- if (pollingIntervalRef.current) {
36401
- clearInterval(pollingIntervalRef.current);
36402
- pollingIntervalRef.current = null;
36403
- }
36404
- return;
36405
- }
36406
- setApiCallCount(prev => prev + 1);
36407
- const agentName = ((_a = widget.config) === null || _a === void 0 ? void 0 : _a.agentName) || "adk-construction-project-agent";
36408
- const apiResponse = await loadAgentState(widgetBackendUrl, widget.id, agentName);
36409
- if (apiResponse && ((_c = (_b = apiResponse.data) === null || _b === void 0 ? void 0 : _b.loadAgentState) === null || _c === void 0 ? void 0 : _c.state)) {
36410
- parseAndUpdateChartState(apiResponse, setChartState);
36411
- setIsAgentTriggered(false);
36412
- if (pollingIntervalRef.current) {
36413
- clearInterval(pollingIntervalRef.current);
36414
- pollingIntervalRef.current = null;
36415
- }
36416
- }
36417
- };
36418
- // Poll immediately
36419
- pollForData();
36420
- // Then poll every CHART_REFRESH_TIMEOUT
36421
- pollingIntervalRef.current = setInterval(pollForData, CHART_REFRESH_TIMEOUT);
36422
- // Set a maximum timeout to stop polling after 10 attempts
36423
- setTimeout(() => {
36424
- if (pollingIntervalRef.current) {
36425
- clearInterval(pollingIntervalRef.current);
36426
- pollingIntervalRef.current = null;
36427
- setIsAgentTriggered(false);
36428
- if (apiCallCount >= 10) {
36429
- setHasTimeoutError(true);
36430
- }
36431
- }
36432
- }, CHART_REFRESH_TIMEOUT * 10);
36433
- }, [widgetBackendUrl, (_f = widget.config) === null || _f === void 0 ? void 0 : _f.agentName, widget.id, apiCallCount, setChartState]);
36434
- // Clean up timeout and polling on unmount
36644
+ try {
36645
+ await fetch(`${widgetBackendUrl}/api/clear-chat`, {
36646
+ method: 'POST',
36647
+ headers: {
36648
+ 'Content-Type': 'application/json',
36649
+ },
36650
+ body: JSON.stringify({
36651
+ session_id: widgetId,
36652
+ delete_state: true
36653
+ }),
36654
+ });
36655
+ setChartState(createInitialChartState(agentType || '', widgetIds, datasetId));
36656
+ setApiCallCount(0);
36657
+ setHasTimeoutError(false);
36658
+ }
36659
+ catch (error) {
36660
+ console.error('Failed to clear chat and state:', error);
36661
+ }
36662
+ }, [widgetBackendUrl, setChartState, agentType, widgetIds]);
36663
+ // Clean up timeout on unmount
36435
36664
  useEffect(() => {
36436
36665
  return () => {
36437
36666
  if (timeoutRef.current) {
36438
36667
  clearTimeout(timeoutRef.current);
36439
36668
  }
36440
- if (pollingIntervalRef.current) {
36441
- clearInterval(pollingIntervalRef.current);
36442
- }
36443
36669
  };
36444
36670
  }, []);
36445
- const { appendMessage: originalAppendMessage, reset } = useCopilotChat();
36446
- // Wrapper function for appendMessage that triggers polling
36447
- const appendMessage = useCallback((message) => {
36448
- startPollingForData();
36449
- return originalAppendMessage(message);
36450
- }, [originalAppendMessage, startPollingForData]);
36671
+ const { appendMessage, reset } = useCopilotChat();
36451
36672
  // Register the reset function with the parent component
36452
36673
  useEffect(() => {
36453
36674
  if (onResetReady && reset && widget.id) {
@@ -36461,7 +36682,8 @@ function CopilotKitAgent({ widget, showHeader, styles, onResetReady, widgetIds,
36461
36682
  // Listen for triggerAgent events for this widget
36462
36683
  useEffect(() => {
36463
36684
  const handleTriggerAgent = (event) => {
36464
- const { widgetId, query, agentType: eventAgentType } = event.detail;
36685
+ const { widgetId, query, agentType: eventAgentType, datesetId } = event.detail;
36686
+ console.log('event.detail==>', event.detail);
36465
36687
  if (widgetId === widget.id) {
36466
36688
  let messageContent = query;
36467
36689
  // Customize message based on agent type
@@ -36486,6 +36708,8 @@ function CopilotKitAgent({ widget, showHeader, styles, onResetReady, widgetIds,
36486
36708
  else if (eventAgentType === "Summary Agent") {
36487
36709
  messageContent = `${query} and render the data on a summary widget`;
36488
36710
  }
36711
+ console.log('triggering to datasetId==>', datasetId);
36712
+ setChartState(createInitialChartState(agentType || '', widgetIds, datasetId));
36489
36713
  appendMessage(new TextMessage({
36490
36714
  content: messageContent,
36491
36715
  role: Role.User,
@@ -36509,16 +36733,17 @@ function CopilotKitAgent({ widget, showHeader, styles, onResetReady, widgetIds,
36509
36733
  }, [widget.id, appendMessage, agentType, setChartState]);
36510
36734
  return (jsxRuntimeExports.jsxs("div", { className: cn("flex flex-col h-full"), children: [showHeader && (jsxRuntimeExports.jsx("div", { className: "flex items-center justify-between pb-2 border-b", children: jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntimeExports.jsx(Bot, { className: "h-4 w-4" }), jsxRuntimeExports.jsx("h3", { className: "text-sm font-medium", children: widget.title })] }) })), jsxRuntimeExports.jsx("div", { className: "flex-1 h-full", children: (chartState === null || chartState === void 0 ? void 0 : chartState.agent_message) && agentType !== "chatbot" && (
36511
36735
  // Check if data is empty based on agent type
36512
- (agentType === "Series Bar Chart Agent" && (!((_j = (_h = (_g = chartState.series_bar_chart_data) === null || _g === void 0 ? void 0 : _g.data) === null || _h === void 0 ? void 0 : _h.labels) === null || _j === void 0 ? void 0 : _j.length) || !((_m = (_l = (_k = chartState.series_bar_chart_data) === null || _k === void 0 ? void 0 : _k.data) === null || _l === void 0 ? void 0 : _l.series) === null || _m === void 0 ? void 0 : _m.length))) ||
36513
- (agentType === "Series Line Chart Agent" && (!((_q = (_p = (_o = chartState.series_bar_chart_data) === null || _o === void 0 ? void 0 : _o.data) === null || _p === void 0 ? void 0 : _p.labels) === null || _q === void 0 ? void 0 : _q.length) || !((_t = (_s = (_r = chartState.series_bar_chart_data) === null || _r === void 0 ? void 0 : _r.data) === null || _s === void 0 ? void 0 : _s.series) === null || _t === void 0 ? void 0 : _t.length))) ||
36514
- (agentType === "Pie Chart Agent" && (!((_w = (_v = (_u = chartState.pie_chart_data) === null || _u === void 0 ? void 0 : _u.data) === null || _v === void 0 ? void 0 : _v.labels) === null || _w === void 0 ? void 0 : _w.length) || !((_z = (_y = (_x = chartState.pie_chart_data) === null || _x === void 0 ? void 0 : _x.data) === null || _y === void 0 ? void 0 : _y.values) === null || _z === void 0 ? void 0 : _z.length))) ||
36515
- (agentType === "Data Grid Agent" && (!((_2 = (_1 = (_0 = chartState.matrix_grid_data) === null || _0 === void 0 ? void 0 : _0.data) === null || _1 === void 0 ? void 0 : _1.headers) === null || _2 === void 0 ? void 0 : _2.length) || !((_5 = (_4 = (_3 = chartState.matrix_grid_data) === null || _3 === void 0 ? void 0 : _3.data) === null || _4 === void 0 ? void 0 : _4.rows) === null || _5 === void 0 ? void 0 : _5.length))) ||
36516
- (agentType === "Summary Agent" && (!((_7 = (_6 = chartState.summary_data) === null || _6 === void 0 ? void 0 : _6.data) === null || _7 === void 0 ? void 0 : _7.content) || ((_10 = (_9 = (_8 = chartState.summary_data) === null || _8 === void 0 ? void 0 : _8.data) === null || _9 === void 0 ? void 0 : _9.content) === null || _10 === void 0 ? void 0 : _10.trim()) === ""))) ? (jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full p-4", children: jsxRuntimeExports.jsx("div", { className: "text-center max-w-md", children: jsxRuntimeExports.jsx("p", { className: "text-sm text-gray-700", children: chartState.agent_message }) }) })) : isAgentTriggered ? (createLoadingComponent("Agent processing your request...")) : agentType === "Series Bar Chart Agent" ? (jsxRuntimeExports.jsx(SeriesBarChartComponent, { seriesBarChartState: chartState, styles: styles, orientation: orientation, appendMessage: appendMessage, query: (_11 = widget.config) === null || _11 === void 0 ? void 0 : _11.query, isFirstLoad: isFirstLoad, widgetBackendUrl: widgetBackendUrl, widgetId: widget.id, startLoadingTimeout: startLoadingTimeout, clearLoadingTimeout: clearLoadingTimeout })) : agentType === "Series Line Chart Agent" ? (jsxRuntimeExports.jsx(SeriesLineChartComponent, { seriesLineChartState: chartState, styles: styles, orientation: orientation, appendMessage: appendMessage, query: (_12 = widget.config) === null || _12 === void 0 ? void 0 : _12.query, isFirstLoad: isFirstLoad, widgetBackendUrl: widgetBackendUrl, widgetId: widget.id, startLoadingTimeout: startLoadingTimeout, clearLoadingTimeout: clearLoadingTimeout })) : agentType === "Pie Chart Agent" ? (jsxRuntimeExports.jsx(PieChartComponent, { pieChartState: chartState, styles: styles, appendMessage: appendMessage, query: (_13 = widget.config) === null || _13 === void 0 ? void 0 : _13.query, isFirstLoad: isFirstLoad, widgetBackendUrl: widgetBackendUrl, widgetId: widget.id, startLoadingTimeout: startLoadingTimeout, clearLoadingTimeout: clearLoadingTimeout })) : agentType === "Data Grid Agent" ? (jsxRuntimeExports.jsx(DataGridComponent, { dataGridState: chartState, styles: styles, appendMessage: appendMessage, query: (_14 = widget.config) === null || _14 === void 0 ? void 0 : _14.query, isFirstLoad: isFirstLoad, widgetBackendUrl: widgetBackendUrl, widgetId: widget.id, startLoadingTimeout: startLoadingTimeout, clearLoadingTimeout: clearLoadingTimeout })) : agentType === "Summary Agent" ? (jsxRuntimeExports.jsx(SummaryComponent, { summaryState: chartState, styles: styles, appendMessage: appendMessage, query: (_15 = widget.config) === null || _15 === void 0 ? void 0 : _15.query, isFirstLoad: isFirstLoad, widgetBackendUrl: widgetBackendUrl, widgetId: widget.id, widget_ids: widgetIds, startLoadingTimeout: startLoadingTimeout, clearLoadingTimeout: clearLoadingTimeout, setChartState: setChartState })) : (jsxRuntimeExports.jsx(CopilotChat, { className: "h-full text-xs [&_.copilot-chat-message]:text-xs [&_.copilot-chat-input]:text-xs", labels: {
36517
- title: ((_16 = widget.config) === null || _16 === void 0 ? void 0 : _16.copilotTitle) || widget.title,
36518
- initial: ((_17 = widget.config) === null || _17 === void 0 ? void 0 : _17.copilotInitialMessage) || ((_18 = widget.config) === null || _18 === void 0 ? void 0 : _18.placeholder) || "How can I help you today?"
36736
+ (agentType === "Bar Chart Agent" && (!((_h = (_g = (_f = chartState.bar_chart_data) === null || _f === void 0 ? void 0 : _f.data) === null || _g === void 0 ? void 0 : _g.labels) === null || _h === void 0 ? void 0 : _h.length) || !((_l = (_k = (_j = chartState.bar_chart_data) === null || _j === void 0 ? void 0 : _j.data) === null || _k === void 0 ? void 0 : _k.values) === null || _l === void 0 ? void 0 : _l.length))) ||
36737
+ (agentType === "Series Bar Chart Agent" && (!((_p = (_o = (_m = chartState.series_bar_chart_data) === null || _m === void 0 ? void 0 : _m.data) === null || _o === void 0 ? void 0 : _o.labels) === null || _p === void 0 ? void 0 : _p.length) || !((_s = (_r = (_q = chartState.series_bar_chart_data) === null || _q === void 0 ? void 0 : _q.data) === null || _r === void 0 ? void 0 : _r.series) === null || _s === void 0 ? void 0 : _s.length))) ||
36738
+ (agentType === "Series Line Chart Agent" && (!((_v = (_u = (_t = chartState.series_bar_chart_data) === null || _t === void 0 ? void 0 : _t.data) === null || _u === void 0 ? void 0 : _u.labels) === null || _v === void 0 ? void 0 : _v.length) || !((_y = (_x = (_w = chartState.series_bar_chart_data) === null || _w === void 0 ? void 0 : _w.data) === null || _x === void 0 ? void 0 : _x.series) === null || _y === void 0 ? void 0 : _y.length))) ||
36739
+ (agentType === "Pie Chart Agent" && (!((_1 = (_0 = (_z = chartState.pie_chart_data) === null || _z === void 0 ? void 0 : _z.data) === null || _0 === void 0 ? void 0 : _0.labels) === null || _1 === void 0 ? void 0 : _1.length) || !((_4 = (_3 = (_2 = chartState.pie_chart_data) === null || _2 === void 0 ? void 0 : _2.data) === null || _3 === void 0 ? void 0 : _3.values) === null || _4 === void 0 ? void 0 : _4.length))) ||
36740
+ (agentType === "Line Chart Agent" && (!((_7 = (_6 = (_5 = chartState.bar_chart_data) === null || _5 === void 0 ? void 0 : _5.data) === null || _6 === void 0 ? void 0 : _6.labels) === null || _7 === void 0 ? void 0 : _7.length) || !((_10 = (_9 = (_8 = chartState.bar_chart_data) === null || _8 === void 0 ? void 0 : _8.data) === null || _9 === void 0 ? void 0 : _9.values) === null || _10 === void 0 ? void 0 : _10.length))) ||
36741
+ (agentType === "Data Grid Agent" && (!((_13 = (_12 = (_11 = chartState.matrix_grid_data) === null || _11 === void 0 ? void 0 : _11.data) === null || _12 === void 0 ? void 0 : _12.headers) === null || _13 === void 0 ? void 0 : _13.length) || !((_16 = (_15 = (_14 = chartState.matrix_grid_data) === null || _14 === void 0 ? void 0 : _14.data) === null || _15 === void 0 ? void 0 : _15.rows) === null || _16 === void 0 ? void 0 : _16.length))) ||
36742
+ (agentType === "Summary Agent" && (!((_18 = (_17 = chartState.summary_data) === null || _17 === void 0 ? void 0 : _17.data) === null || _18 === void 0 ? void 0 : _18.content) || ((_21 = (_20 = (_19 = chartState.summary_data) === null || _19 === void 0 ? void 0 : _19.data) === null || _20 === void 0 ? void 0 : _20.content) === null || _21 === void 0 ? void 0 : _21.trim()) === ""))) ? (jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full p-4", children: jsxRuntimeExports.jsx("div", { className: "text-center max-w-md", children: jsxRuntimeExports.jsx("p", { className: "text-sm text-gray-700", children: chartState.agent_message }) }) })) : agentType === "Bar Chart Agent" ? (jsxRuntimeExports.jsx(BarChartComponent, { barChartState: chartState, styles: styles, orientation: orientation, appendMessage: appendMessage, query: (_22 = widget.config) === null || _22 === void 0 ? void 0 : _22.query, isFirstLoad: isFirstLoad, widgetBackendUrl: widgetBackendUrl, widgetId: widget.id, startLoadingTimeout: startLoadingTimeout, clearLoadingTimeout: clearLoadingTimeout })) : agentType === "Series Bar Chart Agent" ? (jsxRuntimeExports.jsx(SeriesBarChartComponent, { seriesBarChartState: chartState, styles: styles, orientation: orientation, appendMessage: appendMessage, query: (_23 = widget.config) === null || _23 === void 0 ? void 0 : _23.query, isFirstLoad: isFirstLoad, widgetBackendUrl: widgetBackendUrl, widgetId: widget.id, startLoadingTimeout: startLoadingTimeout, clearLoadingTimeout: clearLoadingTimeout })) : agentType === "Series Line Chart Agent" ? (jsxRuntimeExports.jsx(SeriesLineChartComponent, { seriesLineChartState: chartState, styles: styles, orientation: orientation, appendMessage: appendMessage, query: (_24 = widget.config) === null || _24 === void 0 ? void 0 : _24.query, isFirstLoad: isFirstLoad, widgetBackendUrl: widgetBackendUrl, widgetId: widget.id, startLoadingTimeout: startLoadingTimeout, clearLoadingTimeout: clearLoadingTimeout })) : agentType === "Pie Chart Agent" ? (jsxRuntimeExports.jsx(PieChartComponent, { pieChartState: chartState, styles: styles, appendMessage: appendMessage, query: (_25 = widget.config) === null || _25 === void 0 ? void 0 : _25.query, isFirstLoad: isFirstLoad, widgetBackendUrl: widgetBackendUrl, widgetId: widget.id, startLoadingTimeout: startLoadingTimeout, clearLoadingTimeout: clearLoadingTimeout })) : agentType === "Line Chart Agent" ? (jsxRuntimeExports.jsx(LineChartComponent, { lineChartState: chartState, styles: styles, appendMessage: appendMessage, query: (_26 = widget.config) === null || _26 === void 0 ? void 0 : _26.query, isFirstLoad: isFirstLoad, widgetBackendUrl: widgetBackendUrl, widgetId: widget.id, startLoadingTimeout: startLoadingTimeout, clearLoadingTimeout: clearLoadingTimeout })) : agentType === "Data Grid Agent" ? (jsxRuntimeExports.jsx(DataGridComponent, { dataGridState: chartState, styles: styles, appendMessage: appendMessage, query: (_27 = widget.config) === null || _27 === void 0 ? void 0 : _27.query, isFirstLoad: isFirstLoad, widgetBackendUrl: widgetBackendUrl, widgetId: widget.id, startLoadingTimeout: startLoadingTimeout, clearLoadingTimeout: clearLoadingTimeout })) : agentType === "Summary Agent" ? (jsxRuntimeExports.jsx(SummaryComponent, { summaryState: chartState, styles: styles, appendMessage: appendMessage, query: (_28 = widget.config) === null || _28 === void 0 ? void 0 : _28.query, isFirstLoad: isFirstLoad, widgetBackendUrl: widgetBackendUrl, widgetId: widget.id, widget_ids: widgetIds, startLoadingTimeout: startLoadingTimeout, clearLoadingTimeout: clearLoadingTimeout, setChartState: setChartState })) : (jsxRuntimeExports.jsx(CopilotChat, { className: "h-full text-xs [&_.copilot-chat-message]:text-xs [&_.copilot-chat-input]:text-xs", labels: {
36743
+ title: ((_29 = widget.config) === null || _29 === void 0 ? void 0 : _29.copilotTitle) || widget.title,
36744
+ initial: ((_30 = widget.config) === null || _30 === void 0 ? void 0 : _30.copilotInitialMessage) || ((_31 = widget.config) === null || _31 === void 0 ? void 0 : _31.placeholder) || "How can I help you today?"
36519
36745
  }, onSubmitMessage: () => {
36520
36746
  setChartState(prevState => (Object.assign(Object.assign({}, prevState), { widget_ids: widgetIds, dataset_id: datasetId })));
36521
- startPollingForData();
36522
36747
  } })) })] }));
36523
36748
  }
36524
36749
  function AgentWidget({ widget, showHeader = true, widgetBackendUrl, onResetReady, widgetIds, datasetId, }) {
@@ -36602,14 +36827,14 @@ function AddWidgetDialog({ isOpen, onClose, addWidgetFn, defaultAgentName = "adk
36602
36827
  {
36603
36828
  type: 'series-bar-chart',
36604
36829
  title: 'Bar Chart Widget',
36605
- icon: BarChart,
36830
+ icon: BarChart$1,
36606
36831
  description: 'Create interactive series bar charts with custom queries',
36607
36832
  configRequired: true
36608
36833
  },
36609
36834
  {
36610
36835
  type: 'series-line-chart',
36611
36836
  title: 'Line Chart Widget',
36612
- icon: LineChart,
36837
+ icon: LineChart$1,
36613
36838
  description: 'Create interactive series line charts with custom queries',
36614
36839
  configRequired: true
36615
36840
  },
@@ -36785,13 +37010,13 @@ const IconMap = {
36785
37010
  search: Search,
36786
37011
  filter: Filter,
36787
37012
  results: LayoutGrid,
36788
- analytics: BarChart,
37013
+ analytics: BarChart$1,
36789
37014
  custom: LayoutGrid,
36790
37015
  header: Layout,
36791
37016
  footer: Layout,
36792
37017
  text: Type,
36793
37018
  agent: Bot,
36794
- 'bar-chart': BarChart,
37019
+ 'bar-chart': BarChart$1,
36795
37020
  'pie-chart': PieChart$1,
36796
37021
  'chatbot': Bot,
36797
37022
  };
@@ -36869,7 +37094,8 @@ function WidgetDashboard({ pageId, isEditing, selectedWidget = null, onWidgetSel
36869
37094
  detail: {
36870
37095
  widgetId: editingWidget.id,
36871
37096
  query: newQuery,
36872
- agentType: (_a = editingWidget.config) === null || _a === void 0 ? void 0 : _a.agentType
37097
+ agentType: (_a = editingWidget.config) === null || _a === void 0 ? void 0 : _a.agentType,
37098
+ datesetId: datasetId
36873
37099
  }
36874
37100
  });
36875
37101
  window.dispatchEvent(event);
package/dist/index.js CHANGED
@@ -15075,6 +15075,78 @@ const Line = /* #__PURE__ */ createTypedChart('line', LineController);
15075
15075
  const Bar = /* #__PURE__ */ createTypedChart('bar', BarController);
15076
15076
  const Pie = /* #__PURE__ */ createTypedChart('pie', PieController);
15077
15077
 
15078
+ Chart$1.register(CategoryScale, LinearScale, BarElement, plugin_title, plugin_tooltip, plugin_legend);
15079
+ function BarChart({ orientation, title, data, options, className, units }) {
15080
+ const formatValue = (value) => {
15081
+ const numValue = typeof value === 'string' ? parseFloat(value) : value;
15082
+ if (units === '$' && !isNaN(numValue)) {
15083
+ return numValue.toLocaleString();
15084
+ }
15085
+ return value;
15086
+ };
15087
+ const defaultOptions = {
15088
+ responsive: true,
15089
+ maintainAspectRatio: false,
15090
+ indexAxis: orientation === "horizontal" ? "y" : "x",
15091
+ layout: {
15092
+ padding: {
15093
+ bottom: 0,
15094
+ top: 0,
15095
+ left: 0,
15096
+ right: 0,
15097
+ },
15098
+ },
15099
+ plugins: {
15100
+ legend: {
15101
+ display: false,
15102
+ labels: {
15103
+ boxWidth: 5,
15104
+ boxHeight: 5,
15105
+ },
15106
+ position: "bottom"
15107
+ },
15108
+ title: {
15109
+ display: true,
15110
+ text: title,
15111
+ font: {
15112
+ size: 18,
15113
+ weight: "bold",
15114
+ },
15115
+ color: "#0F172A"
15116
+ },
15117
+ tooltip: {
15118
+ callbacks: {
15119
+ label: function (context) {
15120
+ const value = context.parsed.y || context.parsed.x;
15121
+ return units ? `${context.dataset.label}: ${formatValue(value)} ${units}` : `${context.dataset.label}: ${value}`;
15122
+ }
15123
+ }
15124
+ },
15125
+ },
15126
+ scales: {
15127
+ x: {
15128
+ ticks: {
15129
+ autoSkip: false,
15130
+ maxRotation: 45,
15131
+ minRotation: 45,
15132
+ font: {
15133
+ size: 10
15134
+ }
15135
+ },
15136
+ },
15137
+ y: {
15138
+ beginAtZero: true,
15139
+ ticks: {
15140
+ callback: function (value) {
15141
+ return units ? `${formatValue(value)} ${units}` : value;
15142
+ }
15143
+ }
15144
+ },
15145
+ },
15146
+ };
15147
+ return (jsxRuntimeExports.jsx(Bar, { data: data, options: options !== null && options !== void 0 ? options : defaultOptions }));
15148
+ }
15149
+
15078
15150
  Chart$1.register(CategoryScale, LinearScale, BarElement, plugin_title, plugin_tooltip, plugin_legend);
15079
15151
  function SeriesChart({ orientation, title, data, options, className, units }) {
15080
15152
  const formatValue = (value) => {
@@ -15131,6 +15203,9 @@ function SeriesChart({ orientation, title, data, options, className, units }) {
15131
15203
  beginAtZero: true,
15132
15204
  ticks: {
15133
15205
  callback: function (value) {
15206
+ if (units === '$') {
15207
+ return `${units}${formatValue(value)}`;
15208
+ }
15134
15209
  return units ? `${formatValue(value)} ${units}` : value;
15135
15210
  }
15136
15211
  }
@@ -15263,6 +15338,70 @@ const PieChart = (props) => {
15263
15338
  return jsxRuntimeExports.jsx(Pie, { data: data, options: options !== null && options !== void 0 ? options : defaultOptions });
15264
15339
  };
15265
15340
 
15341
+ Chart$1.register(CategoryScale, LinearScale, PointElement, LineElement, plugin_title, plugin_tooltip, plugin_legend);
15342
+ function LineChart({ title, data, options, className, units }) {
15343
+ const formatValue = (value) => {
15344
+ const numValue = typeof value === 'string' ? parseFloat(value) : value;
15345
+ if (units === '$' && !isNaN(numValue)) {
15346
+ return numValue.toLocaleString();
15347
+ }
15348
+ return value;
15349
+ };
15350
+ const defaultOptions = {
15351
+ responsive: true,
15352
+ maintainAspectRatio: false,
15353
+ layout: {
15354
+ padding: {
15355
+ bottom: 0,
15356
+ top: 0,
15357
+ left: 0,
15358
+ right: 0,
15359
+ },
15360
+ },
15361
+ plugins: {
15362
+ legend: {
15363
+ display: false,
15364
+ labels: {
15365
+ boxWidth: 5,
15366
+ boxHeight: 5,
15367
+ },
15368
+ position: "bottom"
15369
+ },
15370
+ title: {
15371
+ display: true,
15372
+ text: title,
15373
+ font: {
15374
+ size: 18,
15375
+ weight: "bold",
15376
+ },
15377
+ color: "#0F172A"
15378
+ },
15379
+ tooltip: {
15380
+ callbacks: {
15381
+ label: function (context) {
15382
+ const value = context.parsed.y;
15383
+ return units ? `${context.dataset.label}: ${formatValue(value)} ${units}` : `${context.dataset.label}: ${value}`;
15384
+ }
15385
+ }
15386
+ },
15387
+ },
15388
+ scales: {
15389
+ x: {
15390
+ ticks: { autoSkip: true, maxTicksLimit: 8, maxRotation: 45, minRotation: 0 },
15391
+ },
15392
+ y: {
15393
+ beginAtZero: true,
15394
+ ticks: {
15395
+ callback: function (value) {
15396
+ return units ? `${formatValue(value)} ${units}` : value;
15397
+ }
15398
+ }
15399
+ },
15400
+ },
15401
+ };
15402
+ return (jsxRuntimeExports.jsx(Line, { data: data, options: options !== null && options !== void 0 ? options : defaultOptions }));
15403
+ }
15404
+
15266
15405
  function DataGrid({ title, data, className }) {
15267
15406
  const { columns, rows } = data;
15268
15407
  if (!columns || columns.length === 0 || !rows || rows.length === 0) {
@@ -35963,12 +36102,24 @@ const createInitialChartState = (agentType, widgetIds, datasetId) => {
35963
36102
  const baseState = { dataset_id: datasetId || "home_generation_dataset" };
35964
36103
  switch (agentType) {
35965
36104
  case "Pie Chart Agent":
35966
- return Object.assign({ pie_chart_data: {
36105
+ return {
36106
+ pie_chart_data: {
35967
36107
  title: "",
35968
36108
  type: "pie",
35969
36109
  chart_type: "financial",
35970
36110
  data: { labels: [], values: [], percentages: [], total: 0 },
35971
36111
  metadata: { categories: 0, largest_category: "", largest_value: 0, largest_percentage: 0 }
36112
+ }
36113
+ };
36114
+ case "Line Chart Agent":
36115
+ case "Bar Chart Agent":
36116
+ return Object.assign({ bar_chart_data: {
36117
+ title: "",
36118
+ type: agentType === "Line Chart Agent" ? "line" : "bar",
36119
+ chart_type: "financial",
36120
+ orientation: agentType === "Line Chart Agent" ? "horizontal" : "vertical",
36121
+ data: { labels: [], values: [], total: 0, average: 0 },
36122
+ metadata: { categories: 0, highest_category: "", highest_value: 0, lowest_category: "", lowest_value: 0, range: 0 }
35972
36123
  } }, baseState);
35973
36124
  case "Series Bar Chart Agent":
35974
36125
  case "Series Line Chart Agent":
@@ -36000,7 +36151,7 @@ const createInitialChartState = (agentType, widgetIds, datasetId) => {
36000
36151
  metadata: { created_at: "", content_type: "text", is_multiline: false }
36001
36152
  } }, baseState);
36002
36153
  default:
36003
- return Object.assign({ widget_ids: widgetIds }, baseState);
36154
+ return { widget_ids: widgetIds };
36004
36155
  }
36005
36156
  };
36006
36157
  const loadAgentState = async (widgetBackendUrl, threadId, agentName) => {
@@ -36098,6 +36249,58 @@ const getStyleValues = (styles = {}) => {
36098
36249
  textAlign: alignment,
36099
36250
  };
36100
36251
  };
36252
+ function BarChartComponent({ orientation, barChartState, styles, appendMessage, query, isFirstLoad, widgetBackendUrl, widgetId, startLoadingTimeout, clearLoadingTimeout }) {
36253
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
36254
+ const hasCalledRef = React.useRef(false);
36255
+ const labels = ((_b = (_a = barChartState === null || barChartState === void 0 ? void 0 : barChartState.bar_chart_data) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.labels) || ((_e = (_d = (_c = barChartState === null || barChartState === void 0 ? void 0 : barChartState.state) === null || _c === void 0 ? void 0 : _c.bar_chart_data) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.labels) || [];
36256
+ const values = ((_g = (_f = barChartState === null || barChartState === void 0 ? void 0 : barChartState.bar_chart_data) === null || _f === void 0 ? void 0 : _f.data) === null || _g === void 0 ? void 0 : _g.values) || ((_k = (_j = (_h = barChartState === null || barChartState === void 0 ? void 0 : barChartState.state) === null || _h === void 0 ? void 0 : _h.bar_chart_data) === null || _j === void 0 ? void 0 : _j.data) === null || _k === void 0 ? void 0 : _k.values) || [];
36257
+ const chartTitle = ((_l = barChartState === null || barChartState === void 0 ? void 0 : barChartState.bar_chart_data) === null || _l === void 0 ? void 0 : _l.title) || ((_o = (_m = barChartState === null || barChartState === void 0 ? void 0 : barChartState.state) === null || _m === void 0 ? void 0 : _m.bar_chart_data) === null || _o === void 0 ? void 0 : _o.title) || "";
36258
+ const units = ((_p = barChartState === null || barChartState === void 0 ? void 0 : barChartState.bar_chart_data) === null || _p === void 0 ? void 0 : _p.units) || ((_r = (_q = barChartState === null || barChartState === void 0 ? void 0 : barChartState.state) === null || _q === void 0 ? void 0 : _q.bar_chart_data) === null || _r === void 0 ? void 0 : _r.units) || "";
36259
+ values.length > 0 ? Math.max(...values) : 0;
36260
+ const isEmpty = labels.length === 0 || values.length === 0;
36261
+ const handleRefresh = async () => {
36262
+ if (query && widgetBackendUrl && widgetId) {
36263
+ await clearChat(widgetBackendUrl, widgetId);
36264
+ appendMessage(new TextMessage({
36265
+ content: `${query} and render data on a bar chart`,
36266
+ role: Role.User,
36267
+ }));
36268
+ }
36269
+ };
36270
+ React.useEffect(() => {
36271
+ if (isEmpty && query && isFirstLoad && !(barChartState === null || barChartState === void 0 ? void 0 : barChartState.agent_message) && !hasCalledRef.current) {
36272
+ // console.log('calling append message')
36273
+ hasCalledRef.current = true;
36274
+ handleRefresh();
36275
+ }
36276
+ }, [isEmpty, query, isFirstLoad, barChartState]);
36277
+ // Start timeout when chart is empty and loading
36278
+ React.useEffect(() => {
36279
+ if (isEmpty && startLoadingTimeout && !(barChartState === null || barChartState === void 0 ? void 0 : barChartState.agent_message)) {
36280
+ startLoadingTimeout();
36281
+ }
36282
+ else if (!isEmpty && clearLoadingTimeout) {
36283
+ clearLoadingTimeout();
36284
+ }
36285
+ }, [isEmpty, startLoadingTimeout, clearLoadingTimeout]);
36286
+ const finalColors = React.useMemo(() => {
36287
+ return shuffleColors(DEFAULT_COLORS, labels === null || labels === void 0 ? void 0 : labels.length);
36288
+ }, [labels.length]);
36289
+ if (isEmpty) {
36290
+ return createLoadingComponent();
36291
+ }
36292
+ const transformedData = {
36293
+ labels: labels,
36294
+ datasets: [
36295
+ {
36296
+ label: chartTitle || "Data",
36297
+ data: values,
36298
+ backgroundColor: finalColors,
36299
+ },
36300
+ ],
36301
+ };
36302
+ return (jsxRuntimeExports.jsx(BarChart, { orientation: orientation, title: chartTitle, data: transformedData, units: units }));
36303
+ }
36101
36304
  function SeriesBarChartComponent({ orientation, seriesBarChartState, styles, appendMessage, query, isFirstLoad, widgetBackendUrl, widgetId, startLoadingTimeout, clearLoadingTimeout }) {
36102
36305
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
36103
36306
  const hasCalledRef = React.useRef(false);
@@ -36262,6 +36465,63 @@ function PieChartComponent({ pieChartState, styles, appendMessage, query, isFirs
36262
36465
  };
36263
36466
  return (jsxRuntimeExports.jsx(PieChart, { title: chartTitle, data: transformedData, units: units }));
36264
36467
  }
36468
+ function LineChartComponent({ lineChartState, styles, appendMessage, query, isFirstLoad, widgetBackendUrl, widgetId, startLoadingTimeout, clearLoadingTimeout }) {
36469
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
36470
+ const hasCalledRef = React.useRef(false);
36471
+ const labels = ((_b = (_a = lineChartState === null || lineChartState === void 0 ? void 0 : lineChartState.bar_chart_data) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.labels) || ((_e = (_d = (_c = lineChartState === null || lineChartState === void 0 ? void 0 : lineChartState.state) === null || _c === void 0 ? void 0 : _c.bar_chart_data) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.labels) || [];
36472
+ const values = ((_g = (_f = lineChartState === null || lineChartState === void 0 ? void 0 : lineChartState.bar_chart_data) === null || _f === void 0 ? void 0 : _f.data) === null || _g === void 0 ? void 0 : _g.values) || ((_k = (_j = (_h = lineChartState === null || lineChartState === void 0 ? void 0 : lineChartState.state) === null || _h === void 0 ? void 0 : _h.bar_chart_data) === null || _j === void 0 ? void 0 : _j.data) === null || _k === void 0 ? void 0 : _k.values) || [];
36473
+ const chartTitle = ((_l = lineChartState === null || lineChartState === void 0 ? void 0 : lineChartState.bar_chart_data) === null || _l === void 0 ? void 0 : _l.title) || ((_o = (_m = lineChartState === null || lineChartState === void 0 ? void 0 : lineChartState.state) === null || _m === void 0 ? void 0 : _m.bar_chart_data) === null || _o === void 0 ? void 0 : _o.title) || "";
36474
+ const units = ((_p = lineChartState === null || lineChartState === void 0 ? void 0 : lineChartState.bar_chart_data) === null || _p === void 0 ? void 0 : _p.units) || ((_r = (_q = lineChartState === null || lineChartState === void 0 ? void 0 : lineChartState.state) === null || _q === void 0 ? void 0 : _q.bar_chart_data) === null || _r === void 0 ? void 0 : _r.units) || "";
36475
+ values.length > 0 ? Math.max(...values) : 0;
36476
+ const isEmpty = labels.length === 0 || values.length === 0;
36477
+ const handleRefresh = async () => {
36478
+ if (query && widgetBackendUrl && widgetId) {
36479
+ await clearChat(widgetBackendUrl, widgetId);
36480
+ appendMessage(new TextMessage({
36481
+ content: `${query} and render data on a bar chart`,
36482
+ role: Role.User,
36483
+ }));
36484
+ }
36485
+ };
36486
+ React.useEffect(() => {
36487
+ if (isEmpty && query && isFirstLoad && !(lineChartState === null || lineChartState === void 0 ? void 0 : lineChartState.agent_message) && !hasCalledRef.current) {
36488
+ hasCalledRef.current = true;
36489
+ handleRefresh();
36490
+ }
36491
+ }, [isEmpty, query, isFirstLoad, lineChartState]);
36492
+ // Start timeout when chart is empty and loading
36493
+ React.useEffect(() => {
36494
+ if (isEmpty && startLoadingTimeout && !(lineChartState === null || lineChartState === void 0 ? void 0 : lineChartState.agent_message)) {
36495
+ startLoadingTimeout();
36496
+ }
36497
+ else if (!isEmpty && clearLoadingTimeout) {
36498
+ clearLoadingTimeout();
36499
+ }
36500
+ }, [isEmpty, startLoadingTimeout, clearLoadingTimeout]);
36501
+ const lineColor = React.useMemo(() => {
36502
+ return LINE_COLORS[Math.floor(Math.random() * LINE_COLORS.length)];
36503
+ }, [labels.length]);
36504
+ if (isEmpty) {
36505
+ return createLoadingComponent();
36506
+ }
36507
+ const transformedData = {
36508
+ labels: labels,
36509
+ datasets: [
36510
+ {
36511
+ label: chartTitle || "Data",
36512
+ data: values,
36513
+ borderColor: lineColor,
36514
+ backgroundColor: "rgba(96, 165, 250, 0.1)",
36515
+ borderWidth: 2,
36516
+ pointBackgroundColor: lineColor,
36517
+ pointBorderColor: lineColor,
36518
+ pointRadius: 4,
36519
+ fill: true,
36520
+ },
36521
+ ],
36522
+ };
36523
+ return (jsxRuntimeExports.jsx(LineChart, { title: chartTitle, data: transformedData, units: units }));
36524
+ }
36265
36525
  function DataGridComponent({ dataGridState, styles, appendMessage, query, isFirstLoad, widgetBackendUrl, widgetId, startLoadingTimeout, clearLoadingTimeout }) {
36266
36526
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
36267
36527
  const hasCalledRef = React.useRef(false);
@@ -36349,7 +36609,7 @@ function SummaryComponent({ summaryState, styles, appendMessage, query, isFirstL
36349
36609
  return (jsxRuntimeExports.jsx(SummaryWidget, { title: title, data: data, metadata: metadata, className: "" }));
36350
36610
  }
36351
36611
  function CopilotKitAgent({ widget, showHeader, styles, onResetReady, widgetIds, widgetBackendUrl, datasetId }) {
36352
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18;
36612
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31;
36353
36613
  const agentType = (_a = widget.config) === null || _a === void 0 ? void 0 : _a.agentType;
36354
36614
  const orientation = (_b = widget.config) === null || _b === void 0 ? void 0 : _b.orientation;
36355
36615
  const isFirstLoad = (_c = widget.config) === null || _c === void 0 ? void 0 : _c.isFirstLoad;
@@ -36358,8 +36618,6 @@ function CopilotKitAgent({ widget, showHeader, styles, onResetReady, widgetIds,
36358
36618
  const [isTimeoutTriggered, setIsTimeoutTriggered] = React.useState(false);
36359
36619
  const [apiCallCount, setApiCallCount] = React.useState(0);
36360
36620
  const [hasTimeoutError, setHasTimeoutError] = React.useState(false);
36361
- const [isAgentTriggered, setIsAgentTriggered] = React.useState(false);
36362
- const pollingIntervalRef = React.useRef(null);
36363
36621
  React.useEffect(() => {
36364
36622
  setThreadId(widget.id);
36365
36623
  }, [widget.id, setThreadId]);
@@ -36406,75 +36664,38 @@ function CopilotKitAgent({ widget, showHeader, styles, onResetReady, widgetIds,
36406
36664
  timeoutRef.current = null;
36407
36665
  }
36408
36666
  }, []);
36409
- // Function to start polling for data availability
36410
- const startPollingForData = React.useCallback(() => {
36411
- var _a;
36412
- if (!widgetBackendUrl || !((_a = widget.config) === null || _a === void 0 ? void 0 : _a.agentName))
36667
+ // Function to clear chat and reset chart state
36668
+ React.useCallback(async (widgetId) => {
36669
+ if (!widgetBackendUrl)
36413
36670
  return;
36414
- setIsAgentTriggered(true);
36415
- setApiCallCount(0);
36416
- setHasTimeoutError(false);
36417
- // Clear any existing polling interval
36418
- if (pollingIntervalRef.current) {
36419
- clearInterval(pollingIntervalRef.current);
36420
- }
36421
- // Start polling immediately, then every CHART_REFRESH_TIMEOUT
36422
- const pollForData = async () => {
36423
- var _a, _b, _c;
36424
- if (apiCallCount >= 10) {
36425
- setHasTimeoutError(true);
36426
- setIsAgentTriggered(false);
36427
- if (pollingIntervalRef.current) {
36428
- clearInterval(pollingIntervalRef.current);
36429
- pollingIntervalRef.current = null;
36430
- }
36431
- return;
36432
- }
36433
- setApiCallCount(prev => prev + 1);
36434
- const agentName = ((_a = widget.config) === null || _a === void 0 ? void 0 : _a.agentName) || "adk-construction-project-agent";
36435
- const apiResponse = await loadAgentState(widgetBackendUrl, widget.id, agentName);
36436
- if (apiResponse && ((_c = (_b = apiResponse.data) === null || _b === void 0 ? void 0 : _b.loadAgentState) === null || _c === void 0 ? void 0 : _c.state)) {
36437
- parseAndUpdateChartState(apiResponse, setChartState);
36438
- setIsAgentTriggered(false);
36439
- if (pollingIntervalRef.current) {
36440
- clearInterval(pollingIntervalRef.current);
36441
- pollingIntervalRef.current = null;
36442
- }
36443
- }
36444
- };
36445
- // Poll immediately
36446
- pollForData();
36447
- // Then poll every CHART_REFRESH_TIMEOUT
36448
- pollingIntervalRef.current = setInterval(pollForData, CHART_REFRESH_TIMEOUT);
36449
- // Set a maximum timeout to stop polling after 10 attempts
36450
- setTimeout(() => {
36451
- if (pollingIntervalRef.current) {
36452
- clearInterval(pollingIntervalRef.current);
36453
- pollingIntervalRef.current = null;
36454
- setIsAgentTriggered(false);
36455
- if (apiCallCount >= 10) {
36456
- setHasTimeoutError(true);
36457
- }
36458
- }
36459
- }, CHART_REFRESH_TIMEOUT * 10);
36460
- }, [widgetBackendUrl, (_f = widget.config) === null || _f === void 0 ? void 0 : _f.agentName, widget.id, apiCallCount, setChartState]);
36461
- // Clean up timeout and polling on unmount
36671
+ try {
36672
+ await fetch(`${widgetBackendUrl}/api/clear-chat`, {
36673
+ method: 'POST',
36674
+ headers: {
36675
+ 'Content-Type': 'application/json',
36676
+ },
36677
+ body: JSON.stringify({
36678
+ session_id: widgetId,
36679
+ delete_state: true
36680
+ }),
36681
+ });
36682
+ setChartState(createInitialChartState(agentType || '', widgetIds, datasetId));
36683
+ setApiCallCount(0);
36684
+ setHasTimeoutError(false);
36685
+ }
36686
+ catch (error) {
36687
+ console.error('Failed to clear chat and state:', error);
36688
+ }
36689
+ }, [widgetBackendUrl, setChartState, agentType, widgetIds]);
36690
+ // Clean up timeout on unmount
36462
36691
  React.useEffect(() => {
36463
36692
  return () => {
36464
36693
  if (timeoutRef.current) {
36465
36694
  clearTimeout(timeoutRef.current);
36466
36695
  }
36467
- if (pollingIntervalRef.current) {
36468
- clearInterval(pollingIntervalRef.current);
36469
- }
36470
36696
  };
36471
36697
  }, []);
36472
- const { appendMessage: originalAppendMessage, reset } = reactCore.useCopilotChat();
36473
- // Wrapper function for appendMessage that triggers polling
36474
- const appendMessage = React.useCallback((message) => {
36475
- startPollingForData();
36476
- return originalAppendMessage(message);
36477
- }, [originalAppendMessage, startPollingForData]);
36698
+ const { appendMessage, reset } = reactCore.useCopilotChat();
36478
36699
  // Register the reset function with the parent component
36479
36700
  React.useEffect(() => {
36480
36701
  if (onResetReady && reset && widget.id) {
@@ -36488,7 +36709,8 @@ function CopilotKitAgent({ widget, showHeader, styles, onResetReady, widgetIds,
36488
36709
  // Listen for triggerAgent events for this widget
36489
36710
  React.useEffect(() => {
36490
36711
  const handleTriggerAgent = (event) => {
36491
- const { widgetId, query, agentType: eventAgentType } = event.detail;
36712
+ const { widgetId, query, agentType: eventAgentType, datesetId } = event.detail;
36713
+ console.log('event.detail==>', event.detail);
36492
36714
  if (widgetId === widget.id) {
36493
36715
  let messageContent = query;
36494
36716
  // Customize message based on agent type
@@ -36513,6 +36735,8 @@ function CopilotKitAgent({ widget, showHeader, styles, onResetReady, widgetIds,
36513
36735
  else if (eventAgentType === "Summary Agent") {
36514
36736
  messageContent = `${query} and render the data on a summary widget`;
36515
36737
  }
36738
+ console.log('triggering to datasetId==>', datasetId);
36739
+ setChartState(createInitialChartState(agentType || '', widgetIds, datasetId));
36516
36740
  appendMessage(new TextMessage({
36517
36741
  content: messageContent,
36518
36742
  role: Role.User,
@@ -36536,16 +36760,17 @@ function CopilotKitAgent({ widget, showHeader, styles, onResetReady, widgetIds,
36536
36760
  }, [widget.id, appendMessage, agentType, setChartState]);
36537
36761
  return (jsxRuntimeExports.jsxs("div", { className: cn("flex flex-col h-full"), children: [showHeader && (jsxRuntimeExports.jsx("div", { className: "flex items-center justify-between pb-2 border-b", children: jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntimeExports.jsx(lucideReact.Bot, { className: "h-4 w-4" }), jsxRuntimeExports.jsx("h3", { className: "text-sm font-medium", children: widget.title })] }) })), jsxRuntimeExports.jsx("div", { className: "flex-1 h-full", children: (chartState === null || chartState === void 0 ? void 0 : chartState.agent_message) && agentType !== "chatbot" && (
36538
36762
  // Check if data is empty based on agent type
36539
- (agentType === "Series Bar Chart Agent" && (!((_j = (_h = (_g = chartState.series_bar_chart_data) === null || _g === void 0 ? void 0 : _g.data) === null || _h === void 0 ? void 0 : _h.labels) === null || _j === void 0 ? void 0 : _j.length) || !((_m = (_l = (_k = chartState.series_bar_chart_data) === null || _k === void 0 ? void 0 : _k.data) === null || _l === void 0 ? void 0 : _l.series) === null || _m === void 0 ? void 0 : _m.length))) ||
36540
- (agentType === "Series Line Chart Agent" && (!((_q = (_p = (_o = chartState.series_bar_chart_data) === null || _o === void 0 ? void 0 : _o.data) === null || _p === void 0 ? void 0 : _p.labels) === null || _q === void 0 ? void 0 : _q.length) || !((_t = (_s = (_r = chartState.series_bar_chart_data) === null || _r === void 0 ? void 0 : _r.data) === null || _s === void 0 ? void 0 : _s.series) === null || _t === void 0 ? void 0 : _t.length))) ||
36541
- (agentType === "Pie Chart Agent" && (!((_w = (_v = (_u = chartState.pie_chart_data) === null || _u === void 0 ? void 0 : _u.data) === null || _v === void 0 ? void 0 : _v.labels) === null || _w === void 0 ? void 0 : _w.length) || !((_z = (_y = (_x = chartState.pie_chart_data) === null || _x === void 0 ? void 0 : _x.data) === null || _y === void 0 ? void 0 : _y.values) === null || _z === void 0 ? void 0 : _z.length))) ||
36542
- (agentType === "Data Grid Agent" && (!((_2 = (_1 = (_0 = chartState.matrix_grid_data) === null || _0 === void 0 ? void 0 : _0.data) === null || _1 === void 0 ? void 0 : _1.headers) === null || _2 === void 0 ? void 0 : _2.length) || !((_5 = (_4 = (_3 = chartState.matrix_grid_data) === null || _3 === void 0 ? void 0 : _3.data) === null || _4 === void 0 ? void 0 : _4.rows) === null || _5 === void 0 ? void 0 : _5.length))) ||
36543
- (agentType === "Summary Agent" && (!((_7 = (_6 = chartState.summary_data) === null || _6 === void 0 ? void 0 : _6.data) === null || _7 === void 0 ? void 0 : _7.content) || ((_10 = (_9 = (_8 = chartState.summary_data) === null || _8 === void 0 ? void 0 : _8.data) === null || _9 === void 0 ? void 0 : _9.content) === null || _10 === void 0 ? void 0 : _10.trim()) === ""))) ? (jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full p-4", children: jsxRuntimeExports.jsx("div", { className: "text-center max-w-md", children: jsxRuntimeExports.jsx("p", { className: "text-sm text-gray-700", children: chartState.agent_message }) }) })) : isAgentTriggered ? (createLoadingComponent("Agent processing your request...")) : agentType === "Series Bar Chart Agent" ? (jsxRuntimeExports.jsx(SeriesBarChartComponent, { seriesBarChartState: chartState, styles: styles, orientation: orientation, appendMessage: appendMessage, query: (_11 = widget.config) === null || _11 === void 0 ? void 0 : _11.query, isFirstLoad: isFirstLoad, widgetBackendUrl: widgetBackendUrl, widgetId: widget.id, startLoadingTimeout: startLoadingTimeout, clearLoadingTimeout: clearLoadingTimeout })) : agentType === "Series Line Chart Agent" ? (jsxRuntimeExports.jsx(SeriesLineChartComponent, { seriesLineChartState: chartState, styles: styles, orientation: orientation, appendMessage: appendMessage, query: (_12 = widget.config) === null || _12 === void 0 ? void 0 : _12.query, isFirstLoad: isFirstLoad, widgetBackendUrl: widgetBackendUrl, widgetId: widget.id, startLoadingTimeout: startLoadingTimeout, clearLoadingTimeout: clearLoadingTimeout })) : agentType === "Pie Chart Agent" ? (jsxRuntimeExports.jsx(PieChartComponent, { pieChartState: chartState, styles: styles, appendMessage: appendMessage, query: (_13 = widget.config) === null || _13 === void 0 ? void 0 : _13.query, isFirstLoad: isFirstLoad, widgetBackendUrl: widgetBackendUrl, widgetId: widget.id, startLoadingTimeout: startLoadingTimeout, clearLoadingTimeout: clearLoadingTimeout })) : agentType === "Data Grid Agent" ? (jsxRuntimeExports.jsx(DataGridComponent, { dataGridState: chartState, styles: styles, appendMessage: appendMessage, query: (_14 = widget.config) === null || _14 === void 0 ? void 0 : _14.query, isFirstLoad: isFirstLoad, widgetBackendUrl: widgetBackendUrl, widgetId: widget.id, startLoadingTimeout: startLoadingTimeout, clearLoadingTimeout: clearLoadingTimeout })) : agentType === "Summary Agent" ? (jsxRuntimeExports.jsx(SummaryComponent, { summaryState: chartState, styles: styles, appendMessage: appendMessage, query: (_15 = widget.config) === null || _15 === void 0 ? void 0 : _15.query, isFirstLoad: isFirstLoad, widgetBackendUrl: widgetBackendUrl, widgetId: widget.id, widget_ids: widgetIds, startLoadingTimeout: startLoadingTimeout, clearLoadingTimeout: clearLoadingTimeout, setChartState: setChartState })) : (jsxRuntimeExports.jsx(reactUi.CopilotChat, { className: "h-full text-xs [&_.copilot-chat-message]:text-xs [&_.copilot-chat-input]:text-xs", labels: {
36544
- title: ((_16 = widget.config) === null || _16 === void 0 ? void 0 : _16.copilotTitle) || widget.title,
36545
- initial: ((_17 = widget.config) === null || _17 === void 0 ? void 0 : _17.copilotInitialMessage) || ((_18 = widget.config) === null || _18 === void 0 ? void 0 : _18.placeholder) || "How can I help you today?"
36763
+ (agentType === "Bar Chart Agent" && (!((_h = (_g = (_f = chartState.bar_chart_data) === null || _f === void 0 ? void 0 : _f.data) === null || _g === void 0 ? void 0 : _g.labels) === null || _h === void 0 ? void 0 : _h.length) || !((_l = (_k = (_j = chartState.bar_chart_data) === null || _j === void 0 ? void 0 : _j.data) === null || _k === void 0 ? void 0 : _k.values) === null || _l === void 0 ? void 0 : _l.length))) ||
36764
+ (agentType === "Series Bar Chart Agent" && (!((_p = (_o = (_m = chartState.series_bar_chart_data) === null || _m === void 0 ? void 0 : _m.data) === null || _o === void 0 ? void 0 : _o.labels) === null || _p === void 0 ? void 0 : _p.length) || !((_s = (_r = (_q = chartState.series_bar_chart_data) === null || _q === void 0 ? void 0 : _q.data) === null || _r === void 0 ? void 0 : _r.series) === null || _s === void 0 ? void 0 : _s.length))) ||
36765
+ (agentType === "Series Line Chart Agent" && (!((_v = (_u = (_t = chartState.series_bar_chart_data) === null || _t === void 0 ? void 0 : _t.data) === null || _u === void 0 ? void 0 : _u.labels) === null || _v === void 0 ? void 0 : _v.length) || !((_y = (_x = (_w = chartState.series_bar_chart_data) === null || _w === void 0 ? void 0 : _w.data) === null || _x === void 0 ? void 0 : _x.series) === null || _y === void 0 ? void 0 : _y.length))) ||
36766
+ (agentType === "Pie Chart Agent" && (!((_1 = (_0 = (_z = chartState.pie_chart_data) === null || _z === void 0 ? void 0 : _z.data) === null || _0 === void 0 ? void 0 : _0.labels) === null || _1 === void 0 ? void 0 : _1.length) || !((_4 = (_3 = (_2 = chartState.pie_chart_data) === null || _2 === void 0 ? void 0 : _2.data) === null || _3 === void 0 ? void 0 : _3.values) === null || _4 === void 0 ? void 0 : _4.length))) ||
36767
+ (agentType === "Line Chart Agent" && (!((_7 = (_6 = (_5 = chartState.bar_chart_data) === null || _5 === void 0 ? void 0 : _5.data) === null || _6 === void 0 ? void 0 : _6.labels) === null || _7 === void 0 ? void 0 : _7.length) || !((_10 = (_9 = (_8 = chartState.bar_chart_data) === null || _8 === void 0 ? void 0 : _8.data) === null || _9 === void 0 ? void 0 : _9.values) === null || _10 === void 0 ? void 0 : _10.length))) ||
36768
+ (agentType === "Data Grid Agent" && (!((_13 = (_12 = (_11 = chartState.matrix_grid_data) === null || _11 === void 0 ? void 0 : _11.data) === null || _12 === void 0 ? void 0 : _12.headers) === null || _13 === void 0 ? void 0 : _13.length) || !((_16 = (_15 = (_14 = chartState.matrix_grid_data) === null || _14 === void 0 ? void 0 : _14.data) === null || _15 === void 0 ? void 0 : _15.rows) === null || _16 === void 0 ? void 0 : _16.length))) ||
36769
+ (agentType === "Summary Agent" && (!((_18 = (_17 = chartState.summary_data) === null || _17 === void 0 ? void 0 : _17.data) === null || _18 === void 0 ? void 0 : _18.content) || ((_21 = (_20 = (_19 = chartState.summary_data) === null || _19 === void 0 ? void 0 : _19.data) === null || _20 === void 0 ? void 0 : _20.content) === null || _21 === void 0 ? void 0 : _21.trim()) === ""))) ? (jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full p-4", children: jsxRuntimeExports.jsx("div", { className: "text-center max-w-md", children: jsxRuntimeExports.jsx("p", { className: "text-sm text-gray-700", children: chartState.agent_message }) }) })) : agentType === "Bar Chart Agent" ? (jsxRuntimeExports.jsx(BarChartComponent, { barChartState: chartState, styles: styles, orientation: orientation, appendMessage: appendMessage, query: (_22 = widget.config) === null || _22 === void 0 ? void 0 : _22.query, isFirstLoad: isFirstLoad, widgetBackendUrl: widgetBackendUrl, widgetId: widget.id, startLoadingTimeout: startLoadingTimeout, clearLoadingTimeout: clearLoadingTimeout })) : agentType === "Series Bar Chart Agent" ? (jsxRuntimeExports.jsx(SeriesBarChartComponent, { seriesBarChartState: chartState, styles: styles, orientation: orientation, appendMessage: appendMessage, query: (_23 = widget.config) === null || _23 === void 0 ? void 0 : _23.query, isFirstLoad: isFirstLoad, widgetBackendUrl: widgetBackendUrl, widgetId: widget.id, startLoadingTimeout: startLoadingTimeout, clearLoadingTimeout: clearLoadingTimeout })) : agentType === "Series Line Chart Agent" ? (jsxRuntimeExports.jsx(SeriesLineChartComponent, { seriesLineChartState: chartState, styles: styles, orientation: orientation, appendMessage: appendMessage, query: (_24 = widget.config) === null || _24 === void 0 ? void 0 : _24.query, isFirstLoad: isFirstLoad, widgetBackendUrl: widgetBackendUrl, widgetId: widget.id, startLoadingTimeout: startLoadingTimeout, clearLoadingTimeout: clearLoadingTimeout })) : agentType === "Pie Chart Agent" ? (jsxRuntimeExports.jsx(PieChartComponent, { pieChartState: chartState, styles: styles, appendMessage: appendMessage, query: (_25 = widget.config) === null || _25 === void 0 ? void 0 : _25.query, isFirstLoad: isFirstLoad, widgetBackendUrl: widgetBackendUrl, widgetId: widget.id, startLoadingTimeout: startLoadingTimeout, clearLoadingTimeout: clearLoadingTimeout })) : agentType === "Line Chart Agent" ? (jsxRuntimeExports.jsx(LineChartComponent, { lineChartState: chartState, styles: styles, appendMessage: appendMessage, query: (_26 = widget.config) === null || _26 === void 0 ? void 0 : _26.query, isFirstLoad: isFirstLoad, widgetBackendUrl: widgetBackendUrl, widgetId: widget.id, startLoadingTimeout: startLoadingTimeout, clearLoadingTimeout: clearLoadingTimeout })) : agentType === "Data Grid Agent" ? (jsxRuntimeExports.jsx(DataGridComponent, { dataGridState: chartState, styles: styles, appendMessage: appendMessage, query: (_27 = widget.config) === null || _27 === void 0 ? void 0 : _27.query, isFirstLoad: isFirstLoad, widgetBackendUrl: widgetBackendUrl, widgetId: widget.id, startLoadingTimeout: startLoadingTimeout, clearLoadingTimeout: clearLoadingTimeout })) : agentType === "Summary Agent" ? (jsxRuntimeExports.jsx(SummaryComponent, { summaryState: chartState, styles: styles, appendMessage: appendMessage, query: (_28 = widget.config) === null || _28 === void 0 ? void 0 : _28.query, isFirstLoad: isFirstLoad, widgetBackendUrl: widgetBackendUrl, widgetId: widget.id, widget_ids: widgetIds, startLoadingTimeout: startLoadingTimeout, clearLoadingTimeout: clearLoadingTimeout, setChartState: setChartState })) : (jsxRuntimeExports.jsx(reactUi.CopilotChat, { className: "h-full text-xs [&_.copilot-chat-message]:text-xs [&_.copilot-chat-input]:text-xs", labels: {
36770
+ title: ((_29 = widget.config) === null || _29 === void 0 ? void 0 : _29.copilotTitle) || widget.title,
36771
+ initial: ((_30 = widget.config) === null || _30 === void 0 ? void 0 : _30.copilotInitialMessage) || ((_31 = widget.config) === null || _31 === void 0 ? void 0 : _31.placeholder) || "How can I help you today?"
36546
36772
  }, onSubmitMessage: () => {
36547
36773
  setChartState(prevState => (Object.assign(Object.assign({}, prevState), { widget_ids: widgetIds, dataset_id: datasetId })));
36548
- startPollingForData();
36549
36774
  } })) })] }));
36550
36775
  }
36551
36776
  function AgentWidget({ widget, showHeader = true, widgetBackendUrl, onResetReady, widgetIds, datasetId, }) {
@@ -36896,7 +37121,8 @@ function WidgetDashboard({ pageId, isEditing, selectedWidget = null, onWidgetSel
36896
37121
  detail: {
36897
37122
  widgetId: editingWidget.id,
36898
37123
  query: newQuery,
36899
- agentType: (_a = editingWidget.config) === null || _a === void 0 ? void 0 : _a.agentType
37124
+ agentType: (_a = editingWidget.config) === null || _a === void 0 ? void 0 : _a.agentType,
37125
+ datesetId: datasetId
36900
37126
  }
36901
37127
  });
36902
37128
  window.dispatchEvent(event);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dp-widgets-framework",
3
- "version": "1.1.4",
3
+ "version": "1.1.5",
4
4
  "private": false,
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org"