@nyris/nyris-webapp 0.3.98 → 0.4.0

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@nyris/nyris-webapp",
-  "version": "0.3.98",
+  "version": "0.4.0",
   "dependencies": {
     "@auth0/auth0-react": "^2.2.4",
     "@emailjs/browser": "^4.3.3",
     "@google/genai": "^1.46.0",
-    "@nyris/nyris-api": "^0.3.98",
-    "@nyris/nyris-react-components": "^0.3.98",
+    "@nyris/nyris-api": "^0.4.0",
+    "@nyris/nyris-react-components": "^0.4.0",
     "@radix-ui/react-accordion": "^1.2.2",
     "@radix-ui/react-dialog": "^1.1.4",
     "@radix-ui/react-popover": "^1.1.4",

package/public/js/settings.example.js

@@ -49,6 +49,7 @@ var settings = {
     fallbackToElasticSearch: false,
     chat: true,
     findRelatedParts: true,
+    requestSupport: false,
   },
   // UI - theme
   theme: {
@@ -105,6 +106,7 @@ var settings = {
   },
   showPoweredByNyris: '',
   postFilterOption: '',
+  postFilterUseApi: false,
   preFilterOption: '',
   experienceVisualSearch: false,
   experienceVisualSearchImages: [],
@@ -112,6 +114,46 @@ var settings = {
   noSimilarSearch: false,
   useSmartFilters: false,
   showFeedback: false,
+  // Feedback API events that should never be sent. Use event types
+  // ('click', 'conversion', 'feedback', 'region') or subtypes:
+  //   click:      result_card, expand_details, similar_part_search, copy_details,
+  //               raise_inquiry, filter_applied, pre_filter_applied, chat_with_vizo
+  //   conversion: add_to_cart, purchase, download_cart, share_cart
+  //   feedback:   thumbs_up, thumbs_down
+  //   region:     crop, object_detection_click
+  // e.g. ['copy_details', 'filter_applied']
+  disabledFeedbackEvents: [],
+  requestQuality: false,
+  scopes: {
+    scopeID: false,
+    typePlateButtonLabel: 'Scan type plate',
+    typePlateStepOne: 'Identify machine',
+    typePlateStepTwo: 'Find part',
+    typePlatePopupTitle: 'Identify your machine',
+    typePlatePopupTitleSuccess: 'Machine identified',
+    typePlatePopupCtaButton: 'Search within this machine',
+    typePlatePopupCtaTextButton: 'Enter serial number manually',
+    typePlatePopupFindMachineButton: 'Find machine',
+    typePlatePopupSkipButton: 'Skip and search all parts',
+    typePlatePopupBackButton: 'Back to results',
+    typePlatePopupUploadButton: 'Upload image',
+    typePlatePopupUploadNewButton: 'Upload new type plate',
+    typePlatePopupTakePhotoButton: 'Take a photo',
+    typePlatePopupApplyingLabel: 'Applying...',
+    typePlateResultsScopeLabel:
+      'Searching within parts for {{scope_id}}. You can search with keyword or image to find the right item',
+    typePlateResultsNoScopeLabel:
+      'Scan your type plate to see only parts for your equipment.',
+    typePlateResultsClearScopeLabel: 'Search all products',
+    typePlatePopupErrorMessage:
+      'The serial number was not found. Please check again.',
+    typePlateManualInputLabel: "Can't scan? Enter serial number manually.",
+    typePlateManualInputPlaceholder: 'e.g. 2234GH',
+    typePlateWhereToFindTitle: 'Where to find it',
+    typePlateWhereToFindDescription:
+      'A metal or foil label on the machine housing, usually near the motor or the main panel. Make sure the serial number is sharp and readable.',
+    typePlateSerialNumberLabel: 'Serial number',
+  },
   geoLocation: false,
   geoLocationMessage: '',
   showImageDetails: false,

package/src/components/Cart.tsx

@@ -8,6 +8,9 @@ import { Send } from 'lucide-react';
 import emailjs from '@emailjs/browser';
 import { useAuth0 } from '@auth0/auth0-react';
 import NoImage from '../common/assets/images/no-image.svg';
+import { trackConversion } from 'services/Feedback';
+import { CONVERSION_SUBTYPE } from 'services/feedbackSubtypes';
+import useResultStore from 'stores/result/resultStore';
 
 const EMAILJS_SERVICE_ID = 'service_zfsxshi';
 const EMAILJS_TEMPLATE_ID = window.settings.cart?.emailTemplateId || '';
@@ -102,6 +105,42 @@ const Cart = () => {
   const getQuantityDisplayValue = (sku: string, quantity: number) =>
     quantityEdits[sku] ?? String(quantity || 1);
 
+  /**
+   * Sends one conversion per originating search request. Items remember the
+   * request they were added from; items without one fall back to the current
+   * request id.
+   */
+  const trackCartConversion = (subtype: string) => {
+    const current = useResultStore.getState();
+    const groups = new Map<string, { sessionId?: string; parts: any[] }>();
+
+    cartParts.forEach((part: any) => {
+      const requestId = part.feedbackRequestId || current.requestId;
+      if (!requestId) return;
+      const group = groups.get(requestId) || {
+        sessionId: part.feedbackSessionId || current.sessionId,
+        parts: [] as any[],
+      };
+      group.parts.push(part);
+      groups.set(requestId, group);
+    });
+
+    groups.forEach(({ sessionId, parts }, requestId) => {
+      trackConversion(
+        subtype,
+        {
+          skus: parts.map(part => part.sku),
+          positions: parts.map(part => part.feedbackPosition),
+          quantity: parts.reduce(
+            (total, part) => total + (part.quantity || 1),
+            0,
+          ),
+        },
+        { requestId, sessionId },
+      );
+    });
+  };
+
   const generateCSVContent = (): string => {
     const rows = [['Product Sku', 'Product Name', 'Quantity']];
     cartParts.forEach((part: any) => {
@@ -124,6 +163,7 @@ const Cart = () => {
     // clearSessionProducts();
 
     toast.success('Your data has been downloaded.');
+    trackCartConversion(CONVERSION_SUBTYPE.DOWNLOAD_CART);
   };
 
   const sendCSVByEmail = async (
@@ -159,6 +199,7 @@ const Cart = () => {
       );
 
       toast.success('Parts list has been sent by email.');
+      trackCartConversion(CONVERSION_SUBTYPE.SHARE_CART);
       setIsEmailInputVisible(false);
       setUserEmail('');
     } catch (error) {

package/src/components/ChatAssistant/ChatAssistant.test.tsx

@@ -0,0 +1,213 @@
+import {
+  fireEvent,
+  render,
+  screen,
+  waitFor,
+  within,
+} from '@testing-library/react';
+import useConversationStore from 'stores/chat/conversationStore';
+import ChatAssistant from './ChatAssistant';
+import MobileChatAssistant from './MobileChatAssistant';
+
+const mockSendMessage = jest.fn();
+const mockProducts = {
+  productsFromAlgolia: [],
+  productsFromFindApi: [],
+  firstSearchResults: [],
+  imageAnalysis: {} as any,
+  setFindApiProducts: jest.fn(),
+  setFullResultPool: jest.fn(),
+};
+const mockRequest = { requestImages: [], regions: [] };
+
+jest.mock('hooks/useGoodResultsChat', () => ({
+  useGoodResultsChat: () => ({ sendMessage: mockSendMessage }),
+}));
+jest.mock('hooks/useBadResultsRecovery', () => ({
+  useBadResultsRecovery: () => ({ sendMessage: mockSendMessage }),
+}));
+jest.mock('services/vizo', () => ({ chatAnalysis: jest.fn() }));
+jest.mock('utils/compressImage', () => ({ compressImage: jest.fn() }));
+jest.mock('utils/relatedParts', () => ({
+  loadRelatedPartsTable: jest.fn(),
+  lookupRelatedParts: jest.fn(),
+}));
+jest.mock('utils/fetchProductImage', () => ({
+  fetchProductImageBase64: jest.fn(),
+  getProductImageUrl: jest.fn(),
+}));
+jest.mock('utils/nyrisApiKey', () => ({ getEffectiveApiKey: jest.fn() }));
+jest.mock('stores/result/resultStore', () => ({
+  __esModule: true,
+  default: Object.assign((selector: any) => selector(mockProducts), {
+    getState: () => mockProducts,
+  }),
+}));
+jest.mock('stores/request/requestStore', () => ({
+  __esModule: true,
+  default: Object.assign((selector: any) => selector(mockRequest), {
+    getState: () => mockRequest,
+  }),
+}));
+jest.mock('stores/ui/uiStore', () => ({
+  __esModule: true,
+  default: (selector: any) =>
+    selector({
+      toggleAiMode: jest.fn(),
+      setIsAiModeOpen: jest.fn(),
+    }),
+}));
+jest.mock('@nyris/nyris-react-components', () => ({ Icon: () => null }));
+jest.mock('react-i18next', () => ({
+  useTranslation: () => ({ t: (value: string) => value }),
+}));
+jest.mock('components/Tooltip/TooltipComponent', () => ({
+  __esModule: true,
+  default: ({ children }: any) => children,
+}));
+jest.mock('components/CustomCameraDrawer', () => ({
+  __esModule: true,
+  default: () => null,
+}));
+jest.mock('components/ImageUpload', () => ({
+  __esModule: true,
+  default: () => null,
+}));
+jest.mock('components/Inquiry/InquiryModal', () => ({
+  __esModule: true,
+  default: ({ setIsInquiryModalOpen }: any) => (
+    <div role="dialog" aria-label="Support inquiry">
+      <button onClick={() => setIsInquiryModalOpen(false)}>
+        Close inquiry
+      </button>
+    </div>
+  ),
+}));
+
+beforeEach(() => {
+  jest.clearAllMocks();
+  HTMLElement.prototype.scrollIntoView = jest.fn();
+  window.settings = {
+    algolia: { enabled: false },
+    vizo: { findRelatedParts: false, requestSupport: true },
+    support: { emailInquiry: false, emailTemplateId: '' },
+  } as typeof window.settings;
+  mockProducts.firstSearchResults = [];
+  mockProducts.imageAnalysis = {};
+  useConversationStore.getState().reset();
+  mockSendMessage.mockImplementation(async (content: string) => {
+    const store = useConversationStore.getState();
+    store.addMessage({ role: 'user', content });
+    store.setIsLoading(true);
+    store.addMessage(
+      {
+        role: 'assistant',
+        content: 'Let us keep looking.',
+        options: [{ label: 'Continue search', action_type: 'filter' }],
+      },
+      { isApiResponse: true },
+    );
+    store.setIsLoading(false);
+  });
+});
+
+test.each([
+  { name: 'desktop', Component: ChatAssistant },
+  { name: 'mobile', Component: MobileChatAssistant },
+])(
+  '$name offers an inquiry without blocking continued chat',
+  async ({ Component }) => {
+    render(<Component />);
+    const input = screen.getByRole('textbox');
+    const sendMessage = async () => {
+      fireEvent.change(input, { target: { value: 'Still looking' } });
+      // eslint-disable-next-line testing-library/no-node-access
+      fireEvent.submit(input.closest('form')!);
+      await waitFor(() => expect(input).toHaveValue(''));
+    };
+
+    await sendMessage();
+    await sendMessage();
+    expect(
+      screen.queryByRole('button', { name: 'Request support' }),
+    ).toBeNull();
+    await sendMessage();
+
+    const supportButton = await screen.findByRole('button', {
+      name: 'Request support',
+    });
+    expect(HTMLElement.prototype.scrollIntoView).toHaveBeenLastCalledWith({
+      behavior: 'auto',
+      block: 'end',
+    });
+    const supportSection = screen.getByRole('complementary', {
+      name: 'Human support',
+    });
+    expect(
+      within(supportSection).getByText(
+        'Still not finding it? Our team can help. Send us a quick email',
+      ),
+    ).toBeInTheDocument();
+    expect(
+      within(supportSection).getByRole('button', { name: 'Request support' }),
+    ).toBe(supportButton);
+    const replyButtons = screen.getAllByRole('button', {
+      name: 'Continue search',
+    });
+    expect(replyButtons[replyButtons.length - 1]).toBeEnabled();
+    fireEvent.click(supportButton);
+    expect(
+      screen.getByRole('dialog', { name: 'Support inquiry' }),
+    ).toBeInTheDocument();
+    fireEvent.click(screen.getByRole('button', { name: 'Close inquiry' }));
+
+    await sendMessage();
+    expect(mockSendMessage).toHaveBeenCalledTimes(4);
+    expect(
+      screen.getAllByRole('button', { name: 'Request support' }),
+    ).toHaveLength(1);
+    expect(supportButton).toBeEnabled();
+    fireEvent.click(supportButton);
+    expect(
+      screen.getByRole('dialog', { name: 'Support inquiry' }),
+    ).toBeInTheDocument();
+  },
+);
+
+test('offers related parts again after restoring original results when enabled', async () => {
+  const originalResults: any = [{ id: 'original-result' }];
+  mockProducts.firstSearchResults = originalResults;
+  mockProducts.imageAnalysis = {
+    specification: { product_category: 'pump' },
+  };
+  window.settings.vizo!.findRelatedParts = true;
+
+  const store = useConversationStore.getState();
+  store.setRelatedPartsUsed(true);
+  store.setRelatedPartsTableSuggestions([
+    { label: 'Motor', description: 'Replacement motor' },
+  ]);
+  store.addMessage({
+    role: 'assistant',
+    content: 'Filtered results',
+    options: [
+      {
+        label: 'Go back to original results',
+        action_type: 'restore_original',
+        value: 'restore',
+      },
+    ],
+  });
+
+  render(<ChatAssistant />);
+  fireEvent.click(
+    screen.getByRole('button', { name: 'Go back to original results' }),
+  );
+
+  expect(
+    await screen.findByRole('button', {
+      name: 'Find parts related to pump',
+    }),
+  ).toBeInTheDocument();
+  expect(useConversationStore.getState().relatedPartsUsed).toBe(false);
+});

package/src/components/ChatAssistant/ChatAssistant.tsx

@@ -7,6 +7,7 @@ import { Icon } from '@nyris/nyris-react-components';
 import useUiStore from 'stores/ui/uiStore';
 import OptionChip, { ChatOption } from './OptionChip';
 import { useChatAssistantLogic } from './useChatAssistantLogic';
+import InquiryModal from 'components/Inquiry/InquiryModal';
 
 function ChatAssistant() {
   const inputRef = useRef<HTMLTextAreaElement>(null);
@@ -26,8 +27,14 @@ function ChatAssistant() {
     handleSendMessage,
     handleOptionClick,
     handleImageUpload,
+    isSupportInquiryOpen,
+    setIsSupportInquiryOpen,
+    requestImage,
+    selectedRegion,
   } = useChatAssistantLogic();
 
+  const latestChatMessageId = messages[messages.length - 1]?.id;
+
   const setIsOpen = useConversationStore(s => s.setIsOpen);
 
   const toggleAiMode = useUiStore(state => state.toggleAiMode);
@@ -56,6 +63,15 @@ function ChatAssistant() {
         'bg-[radial-gradient(ellipse_at_70%_7%,_#F3F4F8_50%,_#E4E3FF_100%)]',
       ])}
     >
+      {isSupportInquiryOpen && (
+        <InquiryModal
+          requestImage={requestImage}
+          selectedRegion={selectedRegion}
+          isInquiryModalOpen={isSupportInquiryOpen}
+          setIsInquiryModalOpen={setIsSupportInquiryOpen}
+          allowEmailFallback
+        />
+      )}
       <div
         className="absolute top-3 right-4 bg-[#FAFAFA] w-7 h-7 flex justify-center items-center rounded-lg cursor-pointer"
         onClick={() => {
@@ -144,7 +160,8 @@ function ChatAssistant() {
                                 option={option}
                                 onClick={wrappedHandleOptionClick}
                                 disabled={
-                                  isLoading || i !== messages.length - 1
+                                  option.action_type !== 'request_support' &&
+                                  (isLoading || msg.id !== latestChatMessageId)
                                 }
                               />
                             ))}

package/src/components/ChatAssistant/MobileChatAssistant.tsx

@@ -9,6 +9,7 @@ import CustomCamera from 'components/CustomCameraDrawer';
 import ImageUpload from 'components/ImageUpload';
 import OptionChip, { ChatOption } from './OptionChip';
 import { useChatAssistantLogic } from './useChatAssistantLogic';
+import InquiryModal from 'components/Inquiry/InquiryModal';
 
 function MobileChatAssistant() {
   const { t } = useTranslation();
@@ -30,8 +31,14 @@ function MobileChatAssistant() {
     handleSendMessage,
     handleOptionClick,
     handleImageUpload,
+    isSupportInquiryOpen,
+    setIsSupportInquiryOpen,
+    requestImage,
+    selectedRegion,
   } = useChatAssistantLogic();
 
+  const latestChatMessageId = messages[messages.length - 1]?.id;
+
   const setIsAiModeOpen = useUiStore(state => state.setIsAiModeOpen);
 
   const [isOpenModalCamera, setOpenModalCamera] = useState<boolean>(false);
@@ -52,6 +59,15 @@ function MobileChatAssistant() {
 
   return (
     <div className="fixed inset-x-0 bottom-0 z-[50] flex flex-col justify-end max-h-[50vh]">
+      {isSupportInquiryOpen && (
+        <InquiryModal
+          requestImage={requestImage}
+          selectedRegion={selectedRegion}
+          isInquiryModalOpen={isSupportInquiryOpen}
+          setIsInquiryModalOpen={setIsSupportInquiryOpen}
+          allowEmailFallback
+        />
+      )}
       {/* Chat container — anchored to bottom, content-based height, max 50vh */}
       <div
         className={twMerge(
@@ -143,7 +159,8 @@ function MobileChatAssistant() {
                                 option={option}
                                 onClick={wrappedHandleOptionClick}
                                 disabled={
-                                  isLoading || i !== messages.length - 1
+                                  option.action_type !== 'request_support' &&
+                                  (isLoading || msg.id !== latestChatMessageId)
                                 }
                               />
                             ))}

package/src/components/ChatAssistant/OptionChip.tsx

@@ -1,4 +1,4 @@
-import { RotateCcw, Search, Wrench } from 'lucide-react';
+import { Mail, RotateCcw, Search, Wrench } from 'lucide-react';
 import { twMerge } from 'tailwind-merge';
 
 import Tooltip from 'components/Tooltip/TooltipComponent';
@@ -27,6 +27,28 @@ function OptionChip({ option, onClick, disabled = false }: OptionChipProps) {
   const displayText =
     isFilter && option.value?.trim() ? option.value : option.label;
 
+  if (option.action_type === 'request_support') {
+    return (
+      <aside
+        aria-label="Human support"
+        className="w-full mt-2 border-t border-solid border-[#B9D5CE] pt-3"
+      >
+        <p className="text-sm leading-5 text-[#27443D] mb-3">
+          Still not finding it? Our team can help. Send us a quick email
+        </p>
+        <button
+          type="button"
+          onClick={() => onClick(option)}
+          disabled={disabled}
+          className="inline-flex items-center justify-center gap-2 min-h-[36px] px-3 py-2 rounded-md bg-[#0F766E] text-white text-xs font-semibold hover:bg-[#115E59] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#0F766E] disabled:opacity-50 disabled:cursor-not-allowed"
+        >
+          <Mail size={14} className="shrink-0" aria-hidden="true" />
+          {displayText}
+        </button>
+      </aside>
+    );
+  }
+
   return (
     <Tooltip content={displayText} disabled={displayText.length <= 32}>
       <button

package/src/components/ChatAssistant/useChatAssistantLogic.ts

@@ -6,6 +6,7 @@ import useRequestStore from 'stores/request/requestStore';
 import { useGoodResultsChat } from 'hooks/useGoodResultsChat';
 import { useBadResultsRecovery } from 'hooks/useBadResultsRecovery';
 import { chatAnalysis } from 'services/vizo';
+import { getChatProductMetadata } from 'utils/chatProductMetadata';
 import { compressImage } from 'utils/compressImage';
 import { loadRelatedPartsTable, lookupRelatedParts } from 'utils/relatedParts';
 import {
@@ -20,6 +21,7 @@ export function useChatAssistantLogic() {
   const imageInputRef = useRef<HTMLInputElement>(null);
 
   const [findingRelatedParts, setFindingRelatedParts] = useState(false);
+  const [isSupportInquiryOpen, setIsSupportInquiryOpen] = useState(false);
 
   // Conversation store
   const isEvaluated = useConversationStore(s => s.isEvaluated);
@@ -27,6 +29,7 @@ export function useChatAssistantLogic() {
   const messages = useConversationStore(s => s.messages);
   const isLoading = useConversationStore(s => s.isLoading);
   const error = useConversationStore(s => s.error);
+  const sessionId = useConversationStore(s => s.sessionId);
   const catalogSearchReady = useConversationStore(s => s.catalogSearchReady);
   const setCatalogSearchReady = useConversationStore(
     s => s.setCatalogSearchReady,
@@ -54,6 +57,7 @@ export function useChatAssistantLogic() {
 
   // Request store
   const requestImages = useRequestStore(state => state.requestImages);
+  const regions = useRequestStore(state => state.regions);
 
   const p2TriggeredRef = useRef(false);
 
@@ -69,6 +73,10 @@ export function useChatAssistantLogic() {
   // Catalog search state
   const [catalogSearching, setCatalogSearching] = useState(false);
 
+  useEffect(() => {
+    setIsSupportInquiryOpen(false);
+  }, [sessionId]);
+
   // Helper to get the correct product setter
   const getSetProducts = useCallback(() => {
     return setFindApiProducts;
@@ -100,7 +108,7 @@ export function useChatAssistantLogic() {
 
   // Auto-scroll
   useEffect(() => {
-    messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });
+    messagesEndRef.current?.scrollIntoView({ behavior: 'auto', block: 'end' });
   }, [messages]);
 
   // ── Handlers ──
@@ -131,6 +139,11 @@ export function useChatAssistantLogic() {
 
   const handleOptionClick = useCallback(
     async (option: any) => {
+      if (option.action_type === 'request_support') {
+        setIsSupportInquiryOpen(true);
+        return;
+      }
+
       if (option.action_type === 'text_search_prompt') {
         setInputValue('');
         const store = useConversationStore.getState();
@@ -187,9 +200,23 @@ export function useChatAssistantLogic() {
           setProducts(restoreResults);
           setFullResultPool(restoreResults);
           store.setPreCatalogResults(null);
+          store.setRelatedPartsUsed(false);
+          const relatedPartsOption =
+            window.settings.vizo?.findRelatedParts &&
+            store.relatedPartsTableSuggestions.length > 0
+              ? [
+                  {
+                    label: `Find parts related to ${imageAnalysis?.specification?.product_category || 'request image'}`,
+                    action_type: 'find_related_parts' as const,
+                    key: 'find_related',
+                    value: 'find_related_parts',
+                  },
+                ]
+              : [];
           store.addMessage({
             role: 'assistant',
             content: `Restored your original ${restoreResults.length} result${restoreResults.length === 1 ? '' : 's'} from the initial image search. Feel free to keep filtering or run a new catalog search.`,
+            options: relatedPartsOption,
           });
         } else {
           store.addMessage({
@@ -300,12 +327,7 @@ export function useChatAssistantLogic() {
         const visibleProducts = currentProducts.slice(0, 30);
         const productList = visibleProducts.map((p: any, i: number) => ({
           rank: i + 1,
-          sku: p.sku || p.objectID || `product-${i}`,
-          title: p.title || p.name || 'Untitled',
-          brand: p.brand || '',
-          description: (p.description || '').substring(0, 150),
-          categories: p.categories || [],
-          mpn: p.customIds?.mpn || p.ids?.mpn || '',
+          metadata: getChatProductMetadata(p),
         }));
 
         const productImages = await Promise.all(
@@ -350,17 +372,12 @@ export function useChatAssistantLogic() {
 ${productContextNotice}
 
 PRODUCT LIST:
-Each result includes a unique SKU in brackets. Use the result thumbnails and metadata together when deciding which current results match the uploaded image. Return matched_indices as 1-based ranks from this list.
+Each JSON result includes a 1-based rank and complete product metadata, including identifiers when available. Use the result thumbnails and metadata together when deciding which current results match the uploaded image. Return matched_indices as 1-based rank values from this list.
 `,
         });
 
         productList.forEach((product, index) => {
-          const currentProduct = visibleProducts[index];
-          const tags = currentProduct?._tags;
-          const tagStr = tags
-            ? ` | TAGS: type=${tags.productType}, color=${tags.color}, shape=${tags.shape}, material=${tags.material}`
-            : '';
-          const metadata = `${product.rank}. [${product.sku}] ${product.title} | brand: ${product.brand} | mpn: ${product.mpn} | categories: ${JSON.stringify(product.categories)} | desc: ${product.description}${tagStr}`;
+          const metadata = JSON.stringify(product);
 
           if (hasVisualContext && productImages[index]?.base64) {
             parts.push({
@@ -730,6 +747,10 @@ Each result includes a unique SKU in brackets. Use the result thumbnails and met
     activeProducts,
     productsFromAlgolia,
     findingRelatedParts,
+    isSupportInquiryOpen,
+    setIsSupportInquiryOpen,
+    requestImage: requestImages[0],
+    selectedRegion: regions[0],
 
     // Refs
     messagesEndRef,