cmcts-c-agent-embedding 1.0.29-cagent → 1.0.30-cagent

package/auggie_shell_conversation.txt

@@ -0,0 +1,172 @@
+================================================================================
+[2025-12-02T03:58:46.762Z]
+In the ChartPlaceholder component at `src/components/bubbles/ChartPlaceholder.tsx`, hide the fullscreen button (lines 50-74) when the message is still streaming.
+
+Context:
+- The ChartPlaceholder is rendered inside BotBubble via the `renderChartPlaceholder` function
+- Currently, the fullscreen button shows when `props.config` exists
+- Need to add an `isStreaming` prop to ChartPlaceholder and only show the button when `props.config && !props.isStreaming`
+- Update BotBubble.tsx to pass the streaming state when rendering ChartPlaceholder
+
+Investigate how streaming state is tracked in the codebase (look at Bot.tsx for `isProcessingBuffer`, `textBuffer`, or similar streaming indicators) and propagate it properly to ChartPlaceholder.
+
+Do not create or modify any markdown document files or code examples. After making changes, run `yarn run lint-fix && yarn run type-check` to validate.
+
+================================================================================
+[2025-12-02T04:03:09.885Z]
+Fix the issue where the fullscreen button in ChartPlaceholder doesn't appear after streaming completes.
+
+The problem: In BotBubble.tsx, when `renderChartPlaceholder` is called, it passes `isStreaming` as a static boolean value. This value is captured at render time and doesn't update when streaming finishes.
+
+Solution approach:
+1. Instead of passing `isStreaming` as a static boolean, pass it as a getter function `() => props.isLoading` so it remains reactive
+2. Update ChartPlaceholder to accept `isStreaming` as either boolean or getter function, or change to use a getter pattern
+3. The Show condition should call the getter to get the current streaming state
+
+Look at how other props are handled reactively in SolidJS when using the `render()` function to mount components.
+
+Do not create or modify any markdown document files or code examples. After making changes, run `yarn run lint-fix && yarn run type-check` to validate.
+
+================================================================================
+[2025-12-02T04:09:44.492Z]
+Fix the issue where charts are re-rendered continuously during streaming, causing:
+1. Button click events not being captured to show popup
+2. Users cannot interact with charts during streaming
+
+The root cause: In BotBubble.tsx, `updateBotMessageContent` sets `innerHTML` which destroys all DOM including rendered chart placeholders. Even though `chartDisposeMap.has(chartId)` check exists, the DOM is already destroyed by innerHTML.
+
+Solution approach:
+1. In `updateBotMessageContent`, instead of replacing entire innerHTML, use a smarter DOM diffing approach:
+   - Parse the new HTML content
+   - Only update text nodes and elements that changed
+   - Preserve chart placeholder elements that are already rendered (have children or are in chartDisposeMap)
+   
+2. Alternative simpler approach: 
+   - Before setting innerHTML, save references to rendered chart placeholder elements
+   - After setting innerHTML, find the new placeholder slots and replace them with the saved elements
+   - This preserves the rendered charts and their event handlers
+
+3. Or use a flag to skip re-initializing charts that are already rendered - but this won't work because innerHTML destroys the DOM
+
+Investigate the best approach and implement a fix. The goal is that during streaming:
+- Text content updates normally
+- Chart placeholders that are already rendered are NOT destroyed/re-created
+- Users can interact with charts (click fullscreen button, hover, etc.)
+
+Do not create or modify any markdown document files or code examples. After making changes, run `yarn run lint-fix && yarn run type-check` to validate.
+
+================================================================================
+[2025-12-02T04:14:25.602Z]
+The previous fix didn't work. Charts are still flickering when hovering due to re-rendering when new SSE events arrive.
+
+The issue is more fundamental - we need to understand WHY the chart components are being re-rendered during streaming.
+
+Please investigate deeply:
+
+1. Use web-search to find solutions for:
+   - "SolidJS prevent component re-render during streaming"
+   - "SolidJS preserve DOM elements when parent updates"
+   - "SolidJS Portal to prevent re-render"
+   - "React/SolidJS chart flickering during real-time updates"
+
+2. Trace the full reactive chain:
+   - How does `updateLastMessage` in Bot.tsx trigger updates?
+   - How does BotBubble receive and react to message changes?
+   - Why is `updateBotMessageContent` being called repeatedly?
+   - Is there a createEffect somewhere that triggers on message change?
+
+3. Investigate if the issue is:
+   - The entire BotBubble component re-rendering
+   - Just the `updateBotMessageContent` function being called
+   - The chart placeholder DOM being recreated
+   - SolidJS reactivity causing unnecessary updates
+
+4. Consider alternative architectures:
+   - Using SolidJS Portal to render charts outside the message bubble
+   - Using a separate signal/store for chart state that doesn't trigger message re-render
+   - Memoizing the chart components
+   - Using `untrack` to break reactive dependencies
+
+Find the root cause and implement a proper fix that ensures charts don't flicker during streaming.
+
+Do not create or modify any markdown document files or code examples. After making changes, run `yarn run lint-fix && yarn run type-check` to validate.
+
+================================================================================
+[2025-12-02T04:28:09.707Z]
+Now that the flickering issue is fixed with the global registry, show the fullscreen button in ChartPlaceholder even during streaming.
+
+In `src/components/bubbles/ChartPlaceholder.tsx` line 52, change the condition from:
+`props.config && !props.isStreaming?.()`
+to just:
+`props.config`
+
+The button should now work during streaming since the chart DOM is preserved via the global registry.
+
+Also, since `isStreaming` prop is no longer needed, you can:
+1. Remove the `isStreaming` prop from ChartPlaceholderProps interface
+2. Remove the `isStreaming` prop usage in BotBubble.tsx where ChartPlaceholder is rendered
+
+Do not create or modify any markdown document files or code examples. After making changes, run `yarn run lint-fix && yarn run type-check` to validate.
+
+================================================================================
+[2025-12-02T04:34:32.352Z]
+Bug: The fullscreen button in ChartPlaceholder is visible during streaming, but clicking it does nothing - the popup doesn't open.
+
+Context:
+- Charts are now preserved via global registry to prevent flickering during streaming
+- The button is rendered with `onClick={openPopup}` handler
+- The popup uses `isPopupOpen` signal and `ChartPopupModal` component
+
+Definition of Done:
+- Clicking the fullscreen button during streaming should open the popup modal
+- The popup should display the chart correctly
+- This should work both during streaming and after streaming completes
+
+Investigate why the click event or popup is not working when the chart is in the global registry during streaming. Consider:
+- Is the event handler being lost when the element is saved/restored?
+- Is there an issue with the SolidJS reactive context when the component is rendered via `render()` function?
+- Is the popup being rendered but hidden/blocked by something?
+
+Do not create or modify any markdown document files or code examples. After making changes, run `yarn run lint-fix && yarn run type-check` to validate.
+
+================================================================================
+[2025-12-02T04:38:56.981Z]
+The previous fix didn't work. The fullscreen button click still doesn't work during streaming.
+
+The issue is NOT about DOM elements being destroyed - there's something more fundamental happening.
+
+Please investigate deeper:
+
+1. Add console.log statements to debug:
+   - In `openPopup` function in ChartPlaceholder.tsx to see if click event fires
+   - Log `isPopupOpen()` value before and after `setIsPopupOpen(true)`
+   - Log `props.config` to verify it exists
+
+2. Check if the issue is with SolidJS Portal or ChartPopupModal:
+   - Is the popup being rendered but invisible?
+   - Is there a z-index issue?
+   - Is the Portal mounting correctly when component is rendered via `render()` function?
+
+3. Consider if the problem is that when ChartPlaceholder is rendered via SolidJS `render()` function into a detached/reattached DOM element, the reactive context or Portal context is broken.
+
+4. Test by replacing the popup with a simple `alert('clicked')` in openPopup to verify if the click event fires at all.
+
+Find the actual root cause and fix it properly.
+
+Do not create or modify any markdown document files or code examples. After making changes, run `yarn run lint-fix && yarn run type-check` to validate.
+
+================================================================================
+[2025-12-02T04:45:08.748Z]
+Continue adding debug logs. You added console.log to openPopup and the button onClick. Now:
+
+1. Run lint-fix and type-check to validate
+2. Tell the user to test and check browser console for the debug messages
+
+The debug logs will help identify if:
+- The click event fires at all (alert should show)
+- The openPopup function is called
+- The isPopupOpen signal changes
+- The config exists
+
+Do not create or modify any markdown document files or code examples. After making changes, run `yarn run lint-fix && yarn run type-check` to validate.
+

