dp-widgets-framework 1.6.8 → 1.7.0

package/dist/index.js

@@ -43634,24 +43634,6 @@ const loadAgentState$5 = async (widgetBackendUrl, threadId, agentName) => {
     return null;
   }
 };
-const loadSessionStateDirect$5 = async (widgetBackendUrl, sessionId) => {
-  try {
-    const response = await fetch(`${widgetBackendUrl}/api/session/${sessionId}/state`, {
-      method: "GET",
-      headers: {
-        "Content-Type": "application/json"
-      }
-    });
-    if (!response.ok) {
-      throw new Error(`HTTP error! status: ${response.status}`);
-    }
-    const result = await response.json();
-    return result;
-  } catch (error) {
-    console.error("Failed to load session state directly:", error);
-    return null;
-  }
-};
 const parseAndUpdateChartState$4 = (apiResponse, setChartState) => {
   var _a, _b;
   try {
@@ -44176,7 +44158,7 @@ function CopilotKitAgent({
   datasetId,
   widgetData
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa;
   const agentType = (_a = widget.config) == null ? void 0 : _a.agentType;
   const orientation = (_b = widget.config) == null ? void 0 : _b.orientation;
   const isFirstLoad = (_c = widget.config) == null ? void 0 : _c.isFirstLoad;
@@ -44187,7 +44169,6 @@ function CopilotKitAgent({
   const [apiCallCount, setApiCallCount] = React.useState(0);
   const [hasTimeoutError, setHasTimeoutError] = React.useState(false);
   const hasInitialFetchRef = React.useRef(false);
-  const [isInitialFetchComplete, setIsInitialFetchComplete] = React.useState(false);
   React.useEffect(() => {
     setThreadId(widget.id);
   }, [widget.id, setThreadId]);
@@ -44197,16 +44178,17 @@ function CopilotKitAgent({
   });
   React.useEffect(() => {
     const fetchInitialState = async () => {
+      var _a2;
       if (!widgetBackendUrl || !widget.id || hasInitialFetchRef.current) return;
       hasInitialFetchRef.current = true;
-      const apiResponse = await loadSessionStateDirect$5(widgetBackendUrl, widget.id);
+      const agentName = ((_a2 = widget.config) == null ? void 0 : _a2.agentName) || "adk-construction-project-agent";
+      const apiResponse = await loadAgentState$5(widgetBackendUrl, widget.id, agentName);
       if (apiResponse) {
         parseAndUpdateChartState$4(apiResponse, setChartState);
       }
-      setIsInitialFetchComplete(true);
     };
     fetchInitialState();
-  }, [widgetBackendUrl, widget.id, setChartState]);
+  }, [widgetBackendUrl, widget.id, (_f = widget.config) == null ? void 0 : _f.agentName, setChartState]);
   const handleLoadingTimeout = React.useCallback(async () => {
     var _a2;
     if (!widgetBackendUrl || !widget.id || isTimeoutTriggered || (chartState == null ? void 0 : chartState.agent_message) || hasTimeoutError) return;
@@ -44226,7 +44208,7 @@ function CopilotKitAgent({
     if (apiResponse && !(chartState == null ? void 0 : chartState.agent_message)) {
       parseAndUpdateChartState$4(apiResponse, setChartState);
     }
-  }, [widgetBackendUrl, widget.id, isTimeoutTriggered, setChartState, (_f = widget.config) == null ? void 0 : _f.agentName, chartState, apiCallCount, hasTimeoutError]);
+  }, [widgetBackendUrl, widget.id, isTimeoutTriggered, setChartState, (_g = widget.config) == null ? void 0 : _g.agentName, chartState, apiCallCount, hasTimeoutError]);
   const startLoadingTimeout = React.useCallback(() => {
     if (timeoutRef.current) {
       clearTimeout(timeoutRef.current);
@@ -44309,8 +44291,8 @@ function CopilotKitAgent({
       /* @__PURE__ */ jsxRuntimeExports.jsx(lucideReact.Bot, { className: "h-4 w-4" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-sm font-medium", children: widget.title })
     ] }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 h-full", children: !isInitialFetchComplete && !isFirstLoad ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx(lucideReact.RefreshCw, { className: "h-6 w-6 animate-spin text-gray-400" }) }) : (chartState == null ? void 0 : chartState.agent_message) && agentType !== "chatbot" && // Check if data is empty based on agent type
-    (agentType === "Bar Chart Agent" && (!((_i = (_h = (_g = chartState.bar_chart_data) == null ? void 0 : _g.data) == null ? void 0 : _h.labels) == null ? void 0 : _i.length) || !((_l = (_k = (_j = chartState.bar_chart_data) == null ? void 0 : _j.data) == null ? void 0 : _k.values) == null ? void 0 : _l.length)) || agentType === "Series Bar Chart Agent" && (!((_o = (_n = (_m = chartState.series_bar_chart_data) == null ? void 0 : _m.data) == null ? void 0 : _n.labels) == null ? void 0 : _o.length) || !((_r = (_q = (_p = chartState.series_bar_chart_data) == null ? void 0 : _p.data) == null ? void 0 : _q.series) == null ? void 0 : _r.length)) || agentType === "Series Line Chart Agent" && (!((_u = (_t = (_s = chartState.series_bar_chart_data) == null ? void 0 : _s.data) == null ? void 0 : _t.labels) == null ? void 0 : _u.length) || !((_x = (_w = (_v = chartState.series_bar_chart_data) == null ? void 0 : _v.data) == null ? void 0 : _w.series) == null ? void 0 : _x.length)) || agentType === "Pie Chart Agent" && (!((_A = (_z = (_y = chartState.pie_chart_data) == null ? void 0 : _y.data) == null ? void 0 : _z.labels) == null ? void 0 : _A.length) || !((_D = (_C = (_B = chartState.pie_chart_data) == null ? void 0 : _B.data) == null ? void 0 : _C.values) == null ? void 0 : _D.length)) || agentType === "Line Chart Agent" && (!((_G = (_F = (_E = chartState.bar_chart_data) == null ? void 0 : _E.data) == null ? void 0 : _F.labels) == null ? void 0 : _G.length) || !((_J = (_I = (_H = chartState.bar_chart_data) == null ? void 0 : _H.data) == null ? void 0 : _I.values) == null ? void 0 : _J.length)) || agentType === "Data Grid Agent" && (!((_M = (_L = (_K = chartState.matrix_grid_data) == null ? void 0 : _K.data) == null ? void 0 : _L.headers) == null ? void 0 : _M.length) || !((_P = (_O = (_N = chartState.matrix_grid_data) == null ? void 0 : _N.data) == null ? void 0 : _O.rows) == null ? void 0 : _P.length)) || agentType === "Summary Agent" && (!((_R = (_Q = chartState.summary_data) == null ? void 0 : _Q.data) == null ? void 0 : _R.content) || ((_U = (_T = (_S = chartState.summary_data) == null ? void 0 : _S.data) == null ? void 0 : _T.content) == null ? void 0 : _U.trim()) === "")) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center max-w-md", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-gray-700", children: chartState.agent_message }) }) }) : agentType === "Bar Chart Agent" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 h-full", children: (chartState == null ? void 0 : chartState.agent_message) && agentType !== "chatbot" && // Check if data is empty based on agent type
+    (agentType === "Bar Chart Agent" && (!((_j = (_i = (_h = chartState.bar_chart_data) == null ? void 0 : _h.data) == null ? void 0 : _i.labels) == null ? void 0 : _j.length) || !((_m = (_l = (_k = chartState.bar_chart_data) == null ? void 0 : _k.data) == null ? void 0 : _l.values) == null ? void 0 : _m.length)) || agentType === "Series Bar Chart Agent" && (!((_p = (_o = (_n = chartState.series_bar_chart_data) == null ? void 0 : _n.data) == null ? void 0 : _o.labels) == null ? void 0 : _p.length) || !((_s = (_r = (_q = chartState.series_bar_chart_data) == null ? void 0 : _q.data) == null ? void 0 : _r.series) == null ? void 0 : _s.length)) || agentType === "Series Line Chart Agent" && (!((_v = (_u = (_t = chartState.series_bar_chart_data) == null ? void 0 : _t.data) == null ? void 0 : _u.labels) == null ? void 0 : _v.length) || !((_y = (_x = (_w = chartState.series_bar_chart_data) == null ? void 0 : _w.data) == null ? void 0 : _x.series) == null ? void 0 : _y.length)) || agentType === "Pie Chart Agent" && (!((_B = (_A = (_z = chartState.pie_chart_data) == null ? void 0 : _z.data) == null ? void 0 : _A.labels) == null ? void 0 : _B.length) || !((_E = (_D = (_C = chartState.pie_chart_data) == null ? void 0 : _C.data) == null ? void 0 : _D.values) == null ? void 0 : _E.length)) || agentType === "Line Chart Agent" && (!((_H = (_G = (_F = chartState.bar_chart_data) == null ? void 0 : _F.data) == null ? void 0 : _G.labels) == null ? void 0 : _H.length) || !((_K = (_J = (_I = chartState.bar_chart_data) == null ? void 0 : _I.data) == null ? void 0 : _J.values) == null ? void 0 : _K.length)) || agentType === "Data Grid Agent" && (!((_N = (_M = (_L = chartState.matrix_grid_data) == null ? void 0 : _L.data) == null ? void 0 : _M.headers) == null ? void 0 : _N.length) || !((_Q = (_P = (_O = chartState.matrix_grid_data) == null ? void 0 : _O.data) == null ? void 0 : _P.rows) == null ? void 0 : _Q.length)) || agentType === "Summary Agent" && (!((_S = (_R = chartState.summary_data) == null ? void 0 : _R.data) == null ? void 0 : _S.content) || ((_V = (_U = (_T = chartState.summary_data) == null ? void 0 : _T.data) == null ? void 0 : _U.content) == null ? void 0 : _V.trim()) === "")) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center max-w-md", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-gray-700", children: chartState.agent_message }) }) }) : agentType === "Bar Chart Agent" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
       BarChartComponent,
       {
         barChartState: chartState,
@@ -44318,7 +44300,7 @@ function CopilotKitAgent({
         orientation,
         content,
         appendMessage,
-        query: (_V = widget.config) == null ? void 0 : _V.query,
+        query: (_W = widget.config) == null ? void 0 : _W.query,
         isFirstLoad,
         widgetBackendUrl,
         widgetId: widget.id,
@@ -44333,7 +44315,7 @@ function CopilotKitAgent({
         orientation,
         content,
         appendMessage,
-        query: (_W = widget.config) == null ? void 0 : _W.query,
+        query: (_X = widget.config) == null ? void 0 : _X.query,
         isFirstLoad,
         widgetBackendUrl,
         widgetId: widget.id,
@@ -44348,7 +44330,7 @@ function CopilotKitAgent({
         orientation,
         content,
         appendMessage,
-        query: (_X = widget.config) == null ? void 0 : _X.query,
+        query: (_Y = widget.config) == null ? void 0 : _Y.query,
         isFirstLoad,
         widgetBackendUrl,
         widgetId: widget.id,
@@ -44362,7 +44344,7 @@ function CopilotKitAgent({
         styles,
         appendMessage,
         content,
-        query: (_Y = widget.config) == null ? void 0 : _Y.query,
+        query: (_Z = widget.config) == null ? void 0 : _Z.query,
         isFirstLoad,
         widgetBackendUrl,
         widgetId: widget.id,
@@ -44376,7 +44358,7 @@ function CopilotKitAgent({
         styles,
         appendMessage,
         content,
-        query: (_Z = widget.config) == null ? void 0 : _Z.query,
+        query: (__ = widget.config) == null ? void 0 : __.query,
         isFirstLoad,
         widgetBackendUrl,
         widgetId: widget.id,
@@ -44389,7 +44371,7 @@ function CopilotKitAgent({
         dataGridState: chartState,
         styles,
         appendMessage,
-        query: (__ = widget.config) == null ? void 0 : __.query,
+        query: (_$ = widget.config) == null ? void 0 : _$.query,
         isFirstLoad,
         widgetBackendUrl,
         widgetId: widget.id,
@@ -44402,7 +44384,7 @@ function CopilotKitAgent({
         summaryState: chartState,
         styles,
         appendMessage,
-        query: (_$ = widget.config) == null ? void 0 : _$.query,
+        query: (_aa = widget.config) == null ? void 0 : _aa.query,
         isFirstLoad,
         widgetBackendUrl,
         widgetId: widget.id,
@@ -44833,24 +44815,6 @@ const loadAgentState$4 = async (widgetBackendUrl, threadId, agentName) => {
     return null;
   }
 };
-const loadSessionStateDirect$4 = async (widgetBackendUrl, sessionId) => {
-  try {
-    const response = await fetch(`${widgetBackendUrl}/api/session/${sessionId}/state`, {
-      method: "GET",
-      headers: {
-        "Content-Type": "application/json"
-      }
-    });
-    if (!response.ok) {
-      throw new Error(`HTTP error! status: ${response.status}`);
-    }
-    const result = await response.json();
-    return result;
-  } catch (error) {
-    console.error("Failed to load session state directly:", error);
-    return null;
-  }
-};
 const parseAndUpdateFilterState = (apiResponse, setFilterState) => {
   var _a, _b;
   try {
@@ -45307,7 +45271,7 @@ function CopilotKitFilters({
   onApplyFilters,
   isEditing = false
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const isFirstLoad = (_a = widget.config) == null ? void 0 : _a.isFirstLoad;
   const widget_data = (_b = widget.widget_data) == null ? void 0 : _b.column_values;
   const { setThreadId } = reactCore.useCopilotContext();
@@ -45325,15 +45289,17 @@ function CopilotKitFilters({
   const [filterState, setFilterState] = React.useState(createInitialFilterState(datasetId, widget_data));
   React.useEffect(() => {
     const fetchInitialState = async () => {
+      var _a2;
       if (!widgetBackendUrl || !widget.id || hasInitialFetchRef.current) return;
       hasInitialFetchRef.current = true;
-      const apiResponse = await loadSessionStateDirect$4(widgetBackendUrl, widget.id);
+      const agentName = ((_a2 = widget.config) == null ? void 0 : _a2.agentName) || "adk-construction-project-agent";
+      const apiResponse = await loadAgentState$4(widgetBackendUrl, widget.id, agentName);
       if (apiResponse) {
         parseAndUpdateFilterState(apiResponse, setFilterState);
       }
     };
     fetchInitialState();
-  }, [widgetBackendUrl, widget.id, setFilterState]);
+  }, [widgetBackendUrl, widget.id, (_d = widget.config) == null ? void 0 : _d.agentName, setFilterState]);
   const handleLoadingTimeout = React.useCallback(async () => {
     var _a2;
     if (!widgetBackendUrl || !widget.id || (filterState == null ? void 0 : filterState.agent_message) || hasTimeoutError) {
@@ -45357,7 +45323,7 @@ function CopilotKitFilters({
     if (apiResponse && !(filterState == null ? void 0 : filterState.agent_message)) {
       parseAndUpdateFilterState(apiResponse, setFilterState);
     }
-  }, [widgetBackendUrl, widget.id, setFilterState, (_d = widget.config) == null ? void 0 : _d.agentName, filterState, apiCallCount, hasTimeoutError]);
+  }, [widgetBackendUrl, widget.id, setFilterState, (_e = widget.config) == null ? void 0 : _e.agentName, filterState, apiCallCount, hasTimeoutError]);
   const startLoadingTimeout = React.useCallback(() => {
     if (timeoutRef.current) {
       clearTimeout(timeoutRef.current);
@@ -45483,7 +45449,7 @@ function CopilotKitFilters({
     setHasTimeoutError(false);
     console.log("[FiltersWidget] Starting polling after confirmation");
     startLoadingTimeout();
-  }, [filterState.filter_columns, filterState.ambiguous_columns, (_e = widget.config) == null ? void 0 : _e.query, datasetId, appendMessage, setFilterState, setAgentState, startLoadingTimeout, setApiCallCount, setHasTimeoutError]);
+  }, [filterState.filter_columns, filterState.ambiguous_columns, (_f = widget.config) == null ? void 0 : _f.query, datasetId, appendMessage, setFilterState, setAgentState, startLoadingTimeout, setApiCallCount, setHasTimeoutError]);
   const handleCancelConfirmation = React.useCallback(() => {
     setFilterState((prev) => __spreadProps$7(__spreadValues$9({}, prev), {
       status: void 0,
@@ -45496,7 +45462,7 @@ function CopilotKitFilters({
   console.log("[CopilotKitFilters] Filter state check:", {
     status: filterState.status,
     hasAmbiguousColumns: !!filterState.ambiguous_columns,
-    ambiguousColumnsLength: ((_f = filterState.ambiguous_columns) == null ? void 0 : _f.length) || 0,
+    ambiguousColumnsLength: ((_g = filterState.ambiguous_columns) == null ? void 0 : _g.length) || 0,
     isWaitingForConfirmation,
     fullFilterState: filterState
   });
@@ -45512,7 +45478,7 @@ function CopilotKitFilters({
         onCancel: handleCancelConfirmation
       }
     )
-  ) : (filterState == null ? void 0 : filterState.agent_message) && !((_g = filterState.column_values) == null ? void 0 : _g.length) && filterState.status !== "waiting_for_confirmation" ? (
+  ) : (filterState == null ? void 0 : filterState.agent_message) && !((_h = filterState.column_values) == null ? void 0 : _h.length) && filterState.status !== "waiting_for_confirmation" ? (
     // Show agent message (errors, warnings, etc.)
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center max-w-md", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-gray-700 whitespace-pre-line", children: filterState.agent_message }) }) })
   ) : (
@@ -45525,7 +45491,7 @@ function CopilotKitFilters({
         onFilterChange,
         widget,
         appendMessage,
-        query: (_h = widget.config) == null ? void 0 : _h.query,
+        query: (_i = widget.config) == null ? void 0 : _i.query,
         isFirstLoad,
         widgetBackendUrl,
         widgetId: widget.id,
@@ -45664,24 +45630,6 @@ const loadAgentState$3 = async (widgetBackendUrl, threadId, agentName) => {
     return null;
   }
 };
-const loadSessionStateDirect$3 = async (widgetBackendUrl, sessionId) => {
-  try {
-    const response = await fetch(`${widgetBackendUrl}/api/session/${sessionId}/state`, {
-      method: "GET",
-      headers: {
-        "Content-Type": "application/json"
-      }
-    });
-    if (!response.ok) {
-      throw new Error(`HTTP error! status: ${response.status}`);
-    }
-    const result = await response.json();
-    return result;
-  } catch (error) {
-    console.error("Failed to load session state directly:", error);
-    return null;
-  }
-};
 const parseAndUpdateChartState$3 = (apiResponse, setChartState) => {
   var _a, _b;
   try {
@@ -45807,7 +45755,7 @@ function CopilotKitPieChart({
   datasetId,
   widgetData
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
   const isFirstLoad = (_a = widget.config) == null ? void 0 : _a.isFirstLoad;
   const content = (_b = widget.config) == null ? void 0 : _b.content;
   const widget_data = (_c = widget.widget_data) == null ? void 0 : _c.pie_chart_data;
@@ -45824,19 +45772,19 @@ function CopilotKitPieChart({
     initialState: createInitialChartState$3(datasetId, widget_data)
   });
   const [chartState, setChartState] = React.useState(createInitialChartState$3(datasetId, widget_data));
-  const [isInitialFetchComplete, setIsInitialFetchComplete] = React.useState(false);
   React.useEffect(() => {
     const fetchInitialState = async () => {
+      var _a2;
       if (!widgetBackendUrl || !widget.id || hasInitialFetchRef.current) return;
       hasInitialFetchRef.current = true;
-      const apiResponse = await loadSessionStateDirect$3(widgetBackendUrl, widget.id);
+      const agentName = ((_a2 = widget.config) == null ? void 0 : _a2.agentName) || "adk-construction-project-agent";
+      const apiResponse = await loadAgentState$3(widgetBackendUrl, widget.id, agentName);
       if (apiResponse) {
         parseAndUpdateChartState$3(apiResponse, setChartState);
       }
-      setIsInitialFetchComplete(true);
     };
     fetchInitialState();
-  }, [widgetBackendUrl, widget.id, setChartState]);
+  }, [widgetBackendUrl, widget.id, (_e = widget.config) == null ? void 0 : _e.agentName, setChartState]);
   const handleLoadingTimeout = React.useCallback(async () => {
     var _a2;
     if (!widgetBackendUrl || !widget.id || (chartState == null ? void 0 : chartState.agent_message) || hasTimeoutError) {
@@ -45860,7 +45808,7 @@ function CopilotKitPieChart({
     if (apiResponse && !(chartState == null ? void 0 : chartState.agent_message)) {
       parseAndUpdateChartState$3(apiResponse, setChartState);
     }
-  }, [widgetBackendUrl, widget.id, setChartState, (_e = widget.config) == null ? void 0 : _e.agentName, chartState, apiCallCount, hasTimeoutError]);
+  }, [widgetBackendUrl, widget.id, setChartState, (_f = widget.config) == null ? void 0 : _f.agentName, chartState, apiCallCount, hasTimeoutError]);
   const startLoadingTimeout = React.useCallback(() => {
     if (timeoutRef.current) {
       clearTimeout(timeoutRef.current);
@@ -45934,20 +45882,20 @@ function CopilotKitPieChart({
       /* @__PURE__ */ jsxRuntimeExports.jsx(lucideReact.Bot, { className: "h-4 w-4" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-sm font-medium", children: widget.title })
     ] }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 h-full", children: !isInitialFetchComplete && !isFirstLoad ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx(lucideReact.RefreshCw, { className: "h-6 w-6 animate-spin text-gray-400" }) }) : (chartState == null ? void 0 : chartState.agent_message) && (!((_h = (_g = (_f = chartState.pie_chart_data) == null ? void 0 : _f.data) == null ? void 0 : _g.labels) == null ? void 0 : _h.length) || !((_k = (_j = (_i = chartState.pie_chart_data) == null ? void 0 : _i.data) == null ? void 0 : _j.values) == null ? void 0 : _k.length)) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center max-w-md", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-gray-700", children: chartState.agent_message }) }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 h-full", children: (chartState == null ? void 0 : chartState.agent_message) && (!((_i = (_h = (_g = chartState.pie_chart_data) == null ? void 0 : _g.data) == null ? void 0 : _h.labels) == null ? void 0 : _i.length) || !((_l = (_k = (_j = chartState.pie_chart_data) == null ? void 0 : _j.data) == null ? void 0 : _k.values) == null ? void 0 : _l.length)) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center max-w-md", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-gray-700", children: chartState.agent_message }) }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
       PieChartComponent,
       {
         pieChartState: chartState,
         styles,
         appendMessage,
         content,
-        query: (_l = widget.config) == null ? void 0 : _l.query,
+        query: (_m = widget.config) == null ? void 0 : _m.query,
         isFirstLoad,
         widgetBackendUrl,
         widgetId: widget.id,
         startLoadingTimeout,
         clearLoadingTimeout,
-        hasWidgetData: !!(((_n = (_m = widget_data == null ? void 0 : widget_data.data) == null ? void 0 : _m.labels) == null ? void 0 : _n.length) && ((_p = (_o = widget_data == null ? void 0 : widget_data.data) == null ? void 0 : _o.values) == null ? void 0 : _p.length))
+        hasWidgetData: !!(((_o = (_n = widget_data == null ? void 0 : widget_data.data) == null ? void 0 : _n.labels) == null ? void 0 : _o.length) && ((_q = (_p = widget_data == null ? void 0 : widget_data.data) == null ? void 0 : _p.values) == null ? void 0 : _q.length))
       }
     ) })
   ] });
@@ -46096,24 +46044,6 @@ const loadAgentState$2 = async (widgetBackendUrl, threadId, agentName) => {
     return null;
   }
 };
-const loadSessionStateDirect$2 = async (widgetBackendUrl, sessionId) => {
-  try {
-    const response = await fetch(`${widgetBackendUrl}/api/session/${sessionId}/state`, {
-      method: "GET",
-      headers: {
-        "Content-Type": "application/json"
-      }
-    });
-    if (!response.ok) {
-      throw new Error(`HTTP error! status: ${response.status}`);
-    }
-    const result = await response.json();
-    return result;
-  } catch (error) {
-    console.error("Failed to load session state directly:", error);
-    return null;
-  }
-};
 const parseAndUpdateChartState$2 = (apiResponse, setChartState) => {
   var _a, _b;
   try {
@@ -46248,7 +46178,7 @@ function CopilotKitSeriesBarChart$1({
   datasetId,
   widgetData
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
   const orientation = ((_a = widget.config) == null ? void 0 : _a.orientation) || "vertical";
   const isFirstLoad = (_b = widget.config) == null ? void 0 : _b.isFirstLoad;
   const content = (_c = widget.config) == null ? void 0 : _c.content;
@@ -46266,19 +46196,19 @@ function CopilotKitSeriesBarChart$1({
     initialState: createInitialChartState$2(datasetId, widget_data)
   });
   const [chartState, setChartState] = React.useState(createInitialChartState$2(datasetId, widget_data));
-  const [isInitialFetchComplete, setIsInitialFetchComplete] = React.useState(false);
   React.useEffect(() => {
     const fetchInitialState = async () => {
+      var _a2;
       if (!widgetBackendUrl || !widget.id || hasInitialFetchRef.current) return;
       hasInitialFetchRef.current = true;
-      const apiResponse = await loadSessionStateDirect$2(widgetBackendUrl, widget.id);
+      const agentName = ((_a2 = widget.config) == null ? void 0 : _a2.agentName) || "adk-construction-project-agent";
+      const apiResponse = await loadAgentState$2(widgetBackendUrl, widget.id, agentName);
       if (apiResponse) {
         parseAndUpdateChartState$2(apiResponse, setChartState);
       }
-      setIsInitialFetchComplete(true);
     };
     fetchInitialState();
-  }, [widgetBackendUrl, widget.id, setChartState]);
+  }, [widgetBackendUrl, widget.id, (_f = widget.config) == null ? void 0 : _f.agentName, setChartState]);
   const handleLoadingTimeout = React.useCallback(async () => {
     var _a2;
     if (!widgetBackendUrl || !widget.id || (chartState == null ? void 0 : chartState.agent_message) || hasTimeoutError) {
@@ -46302,7 +46232,7 @@ function CopilotKitSeriesBarChart$1({
     if (apiResponse && !(chartState == null ? void 0 : chartState.agent_message)) {
       parseAndUpdateChartState$2(apiResponse, setChartState);
     }
-  }, [widgetBackendUrl, widget.id, setChartState, (_f = widget.config) == null ? void 0 : _f.agentName, chartState, apiCallCount, hasTimeoutError]);
+  }, [widgetBackendUrl, widget.id, setChartState, (_g = widget.config) == null ? void 0 : _g.agentName, chartState, apiCallCount, hasTimeoutError]);
   const startLoadingTimeout = React.useCallback(() => {
     if (timeoutRef.current) {
       clearTimeout(timeoutRef.current);
@@ -46376,7 +46306,7 @@ function CopilotKitSeriesBarChart$1({
       /* @__PURE__ */ jsxRuntimeExports.jsx(lucideReact.Bot, { className: "h-4 w-4" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-sm font-medium", children: widget.title })
     ] }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 h-full", children: !isInitialFetchComplete && !isFirstLoad ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx(lucideReact.RefreshCw, { className: "h-6 w-6 animate-spin text-gray-400" }) }) : (chartState == null ? void 0 : chartState.agent_message) && (!((_i = (_h = (_g = chartState.series_bar_chart_data) == null ? void 0 : _g.data) == null ? void 0 : _h.labels) == null ? void 0 : _i.length) || !((_l = (_k = (_j = chartState.series_bar_chart_data) == null ? void 0 : _j.data) == null ? void 0 : _k.series) == null ? void 0 : _l.length)) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center max-w-md", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-gray-700", children: chartState.agent_message }) }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 h-full", children: (chartState == null ? void 0 : chartState.agent_message) && (!((_j = (_i = (_h = chartState.series_bar_chart_data) == null ? void 0 : _h.data) == null ? void 0 : _i.labels) == null ? void 0 : _j.length) || !((_m = (_l = (_k = chartState.series_bar_chart_data) == null ? void 0 : _k.data) == null ? void 0 : _l.series) == null ? void 0 : _m.length)) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center max-w-md", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-gray-700", children: chartState.agent_message }) }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
       SeriesBarChartComponent$1,
       {
         orientation,
@@ -46384,13 +46314,13 @@ function CopilotKitSeriesBarChart$1({
         styles,
         appendMessage,
         content,
-        query: (_m = widget.config) == null ? void 0 : _m.query,
+        query: (_n = widget.config) == null ? void 0 : _n.query,
         isFirstLoad,
         widgetBackendUrl,
         widgetId: widget.id,
         startLoadingTimeout,
         clearLoadingTimeout,
-        hasWidgetData: !!(((_o = (_n = widget_data == null ? void 0 : widget_data.data) == null ? void 0 : _n.labels) == null ? void 0 : _o.length) && ((_q = (_p = widget_data == null ? void 0 : widget_data.data) == null ? void 0 : _p.series) == null ? void 0 : _q.length))
+        hasWidgetData: !!(((_p = (_o = widget_data == null ? void 0 : widget_data.data) == null ? void 0 : _o.labels) == null ? void 0 : _p.length) && ((_r = (_q = widget_data == null ? void 0 : widget_data.data) == null ? void 0 : _q.series) == null ? void 0 : _r.length))
       }
     ) })
   ] });
@@ -46539,24 +46469,6 @@ const loadAgentState$1 = async (widgetBackendUrl, threadId, agentName) => {
     return null;
   }
 };
-const loadSessionStateDirect$1 = async (widgetBackendUrl, sessionId) => {
-  try {
-    const response = await fetch(`${widgetBackendUrl}/api/session/${sessionId}/state`, {
-      method: "GET",
-      headers: {
-        "Content-Type": "application/json"
-      }
-    });
-    if (!response.ok) {
-      throw new Error(`HTTP error! status: ${response.status}`);
-    }
-    const result = await response.json();
-    return result;
-  } catch (error) {
-    console.error("Failed to load session state directly:", error);
-    return null;
-  }
-};
 const parseAndUpdateChartState$1 = (apiResponse, setChartState) => {
   var _a, _b;
   try {
@@ -46691,7 +46603,7 @@ function CopilotKitSeriesBarChart({
   datasetId,
   widgetData
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
   const orientation = ((_a = widget.config) == null ? void 0 : _a.orientation) || "vertical";
   const isFirstLoad = (_b = widget.config) == null ? void 0 : _b.isFirstLoad;
   const content = (_c = widget.config) == null ? void 0 : _c.content;
@@ -46709,19 +46621,19 @@ function CopilotKitSeriesBarChart({
     initialState: createInitialChartState$1(datasetId, widget_data)
   });
   const [chartState, setChartState] = React.useState(createInitialChartState$1(datasetId, widget_data));
-  const [isInitialFetchComplete, setIsInitialFetchComplete] = React.useState(false);
   React.useEffect(() => {
     const fetchInitialState = async () => {
+      var _a2;
       if (!widgetBackendUrl || !widget.id || hasInitialFetchRef.current) return;
       hasInitialFetchRef.current = true;
-      const apiResponse = await loadSessionStateDirect$1(widgetBackendUrl, widget.id);
+      const agentName = ((_a2 = widget.config) == null ? void 0 : _a2.agentName) || "adk-construction-project-agent";
+      const apiResponse = await loadAgentState$1(widgetBackendUrl, widget.id, agentName);
       if (apiResponse) {
         parseAndUpdateChartState$1(apiResponse, setChartState);
       }
-      setIsInitialFetchComplete(true);
     };
     fetchInitialState();
-  }, [widgetBackendUrl, widget.id, setChartState]);
+  }, [widgetBackendUrl, widget.id, (_f = widget.config) == null ? void 0 : _f.agentName, setChartState]);
   const handleLoadingTimeout = React.useCallback(async () => {
     var _a2;
     if (!widgetBackendUrl || !widget.id || (chartState == null ? void 0 : chartState.agent_message) || hasTimeoutError) {
@@ -46745,7 +46657,7 @@ function CopilotKitSeriesBarChart({
     if (apiResponse && !(chartState == null ? void 0 : chartState.agent_message)) {
       parseAndUpdateChartState$1(apiResponse, setChartState);
     }
-  }, [widgetBackendUrl, widget.id, setChartState, (_f = widget.config) == null ? void 0 : _f.agentName, chartState, apiCallCount, hasTimeoutError]);
+  }, [widgetBackendUrl, widget.id, setChartState, (_g = widget.config) == null ? void 0 : _g.agentName, chartState, apiCallCount, hasTimeoutError]);
   const startLoadingTimeout = React.useCallback(() => {
     if (timeoutRef.current) {
       clearTimeout(timeoutRef.current);
@@ -46819,7 +46731,7 @@ function CopilotKitSeriesBarChart({
       /* @__PURE__ */ jsxRuntimeExports.jsx(lucideReact.Bot, { className: "h-4 w-4" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-sm font-medium", children: widget.title })
     ] }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 h-full", children: !isInitialFetchComplete && !isFirstLoad ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx(lucideReact.RefreshCw, { className: "h-6 w-6 animate-spin text-gray-400" }) }) : (chartState == null ? void 0 : chartState.agent_message) && (!((_i = (_h = (_g = chartState.series_bar_chart_data) == null ? void 0 : _g.data) == null ? void 0 : _h.labels) == null ? void 0 : _i.length) || !((_l = (_k = (_j = chartState.series_bar_chart_data) == null ? void 0 : _j.data) == null ? void 0 : _k.series) == null ? void 0 : _l.length)) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center max-w-md", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-gray-700", children: chartState.agent_message }) }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 h-full", children: (chartState == null ? void 0 : chartState.agent_message) && (!((_j = (_i = (_h = chartState.series_bar_chart_data) == null ? void 0 : _h.data) == null ? void 0 : _i.labels) == null ? void 0 : _j.length) || !((_m = (_l = (_k = chartState.series_bar_chart_data) == null ? void 0 : _k.data) == null ? void 0 : _l.series) == null ? void 0 : _m.length)) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center max-w-md", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-gray-700", children: chartState.agent_message }) }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
       SeriesBarChartComponent,
       {
         orientation,
@@ -46827,13 +46739,13 @@ function CopilotKitSeriesBarChart({
         styles,
         appendMessage,
         content,
-        query: (_m = widget.config) == null ? void 0 : _m.query,
+        query: (_n = widget.config) == null ? void 0 : _n.query,
         isFirstLoad,
         widgetBackendUrl,
         widgetId: widget.id,
         startLoadingTimeout,
         clearLoadingTimeout,
-        hasWidgetData: !!(((_o = (_n = widget_data == null ? void 0 : widget_data.data) == null ? void 0 : _n.labels) == null ? void 0 : _o.length) && ((_q = (_p = widget_data == null ? void 0 : widget_data.data) == null ? void 0 : _p.series) == null ? void 0 : _q.length))
+        hasWidgetData: !!(((_p = (_o = widget_data == null ? void 0 : widget_data.data) == null ? void 0 : _o.labels) == null ? void 0 : _p.length) && ((_r = (_q = widget_data == null ? void 0 : widget_data.data) == null ? void 0 : _q.series) == null ? void 0 : _r.length))
       }
     ) })
   ] });
@@ -46972,24 +46884,6 @@ const loadAgentState = async (widgetBackendUrl, threadId, agentName) => {
     return null;
   }
 };
-const loadSessionStateDirect = async (widgetBackendUrl, sessionId) => {
-  try {
-    const response = await fetch(`${widgetBackendUrl}/api/session/${sessionId}/state`, {
-      method: "GET",
-      headers: {
-        "Content-Type": "application/json"
-      }
-    });
-    if (!response.ok) {
-      throw new Error(`HTTP error! status: ${response.status}`);
-    }
-    const result = await response.json();
-    return result;
-  } catch (error) {
-    console.error("Failed to load session state directly:", error);
-    return null;
-  }
-};
 const parseAndUpdateChartState = (apiResponse, setChartState) => {
   var _a, _b;
   try {
@@ -47106,7 +47000,7 @@ function CopilotKitDataGrid({
   datasetId,
   widgetData
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
   const isFirstLoad = (_a = widget.config) == null ? void 0 : _a.isFirstLoad;
   const content = (_b = widget.config) == null ? void 0 : _b.content;
   const widget_data = (_c = widget.widget_data) == null ? void 0 : _c.matrix_grid_data;
@@ -47123,19 +47017,19 @@ function CopilotKitDataGrid({
     initialState: createInitialChartState(datasetId, widget_data)
   });
   const [chartState, setChartState] = React.useState(createInitialChartState(datasetId, widget_data));
-  const [isInitialFetchComplete, setIsInitialFetchComplete] = React.useState(false);
   React.useEffect(() => {
     const fetchInitialState = async () => {
+      var _a2;
       if (!widgetBackendUrl || !widget.id || hasInitialFetchRef.current) return;
       hasInitialFetchRef.current = true;
-      const apiResponse = await loadSessionStateDirect(widgetBackendUrl, widget.id);
+      const agentName = ((_a2 = widget.config) == null ? void 0 : _a2.agentName) || "adk-construction-project-agent";
+      const apiResponse = await loadAgentState(widgetBackendUrl, widget.id, agentName);
       if (apiResponse) {
         parseAndUpdateChartState(apiResponse, setChartState);
       }
-      setIsInitialFetchComplete(true);
     };
     fetchInitialState();
-  }, [widgetBackendUrl, widget.id, setChartState]);
+  }, [widgetBackendUrl, widget.id, (_e = widget.config) == null ? void 0 : _e.agentName, setChartState]);
   const handleLoadingTimeout = React.useCallback(async () => {
     var _a2;
     if (!widgetBackendUrl || !widget.id || (chartState == null ? void 0 : chartState.agent_message) || hasTimeoutError) {
@@ -47159,7 +47053,7 @@ function CopilotKitDataGrid({
     if (apiResponse && !(chartState == null ? void 0 : chartState.agent_message)) {
       parseAndUpdateChartState(apiResponse, setChartState);
     }
-  }, [widgetBackendUrl, widget.id, setChartState, (_e = widget.config) == null ? void 0 : _e.agentName, chartState, apiCallCount, hasTimeoutError]);
+  }, [widgetBackendUrl, widget.id, setChartState, (_f = widget.config) == null ? void 0 : _f.agentName, chartState, apiCallCount, hasTimeoutError]);
   const startLoadingTimeout = React.useCallback(() => {
     if (timeoutRef.current) {
       clearTimeout(timeoutRef.current);
@@ -47233,20 +47127,20 @@ function CopilotKitDataGrid({
       /* @__PURE__ */ jsxRuntimeExports.jsx(lucideReact.Bot, { className: "h-4 w-4" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-sm font-medium", children: widget.title })
     ] }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 h-full", children: !isInitialFetchComplete && !isFirstLoad ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx(lucideReact.RefreshCw, { className: "h-6 w-6 animate-spin text-gray-400" }) }) : (chartState == null ? void 0 : chartState.agent_message) && (!((_h = (_g = (_f = chartState.matrix_grid_data) == null ? void 0 : _f.data) == null ? void 0 : _g.headers) == null ? void 0 : _h.length) || !((_k = (_j = (_i = chartState.matrix_grid_data) == null ? void 0 : _i.data) == null ? void 0 : _j.rows) == null ? void 0 : _k.length)) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center max-w-md", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-gray-700", children: chartState.agent_message }) }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 h-full", children: (chartState == null ? void 0 : chartState.agent_message) && (!((_i = (_h = (_g = chartState.matrix_grid_data) == null ? void 0 : _g.data) == null ? void 0 : _h.headers) == null ? void 0 : _i.length) || !((_l = (_k = (_j = chartState.matrix_grid_data) == null ? void 0 : _j.data) == null ? void 0 : _k.rows) == null ? void 0 : _l.length)) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center max-w-md", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-gray-700", children: chartState.agent_message }) }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
       DataGridComponent,
       {
         dataGridState: chartState,
         styles,
         appendMessage,
         content,
-        query: (_l = widget.config) == null ? void 0 : _l.query,
+        query: (_m = widget.config) == null ? void 0 : _m.query,
         isFirstLoad,
         widgetBackendUrl,
         widgetId: widget.id,
         startLoadingTimeout,
         clearLoadingTimeout,
-        hasWidgetData: !!(((_n = (_m = widget_data == null ? void 0 : widget_data.data) == null ? void 0 : _m.headers) == null ? void 0 : _n.length) && ((_p = (_o = widget_data == null ? void 0 : widget_data.data) == null ? void 0 : _o.rows) == null ? void 0 : _p.length))
+        hasWidgetData: !!(((_o = (_n = widget_data == null ? void 0 : widget_data.data) == null ? void 0 : _n.headers) == null ? void 0 : _o.length) && ((_q = (_p = widget_data == null ? void 0 : widget_data.data) == null ? void 0 : _p.rows) == null ? void 0 : _q.length))
       }
     ) })
   ] });
@@ -48211,7 +48105,8 @@ function WidgetDashboard({
   userId,
   onApplyFilters,
   filterResults,
-  isApplyingFilters = false
+  isApplyingFilters = false,
+  focusWidgetId
 }) {
   const [widgets, setWidgets] = React.useState([]);
   const [datasetId, setDatasetId] = React.useState("");
@@ -48228,6 +48123,12 @@ function WidgetDashboard({
   const [editInitialQuery, setEditInitialQuery] = React.useState("");
   const [editingWidget, setEditingWidget] = React.useState(null);
   const [widgetResetFunctions, setWidgetResetFunctions] = React.useState(/* @__PURE__ */ new Map());
+  const displayWidgets = React.useMemo(() => {
+    if (focusWidgetId) {
+      return widgets.filter((w) => w.id === focusWidgetId);
+    }
+    return widgets;
+  }, [widgets, focusWidgetId]);
   const getWidgetFilterStatus = React.useCallback((widgetId) => {
     if (!filterResults) return null;
     const result = filterResults.results.find((r) => r.widgetId === widgetId);
@@ -48826,7 +48727,7 @@ function WidgetDashboard({
   };
   const getLayoutFromWidgets = () => {
     const processedIds = /* @__PURE__ */ new Set();
-    return widgets.filter((widget) => {
+    return displayWidgets.filter((widget) => {
       if (processedIds.has(widget.id)) {
         return false;
       }
@@ -48834,6 +48735,22 @@ function WidgetDashboard({
       return true;
     }).map((widget) => {
       widget.type === "text";
+      if (focusWidgetId && widget.id === focusWidgetId) {
+        return {
+          i: widget.id,
+          x: 0,
+          y: 0,
+          w: 12,
+          // Full width
+          h: 10,
+          // Increased height for presentation
+          minW: 0,
+          minH: 1,
+          isResizable: false,
+          static: true
+          // Prevent any movement in focus mode
+        };
+      }
       return {
         i: widget.id,
         x: widget.position_x,
@@ -48916,11 +48833,15 @@ function WidgetDashboard({
             compactType: "vertical",
             containerPadding: [0, 0],
             margin: [16, 16],
-            children: widgets.map((w) => {
+            children: displayWidgets.map((w) => {
               var _a, _b;
               const filterStatus = w.type === "agent" ? getWidgetFilterStatus(w.id) : null;
               const badgeInfo = filterStatus ? getFilterStatusBadge(filterStatus.status) : null;
-              return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `${w.type === "text" || w.type === "spacer" ? `${((_b = (_a = w == null ? void 0 : w.config) == null ? void 0 : _a.content) == null ? void 0 : _b.divider) === "yes" && "border-b border-gray-300"} ${isEditing ? "shadow-lg rounded-xl border border-primary-300" : "flex items-center"}` : `shadow-lg rounded-xl border border-primary-300 p-4 ${isEditing ? "pb-14" : "pb-5"}`} relative`, children: [
+              const isFocusMode = focusWidgetId && w.id === focusWidgetId;
+              const widgetBaseStyles = "rounded-xl border border-gray-200 !bg-white";
+              const widgetHoverStyles = isEditing ? "hover:border-primary-500 hover:shadow-lg transition-all duration-200" : "";
+              const widgetShadow = "shadow-[0_2px_8px_-2px_rgba(0,0,0,0.15)]";
+              return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "data-widget-id": w.id, className: `${w.type === "text" || w.type === "spacer" ? `${((_b = (_a = w == null ? void 0 : w.config) == null ? void 0 : _a.content) == null ? void 0 : _b.divider) === "yes" && "border-b border-gray-300"} ${isEditing ? `${widgetBaseStyles} ${widgetShadow} ${widgetHoverStyles}` : "flex items-center"}` : `${widgetBaseStyles} ${widgetShadow} ${widgetHoverStyles} p-4 ${isEditing ? "pb-14" : "pb-5"}`} ${isFocusMode ? "h-full" : ""} relative`, children: [
                 w.type === "agent" && badgeInfo && !isApplyingFilters && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute top-2 right-2 z-10", title: (filterStatus == null ? void 0 : filterStatus.reason) || (filterStatus == null ? void 0 : filterStatus.error) || "", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Badge, { variant: badgeInfo.variant, className: "text-[10px] px-2 py-0.5 gap-1", children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: badgeInfo.icon }),
                   /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: badgeInfo.label })
@@ -48963,6 +48884,366 @@ function WidgetDashboard({
   ] });
 }
 
+const EXCLUDED_WIDGET_TYPES = ["text", "spacer", "filter", "filters", "Text", "Spacer", "Filter", "Filters"];
+const LaserPointerIcon = ({ className }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className,
+    children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "12", cy: "12", r: "3", fill: "currentColor" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "12", y1: "2", x2: "12", y2: "6" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "12", y1: "18", x2: "12", y2: "22" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "2", y1: "12", x2: "6", y2: "12" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "18", y1: "12", x2: "22", y2: "12" })
+    ]
+  }
+);
+function PresentationMode({
+  isOpen,
+  onClose,
+  pageId,
+  dashboardTitle,
+  widgetBackendUrl = "http://localhost:3001",
+  branding = { title: "DASHBOARD", subtitle: "COMPOSER" }
+}) {
+  const [viewMode, setViewMode] = React.useState("grid");
+  const [widgets, setWidgets] = React.useState([]);
+  const [focusableWidgets, setFocusableWidgets] = React.useState([]);
+  const [currentFocusIndex, setCurrentFocusIndex] = React.useState(0);
+  const [loading, setLoading] = React.useState(true);
+  const [laserPointerActive, setLaserPointerActive] = React.useState(false);
+  const [mousePosition, setMousePosition] = React.useState({ x: 0, y: 0 });
+  const focusContainerRef = React.useRef(null);
+  const gridContainerRef = React.useRef(null);
+  React.useEffect(() => {
+    if (isOpen && pageId) {
+      setLoading(true);
+      setCurrentFocusIndex(0);
+      fetch(`${widgetBackendUrl}/api/widgets?page_id=${pageId}`).then((res) => {
+        if (!res.ok) throw new Error("Failed to fetch widgets");
+        return res.json();
+      }).then((data) => {
+        const widgetsArray = Array.isArray(data) ? data : [];
+        setWidgets(widgetsArray);
+        const focusable = widgetsArray.filter((widget) => !EXCLUDED_WIDGET_TYPES.includes(widget.type)).sort((a, b) => {
+          if (a.position_y !== b.position_y) return a.position_y - b.position_y;
+          return a.position_x - b.position_x;
+        });
+        setFocusableWidgets(focusable);
+        console.log(`[PresentationMode] Loaded ${widgetsArray.length} widgets, ${focusable.length} focusable`);
+      }).catch((error) => {
+        console.error("Failed to fetch widgets:", error);
+        setWidgets([]);
+        setFocusableWidgets([]);
+      }).finally(() => {
+        setLoading(false);
+      });
+    }
+  }, [isOpen, pageId, widgetBackendUrl]);
+  React.useEffect(() => {
+    if (focusableWidgets.length > 0 && currentFocusIndex >= focusableWidgets.length) {
+      setCurrentFocusIndex(focusableWidgets.length - 1);
+    }
+  }, [focusableWidgets.length, currentFocusIndex]);
+  React.useEffect(() => {
+    if (!laserPointerActive) return;
+    const handleMouseMove = (e) => {
+      setMousePosition({ x: e.clientX, y: e.clientY });
+    };
+    window.addEventListener("mousemove", handleMouseMove);
+    return () => window.removeEventListener("mousemove", handleMouseMove);
+  }, [laserPointerActive]);
+  React.useEffect(() => {
+    if (!isOpen || viewMode !== "grid" || !gridContainerRef.current) return;
+    const setupWidgetInteractions = () => {
+      var _a;
+      const gridItems = (_a = gridContainerRef.current) == null ? void 0 : _a.querySelectorAll(".react-grid-item");
+      if (!gridItems) return;
+      const handleMouseEnter = (e) => {
+        var _a2;
+        const item = e.currentTarget;
+        const widgetId = item.getAttribute("data-widget-id") || ((_a2 = item.querySelector("[data-widget-id]")) == null ? void 0 : _a2.getAttribute("data-widget-id"));
+        const widget = widgets.find((w) => w.id === widgetId);
+        if (widget && EXCLUDED_WIDGET_TYPES.includes(widget.type)) {
+          return;
+        }
+        item.style.cursor = "pointer";
+        item.style.boxShadow = "0 0 0 3px var(--primary-500, #3b82f6), 0 10px 30px -5px rgba(0, 0, 0, 0.2)";
+        item.style.transition = "box-shadow 0.2s ease-out";
+        item.style.zIndex = "10";
+      };
+      const handleMouseLeave = (e) => {
+        const item = e.currentTarget;
+        item.style.cursor = "";
+        item.style.boxShadow = "";
+        item.style.zIndex = "";
+      };
+      const handleClick = (e) => {
+        var _a2;
+        const item = e.currentTarget;
+        const widgetId = item.getAttribute("data-widget-id") || ((_a2 = item.querySelector("[data-widget-id]")) == null ? void 0 : _a2.getAttribute("data-widget-id"));
+        const widget = widgets.find((w) => w.id === widgetId);
+        if (widget && EXCLUDED_WIDGET_TYPES.includes(widget.type)) {
+          return;
+        }
+        if (widgetId) {
+          const index = focusableWidgets.findIndex((w) => w.id === widgetId);
+          if (index !== -1) {
+            setCurrentFocusIndex(index);
+            setViewMode("focus");
+          }
+        }
+      };
+      gridItems.forEach((item) => {
+        item.addEventListener("mouseenter", handleMouseEnter);
+        item.addEventListener("mouseleave", handleMouseLeave);
+        item.addEventListener("click", handleClick);
+      });
+      return () => {
+        gridItems.forEach((item) => {
+          item.removeEventListener("mouseenter", handleMouseEnter);
+          item.removeEventListener("mouseleave", handleMouseLeave);
+          item.removeEventListener("click", handleClick);
+          item.style.cursor = "";
+          item.style.transform = "";
+          item.style.boxShadow = "";
+        });
+      };
+    };
+    const timeoutId = setTimeout(setupWidgetInteractions, 500);
+    const observer = new MutationObserver(() => {
+      setupWidgetInteractions();
+    });
+    if (gridContainerRef.current) {
+      observer.observe(gridContainerRef.current, {
+        childList: true,
+        subtree: true
+      });
+    }
+    return () => {
+      clearTimeout(timeoutId);
+      observer.disconnect();
+    };
+  }, [isOpen, viewMode, widgets, focusableWidgets, loading]);
+  const handleKeyDown = React.useCallback(
+    (e) => {
+      if (!isOpen) return;
+      if (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) {
+        return;
+      }
+      switch (e.key) {
+        case "Escape":
+          onClose();
+          break;
+        case "f":
+        case "F":
+          setViewMode((prev) => prev === "grid" ? "focus" : "grid");
+          break;
+        case "l":
+        case "L":
+          setLaserPointerActive((prev) => !prev);
+          break;
+        case "ArrowLeft":
+          if (viewMode === "focus") {
+            e.preventDefault();
+            setCurrentFocusIndex(
+              (prev) => prev > 0 ? prev - 1 : focusableWidgets.length - 1
+            );
+          }
+          break;
+        case "ArrowRight":
+          if (viewMode === "focus") {
+            e.preventDefault();
+            setCurrentFocusIndex(
+              (prev) => prev < focusableWidgets.length - 1 ? prev + 1 : 0
+            );
+          }
+          break;
+      }
+    },
+    [isOpen, onClose, viewMode, focusableWidgets.length]
+  );
+  React.useEffect(() => {
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [handleKeyDown]);
+  React.useEffect(() => {
+    if (isOpen) {
+      document.body.style.overflow = "hidden";
+    } else {
+      document.body.style.overflow = "";
+    }
+    return () => {
+      document.body.style.overflow = "";
+    };
+  }, [isOpen]);
+  React.useEffect(() => {
+    if (!isOpen) {
+      setViewMode("grid");
+      setCurrentFocusIndex(0);
+      setLaserPointerActive(false);
+    }
+  }, [isOpen]);
+  if (!isOpen) return null;
+  const currentFocusWidget = focusableWidgets[currentFocusIndex];
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "fixed inset-0 z-50 bg-white flex flex-col", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("header", { className: "flex items-center justify-between px-6 py-4 border-b border-gray-200 bg-white shrink-0", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xl font-bold text-primary-700 tracking-wide", children: branding.title }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-primary-500 tracking-[0.2em] -mt-1", children: branding.subtitle })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "absolute left-1/2 transform -translate-x-1/2 text-center", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "text-lg font-bold text-gray-900 uppercase tracking-wide", children: dashboardTitle }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-12 h-1 bg-primary-600 mx-auto mt-1 rounded" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          onClick: onClose,
+          className: "p-2 hover:bg-gray-100 rounded-lg transition-colors",
+          "aria-label": "Close presentation",
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(lucideReact.X, { className: "w-6 h-6 text-gray-600" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("main", { className: `flex-1 min-h-0 ${viewMode === "grid" ? "overflow-auto bg-gray-50 p-6" : "overflow-hidden bg-gray-100"}`, children: loading ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center gap-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-8 h-8 border-4 border-primary-600 border-t-transparent rounded-full animate-spin" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-gray-600", children: "Loading widgets..." })
+    ] }) }) : viewMode === "grid" ? (
+      /* Grid View - Show all widgets using WidgetDashboard */
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full relative", ref: gridContainerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        WidgetDashboard,
+        {
+          pageId,
+          isEditing: false,
+          selectedWidget: null,
+          onWidgetSelect: () => {
+          },
+          openWidgetPallete: false,
+          onCloseWidgetPallete: () => {
+          },
+          onApplyFilters: () => {
+          },
+          isApplyingFilters: false,
+          onSaveLayoutReady: () => {
+          },
+          widgetBackendUrl
+        },
+        `presentation-grid-${pageId}`
+      ) })
+    ) : (
+      /* Focus View - Show one widget at a time */
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full flex flex-col", ref: focusContainerRef, children: focusableWidgets.length > 0 && currentFocusWidget ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 flex flex-col min-h-0", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "shrink-0 bg-white border-b border-gray-200 px-6 py-3 flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              onClick: () => setCurrentFocusIndex((prev) => prev > 0 ? prev - 1 : focusableWidgets.length - 1),
+              className: "p-2 rounded-full hover:bg-gray-100 transition-colors disabled:opacity-30",
+              disabled: focusableWidgets.length <= 1,
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(lucideReact.ChevronLeft, { className: "w-5 h-5 text-gray-600" })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-sm text-gray-500", children: [
+            currentFocusIndex + 1,
+            " of ",
+            focusableWidgets.length
+          ] }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              onClick: () => setCurrentFocusIndex((prev) => prev < focusableWidgets.length - 1 ? prev + 1 : 0),
+              className: "p-2 rounded-full hover:bg-gray-100 transition-colors disabled:opacity-30",
+              disabled: focusableWidgets.length <= 1,
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(lucideReact.ChevronRight, { className: "w-5 h-5 text-gray-600" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 bg-white p-6 min-h-0 overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full w-full rounded-xl border border-gray-200 bg-white shadow-sm overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          WidgetRenderer,
+          {
+            widget: currentFocusWidget,
+            widgetBackendUrl,
+            pageId,
+            isEditing: false
+          },
+          `focus-widget-${currentFocusWidget.id}`
+        ) }) })
+      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center text-gray-500", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(lucideReact.Maximize2, { className: "w-12 h-12 mx-auto mb-4 text-gray-300" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-lg font-medium", children: "No widgets available for focus view" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm mt-2", children: "Text, Spacer, and Filter widgets are excluded." })
+      ] }) }) })
+    ) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("footer", { className: "bg-white border-t border-gray-200 py-4 shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center gap-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1 bg-gray-100 rounded-full p-1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "button",
+          {
+            onClick: () => setViewMode("grid"),
+            className: `flex items-center gap-2 px-4 py-2 rounded-full text-sm font-medium transition-all ${viewMode === "grid" ? "bg-primary-700 text-white shadow-md" : "text-gray-600 hover:text-gray-900"}`,
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(lucideReact.Grid3X3, { className: "w-4 h-4" }),
+              "Grid"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "button",
+          {
+            onClick: () => setViewMode("focus"),
+            className: `flex items-center gap-2 px-4 py-2 rounded-full text-sm font-medium transition-all ${viewMode === "focus" ? "bg-primary-700 text-white shadow-md" : "text-gray-600 hover:text-gray-900"}`,
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(lucideReact.Maximize2, { className: "w-4 h-4" }),
+              "Focus"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-px h-6 bg-gray-300 mx-2" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            onClick: () => setLaserPointerActive((prev) => !prev),
+            className: `p-2 transition-colors rounded-full ${laserPointerActive ? "bg-primary-600 text-white" : "text-gray-600 hover:text-gray-900 hover:bg-gray-200"}`,
+            "aria-label": "Toggle laser pointer (L)",
+            title: "Toggle laser pointer (L)",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(LaserPointerIcon, { className: "w-4 h-4" })
+          }
+        ),
+        viewMode === "focus" && focusableWidgets.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-px h-6 bg-gray-300 mx-2" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-sm text-gray-600 px-2", children: [
+            currentFocusIndex + 1,
+            " / ",
+            focusableWidgets.length
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-gray-400 uppercase tracking-wider", children: "ESC TO EXIT \u2022 F TO TOGGLE \u2022 L FOR LASER \u2022 ARROWS TO NAVIGATE" })
+    ] }) }),
+    laserPointerActive && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: "fixed pointer-events-none z-[100] transform -translate-x-1/2 -translate-y-1/2",
+        style: {
+          left: mousePosition.x,
+          top: mousePosition.y
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 w-8 h-8 -translate-x-1/2 -translate-y-1/2 bg-red-500/20 rounded-full blur-md" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute w-4 h-4 -translate-x-1/2 -translate-y-1/2 bg-red-500 rounded-full shadow-lg shadow-red-500/50" })
+        ]
+      }
+    )
+  ] });
+}
+
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -49427,6 +49708,7 @@ function DashboardPages({ widgetBackendUrl }) {
 exports.Button = Button;
 exports.DashboardPages = DashboardPages;
 exports.Input = Input;
+exports.PresentationMode = PresentationMode;
 exports.SavedPages = SavedPages;
 exports.WidgetDashboard = WidgetDashboard;
 exports.WidgetPalette = WidgetPalette;