y = !value;
        const displayValue = value || '[Click to edit]';
        return `<span class="highlighted-value ${isEmpty ? 'empty' : 'filled'}" id="${id}Value">${displayValue}</span>`;
      }

      // Generic config generator function
      function generateConfig(provider, format, vars) {
        const { fields } = providerConfigs[provider];
        const formatter = formatGenerators[format];
        const details = vars.providerDetails || {};

        const configLines = fields
          .map(field