package/auggie_shell_user_request.txt

@@ -0,0 +1,12 @@
+Continue adding debug logs. You added console.log to openPopup and the button onClick. Now:
+
+1. Run lint-fix and type-check to validate
+2. Tell the user to test and check browser console for the debug messages
+
+The debug logs will help identify if:
+- The click event fires at all (alert should show)
+- The openPopup function is called
+- The isPopupOpen signal changes
+- The config exists
+
+Do not create or modify any markdown document files or code examples. After making changes, run `yarn run lint-fix && yarn run type-check` to validate.

package/dist/components/bubbles/BotBubble.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BotBubble.d.ts","sourceRoot":"","sources":["../../../src/components/bubbles/BotBubble.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAc,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAM1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAM9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAGjD,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,WAAW,CAAC;IACrB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/E,0BAA0B,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uBAAuB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;IAClD,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;CAC5C,CAAC;AAOF,eAAO,MAAM,SAAS,UAAW,KAAK,mCAitBrC,CAAC"}
+{"version":3,"file":"BotBubble.d.ts","sourceRoot":"","sources":["../../../src/components/bubbles/BotBubble.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAc,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAM1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAM9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAGjD,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,WAAW,CAAC;IACrB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/E,0BAA0B,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uBAAuB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;IAClD,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;CAC5C,CAAC;AAWF,eAAO,MAAM,SAAS,UAAW,KAAK,mCAswBrC,CAAC"}

package/dist/components/bubbles/ChartBubble.d.ts

@@ -1,4 +1,68 @@
-import type { ChartBubbleProps } from '@/types/chart';
+import type { ChartOptions } from 'chart.js';
+import type { ChartBubbleProps, SupportedChartType } from '@/types/chart';
+/**
+ * Vietnamese Government Style Color Palette
+ * Based on official Vietnamese flag colors and professional government design standards
+ * Primary: Red (#C8102E) - symbolizes revolution and sacrifice
+ * Secondary: Gold (#FFCD00) - symbolizes prosperity and national identity
+ * Supporting colors for multi-series data visualization with accessibility in mind
+ */
+export declare const vnGovColors: {
+    primary: string;
+    secondary: string;
+    palette: string[];
+    paletteFill: string[];
+    paletteLineFill: string[];
+    text: {
+        primary: string;
+        secondary: string;
+        light: string;
+    };
+    grid: {
+        line: string;
+        border: string;
+        axis: string;
+    };
+    container: {
+        background: string;
+        border: string;
+        shadow: string;
+    };
+};
+/**
+ * Professional Vietnamese government chart typography settings
+ * Using system sans-serif fonts for clean, official appearance
+ */
+export declare const vnGovTypography: {
+    fontFamily: string;
+    title: {
+        size: number;
+        weight: "bold";
+        lineHeight: number;
+    };
+    legend: {
+        size: number;
+        weight: "bold";
+    };
+    axis: {
+        size: number;
+        weight: "normal";
+    };
+    tooltip: {
+        size: number;
+        weight: "normal";
+    };
+};
+/**
+ * Applies Vietnamese government color palette to chart datasets
+ * Ensures consistent, professional appearance across all chart types
+ */
+export declare const applyVnGovColorsToDatasets: (data: ChartBubbleProps['config']['data'], chartType: SupportedChartType) => ChartBubbleProps['config']['data'];
+/**
+ * Creates Vietnamese government-styled chart options
+ * Professional appearance suitable for official reports and dashboards
+ */
+export declare const createVnGovChartOptions: (chartType: SupportedChartType, title: string | undefined, textColor: string) => ChartOptions;
 /**
  * SolidJS component that renders a Chart.js chart with Vietnamese government styling.
  * Features professional color palette, typography, and visual design appropriate

package/dist/components/bubbles/ChartBubble.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartBubble.d.ts","sourceRoot":"","sources":["../../../src/components/bubbles/ChartBubble.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAsB,MAAM,eAAe,CAAC;AA8d1E;;;;GAIG;AACH,eAAO,MAAM,WAAW,UAAW,gBAAgB,mCAwElD,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ChartBubble.d.ts","sourceRoot":"","sources":["../../../src/components/bubbles/ChartBubble.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAM1E;;;;;;GAMG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;CA0DvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;CAmB3B,CAAC;AAoGF;;;GAGG;AACH,eAAO,MAAM,0BAA0B,SAC/B,gBAAgB,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,aAC7B,kBAAkB,KAC5B,gBAAgB,CAAC,QAAQ,CAAC,CAAC,MAAM,CAiGnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,cACvB,kBAAkB,SACtB,MAAM,GAAG,SAAS,aACd,MAAM,KAChB,YAkJF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,WAAW,UAAW,gBAAgB,mCAsElD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/bubbles/ChartPlaceholder.d.ts

@@ -3,13 +3,15 @@ export interface ChartPlaceholderProps {
     chartId: string;
     config?: ChartConfig | null;
     isLoading?: boolean;
+    /** Getter function that returns true while streaming is in progress. Using a getter ensures reactivity when rendered via SolidJS render(). */
+    isStreaming?: () => boolean;
     backgroundColor?: string;
     textColor?: string;
 }
 /**
  * Simplified placeholder component that renders charts directly inline.
  * Uses StableChartWrapper to ensure charts are only rendered once when config is available.
- * No portal or position tracking needed - charts render in their natural flow position.
+ * Includes a fullscreen button to open the chart in a popup modal with zoom/pan capabilities.
  */
 export declare const ChartPlaceholder: (props: ChartPlaceholderProps) => import("solid-js").JSX.Element;
 export default ChartPlaceholder;

