fix:serialize object variable values before copying to clipboard

packages/bruno-app/src/utils/codemirror/brunoVarInfo.js

@@ -95,7 +95,15 @@ const updateValueDisplay = (valueDisplay, value, isSecret, isMasked, isRevealed)
   }
 
   if (typeof value === 'object') {
-    valueDisplay.textContent = value === null ? 'null' : JSON.stringify(value, null, 2);
+    if (value === null) {
+      valueDisplay.textContent = 'null';
+    } else {
+      try {
+        valueDisplay.textContent = JSON.stringify(value, null, 2);
+      } catch {
+        valueDisplay.textContent = String(value);
+      }
+    }
     return;
   }
 
@@ -153,8 +161,19 @@ const getCopyButton = (getVariableValue, onCopyCallback) => {
     // Resolve the latest value at click time so edits/saves are reflected.
     const valueToCopy = typeof getVariableValue === 'function' ? getVariableValue() : getVariableValue;
 
+    let valueStr;
+    if (typeof valueToCopy === 'object' && valueToCopy !== null) {
+      try {
+        valueStr = JSON.stringify(valueToCopy, null, 2);
+      } catch {
+        valueStr = String(valueToCopy);
+      }
+    } else {
+      valueStr = String(valueToCopy ?? '');
+    }
+
     navigator.clipboard
-      .writeText(valueToCopy ?? '')
+      .writeText(valueStr)
       .then(() => {
         isCopied = true;
         copyButton.innerHTML = CHECKMARK_ICON_SVG_TEXT;

packages/bruno-app/src/utils/codemirror/brunoVarInfo.spec.js

@@ -421,6 +421,28 @@ describe('renderVarInfo', () => {
       expect(copyButton.classList.contains('copy-success')).toBe(false);
     });
 
+    it('should copy plain object values as formatted JSON', async () => {
+      const { copyButton } = setupRender({ apiKey: { host: 'localhost', port: 8080 } });
+
+      copyButton.click();
+      await jest.runAllTimersAsync();
+
+      expect(navigator.clipboard.writeText).toHaveBeenCalledWith(
+        JSON.stringify({ host: 'localhost', port: 8080 }, null, 2)
+      );
+    });
+
+    it('should fall back to String() for circular objects and still write to clipboard', async () => {
+      const circular = {};
+      circular.self = circular;
+      const { copyButton } = setupRender({ apiKey: circular });
+
+      copyButton.click();
+      await jest.runAllTimersAsync();
+
+      expect(navigator.clipboard.writeText).toHaveBeenCalledWith(String(circular));
+    });
+
     it('should log to the console when the variable value is not copied', async () => {
       const { copyButton } = setupRender({ apiKey: 'cause-clipboard-error' });