// Create data channel before creating offer
const dataChannel = pc.createDataChannel("parameters", { ordered: true });

dataChannel.onopen = () => {
  console.log("Data channel ready for parameter updates");
};

dataChannel.onmessage = (event) => {
  const data = JSON.parse(event.data);

  // Handle notifications from server
  if (data.type === "stream_stopped") {
    console.log("Stream stopped:", data.error_message);
    pc.close();
  }
};

function sendParameters(params) {
  if (dataChannel.readyState === "open") {
    dataChannel.send(JSON.stringify(params));
  } else {
    console.warn("Data channel not ready");
  }
}

// Example: Update prompt
sendParameters({
  prompts: [{ text: "A cat playing piano", weight: 1.0 }]
});

// Example: Update multiple parameters
sendParameters({
  prompts: [{ text: "A sunset over the ocean", weight: 1.0 }],
  denoising_step_list: [800, 600, 400],
  noise_scale: 0.7
});

// Single prompt
sendParameters({
  prompts: [{ text: "A beautiful forest", weight: 1.0 }]
});

// Blended prompts (spatial blending within frame)
sendParameters({
  prompts: [
    { text: "A sunny day", weight: 0.7 },
    { text: "A rainy day", weight: 0.3 }
  ],
  prompt_interpolation_method: "linear"  // or "slerp"
});

sendParameters({
  transition: {
    target_prompts: [
      { text: "A night sky with stars", weight: 1.0 }
    ],
    num_steps: 8,  // Transition over 8 chunks
    temporal_interpolation_method: "linear"
  }
});

// More steps = higher quality, slower
sendParameters({
  denoising_step_list: [1000, 750, 500, 250]
});

// Fewer steps = faster, lower quality
sendParameters({
  denoising_step_list: [700, 400]
});

sendParameters({
  noise_scale: 0.8,      // 0.0-1.0, amount of noise
  noise_controller: true  // Auto-adjust based on motion
});

// Enable automatic cache management
sendParameters({
  manage_cache: true
});

// Or manual cache reset
sendParameters({
  reset_cache: true  // Trigger one-time cache reset
});

// Pause generation
sendParameters({ paused: true });

// Resume generation
sendParameters({ paused: false });

sendParameters({
  lora_scales: [
    { path: "/path/to/style.safetensors", scale: 0.5 },
    { path: "/path/to/character.safetensors", scale: 1.2 }
  ]
});

sendParameters({
  vace_ref_images: ["/path/to/reference.png"],
  vace_context_scale: 1.0  // 0.0-2.0
});

sendParameters({
  spout_sender: {
    enabled: true,
    name: "ScopeOutput"
  }
});

// Receive from Spout instead of WebRTC input
sendParameters({
  spout_receiver: {
    enabled: true,
    name: "ExternalApp"
  }
});

const response = await fetch("http://localhost:8000/api/v1/webrtc/offer", {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({
    sdp: offer.sdp,
    type: offer.type,
    initialParameters: {
      prompts: [{ text: "Initial prompt", weight: 1.0 }],
      denoising_step_list: [1000, 750, 500, 250],
      manage_cache: true
    }
  })
});