package/dist/components/bubbles/ChartPlaceholder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartPlaceholder.d.ts","sourceRoot":"","sources":["../../../src/components/bubbles/ChartPlaceholder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAGjD,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,UAAW,qBAAqB,mCAuB5D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"ChartPlaceholder.d.ts","sourceRoot":"","sources":["../../../src/components/bubbles/ChartPlaceholder.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAKjD,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8IAA8I;IAC9I,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,UAAW,qBAAqB,mCA2E5D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/bubbles/ChartPopupModal.d.ts

@@ -0,0 +1,4 @@
+import type { ChartPopupModalProps } from '@/types/chart';
+export declare const ChartPopupModal: (props: ChartPopupModalProps) => import("solid-js").JSX.Element;
+export default ChartPopupModal;
+//# sourceMappingURL=ChartPopupModal.d.ts.map

package/dist/components/bubbles/ChartPopupModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartPopupModal.d.ts","sourceRoot":"","sources":["../../../src/components/bubbles/ChartPopupModal.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAS1D,eAAO,MAAM,eAAe,UAAW,oBAAoB,mCAiO1D,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/icons/ResetZoomIcon.d.ts

@@ -0,0 +1,3 @@
+import { JSX } from 'solid-js/jsx-runtime';
+export declare const ResetZoomIcon: (props: JSX.SvgSVGAttributes<SVGSVGElement>) => JSX.Element;
+//# sourceMappingURL=ResetZoomIcon.d.ts.map

package/dist/components/icons/ResetZoomIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResetZoomIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/ResetZoomIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAI3C,eAAO,MAAM,aAAa,UAAW,IAAI,gBAAgB,CAAC,aAAa,CAAC,gBAkBvE,CAAC"}

package/dist/components/icons/ZoomInIcon.d.ts

@@ -0,0 +1,3 @@
+import { JSX } from 'solid-js/jsx-runtime';
+export declare const ZoomInIcon: (props: JSX.SvgSVGAttributes<SVGSVGElement>) => JSX.Element;
+//# sourceMappingURL=ZoomInIcon.d.ts.map

package/dist/components/icons/ZoomInIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoomInIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/ZoomInIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAI3C,eAAO,MAAM,UAAU,UAAW,IAAI,gBAAgB,CAAC,aAAa,CAAC,gBAkBpE,CAAC"}

package/dist/components/icons/ZoomOutIcon.d.ts

@@ -0,0 +1,3 @@
+import { JSX } from 'solid-js/jsx-runtime';
+export declare const ZoomOutIcon: (props: JSX.SvgSVGAttributes<SVGSVGElement>) => JSX.Element;
+//# sourceMappingURL=ZoomOutIcon.d.ts.map

package/dist/components/icons/ZoomOutIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoomOutIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/ZoomOutIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAI3C,eAAO,MAAM,WAAW,UAAW,IAAI,gBAAgB,CAAC,aAAa,CAAC,gBAiBrE,CAAC"}

package/dist/components/icons/index.d.ts

@@ -15,4 +15,7 @@ export * from './FullScreenIcon';
 export * from './EditIcon';
 export * from './CopyIcon';
 export * from './CheckIcon';
+export * from './ZoomInIcon';
+export * from './ZoomOutIcon';
+export * from './ResetZoomIcon';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/icons/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC"}

package/dist/types/chart.d.ts

@@ -61,6 +61,10 @@ export interface ChartBubbleProps {
     config: ChartConfig;
     backgroundColor?: string;
     textColor?: string;
+    /** Enable zoom/pan interactivity (used in popup modal) */
+    enableZoom?: boolean;
+    /** Callback to open chart in fullscreen popup */
+    onOpenFullscreen?: () => void;
 }
 /**
  * Props for ChartLoadingPlaceholder component
@@ -69,4 +73,14 @@ export interface ChartLoadingPlaceholderProps {
     chartId: string;
     backgroundColor?: string;
 }
+/**
+ * Props for ChartPopupModal component
+ */
+export interface ChartPopupModalProps {
+    isOpen: boolean;
+    config: ChartConfig;
+    onClose: () => void;
+    backgroundColor?: string;
+    textColor?: string;
+}
 //# sourceMappingURL=chart.d.ts.map

package/dist/types/chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../src/types/chart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAEnE;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,OAAO,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEpH;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,kBAAkB,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3B,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;CACnC;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,yDAAyD;IACzD,WAAW,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAC5B,wDAAwD;IACxD,eAAe,EAAE,WAAW,EAAE,CAAC;CAChC;AAED;;GAEG;AACH,oBAAY,gBAAgB;IAC1B,+BAA+B;IAC/B,IAAI,SAAS;IACb,gDAAgD;IAChD,WAAW,gBAAgB;IAC3B,+CAA+C;IAC/C,UAAU,eAAe;IACzB,qCAAqC;IACrC,WAAW,gBAAgB;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,kBAAkB,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,WAAW,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}
+{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../src/types/chart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAEnE;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,OAAO,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEpH;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,kBAAkB,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3B,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;CACnC;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,yDAAyD;IACzD,WAAW,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAC5B,wDAAwD;IACxD,eAAe,EAAE,WAAW,EAAE,CAAC;CAChC;AAED;;GAEG;AACH,oBAAY,gBAAgB;IAC1B,+BAA+B;IAC/B,IAAI,SAAS;IACb,gDAAgD;IAChD,WAAW,gBAAgB;IAC3B,+CAA+C;IAC/C,UAAU,eAAe;IACzB,qCAAqC;IACrC,WAAW,gBAAgB;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,kBAAkB,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,WAAW,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/utils/chartConfigManager.d.ts

@@ -0,0 +1,54 @@
+import { Accessor } from 'solid-js';
+import type { ChartConfig } from '@/types/chart';
+/**
+ * Global state manager for chart configurations during streaming.
+ * This singleton manages chart config state outside of the component tree,
+ * preventing reactivity issues when charts complete during SSE streaming.
+ *
+ * The problem: When using render() from solid-js/web to mount ChartPlaceholder
+ * components into DOM slots, the rendered components are in an isolated reactive
+ * root that doesn't share the parent's reactive context. Props passed to these
+ * components don't update reactively when the parent's signals change.
+ *
+ * The solution: Use a global manager with SolidJS signals that can be accessed
+ * from any component, regardless of which reactive root it's in.
+ */
+declare class ChartConfigManager {
+    private _configs;
+    private _loadingStates;
+    /**
+     * Get or create a config signal for a chart
+     */
+    getConfigSignal(chartId: string): Accessor<ChartConfig | null>;
+    /**
+     * Get or create a loading state signal for a chart
+     */
+    getLoadingSignal(chartId: string): Accessor<boolean>;
+    /**
+     * Set the config for a chart (called when chart streaming completes)
+     */
+    setConfig(chartId: string, config: ChartConfig): void;
+    /**
+     * Set the loading state for a chart
+     */
+    setLoading(chartId: string, loading: boolean): void;
+    /**
+     * Initialize a chart with optional initial config (for historical messages)
+     */
+    initChart(chartId: string, config: ChartConfig | null, isLoading: boolean): void;
+    /**
+     * Check if a chart has a config
+     */
+    hasConfig(chartId: string): boolean;
+    /**
+     * Clear all chart configs (useful for cleanup between conversations)
+     */
+    clear(): void;
+    /**
+     * Remove a specific chart's config
+     */
+    removeChart(chartId: string): void;
+}
+export declare const chartConfigManager: ChartConfigManager;
+export {};
+//# sourceMappingURL=chartConfigManager.d.ts.map

package/dist/utils/chartConfigManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartConfigManager.d.ts","sourceRoot":"","sources":["../../src/utils/chartConfigManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,QAAQ,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD;;;;;;;;;;;;GAYG;AACH,cAAM,kBAAkB;IAEtB,OAAO,CAAC,QAAQ,CAA2F;IAC3G,OAAO,CAAC,cAAc,CAAsE;IAE5F;;OAEG;IACH,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC;IAQ9D;;OAEG;IACH,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC;IAQpD;;OAEG;IACH,SAAS,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,GAAG,IAAI;IAWrD;;OAEG;IACH,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI;IASnD;;OAEG;IACH,SAAS,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,GAAG,IAAI,EAAE,SAAS,EAAE,OAAO,GAAG,IAAI;IAkBhF;;OAEG;IACH,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO;IAKnC;;OAEG;IACH,KAAK,IAAI,IAAI;IAKb;;OAEG;IACH,WAAW,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;CAInC;AAGD,eAAO,MAAM,kBAAkB,oBAA2B,CAAC"}

package/dist/utils/chartPopupManager.d.ts

@@ -0,0 +1,43 @@
+import type { ChartConfig } from '@/types/chart';
+/**
+ * Global state manager for chart popup modal.
+ * This singleton manages popup state outside of the component tree,
+ * preventing state loss during DOM re-renders (e.g., during SSE streaming).
+ */
+declare class ChartPopupManager {
+    private _isOpen;
+    private _config;
+    private _backgroundColor;
+    private _textColor;
+    /**
+     * Get the isOpen signal accessor
+     */
+    get isOpen(): import("solid-js").Accessor<boolean>;
+    /**
+     * Get the config signal accessor
+     */
+    get config(): import("solid-js").Accessor<ChartConfig | null>;
+    /**
+     * Get the backgroundColor signal accessor
+     */
+    get backgroundColor(): import("solid-js").Accessor<string | undefined>;
+    /**
+     * Get the textColor signal accessor
+     */
+    get textColor(): import("solid-js").Accessor<string | undefined>;
+    /**
+     * Open the popup with the given chart configuration
+     */
+    open(config: ChartConfig, backgroundColor?: string, textColor?: string): void;
+    /**
+     * Close the popup
+     */
+    close(): void;
+    /**
+     * Reset all state (useful for cleanup)
+     */
+    reset(): void;
+}
+export declare const chartPopupManager: ChartPopupManager;
+export {};
+//# sourceMappingURL=chartPopupManager.d.ts.map

package/dist/utils/chartPopupManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartPopupManager.d.ts","sourceRoot":"","sources":["../../src/utils/chartPopupManager.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD;;;;GAIG;AACH,cAAM,iBAAiB;IAErB,OAAO,CAAC,OAAO,CAAuB;IACtC,OAAO,CAAC,OAAO,CAA0C;IACzD,OAAO,CAAC,gBAAgB,CAA+C;IACvE,OAAO,CAAC,UAAU,CAA+C;IAEjE;;OAEG;IACH,IAAI,MAAM,yCAET;IAED;;OAEG;IACH,IAAI,MAAM,oDAET;IAED;;OAEG;IACH,IAAI,eAAe,oDAElB;IAED;;OAEG;IACH,IAAI,SAAS,oDAEZ;IAED;;OAEG;IACH,IAAI,CAAC,MAAM,EAAE,WAAW,EAAE,eAAe,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI;IAO7E;;OAEG;IACH,KAAK,IAAI,IAAI;IAIb;;OAEG;IACH,KAAK,IAAI,IAAI;CAMd;AAGD,eAAO,MAAM,iBAAiB,mBAA0B,CAAC"}